如何优化网站HTML代码-

如何优化网站HTML代码?
篇一：html代码优化
seo优化
一、seo优化
1.内部seo(代码优化)
网站如果想要有好的排名，需要做很多工作，个人觉的内部优化应该是首位，
否则你的seo推广会打折。

就算你的网站做的多好看，设计的多漂亮，里面
的东西多么吸引人，但是内部没有优化好，用户很费力的进到你网站去寻找，
如果换做那个是你，你会不会继续看下去。

如果我们合理的设计网站的内部，
那么当一个客户来访问快就可能成为回头客。

2.外部链接seo
做好了内部seo，其实只是刚开始，一个网站好比一个沃尔玛，几时内部装
修的怎么好，商品怎么齐全，价格怎么优惠，但是没有人去看，说什么也没
意义，网站需要做外面的seo来让大家都知道它的存在，并且有一半
认可你，这才是你最终的目标，总体上，外部seo最重要的就是外部链接情
况，外部链接表现在两个方面：1.质量2.数量；来自不同域名的外部链接对
网站的影响不同，质量的另外一个方面是相关性，相关性高的网站对网站关
键词排名的影响比较大，另外一个就是外部链接的数量，数量越多同样很重
要，增加网站的权威性。

除了质量和数量，关键词是否多样性链接存在的时
间长短等，这些都影响关键词的排名
二、优化原则
1.不影响原外观
2.不要把整个页面放到一个table里面
3.不要嵌套太多表格，因为表格需要代码全部下载才能显示出来
4.不要用太大、太多Flash动画
5.不要用太多Javascript特效，用户是来看内容不是看特效
6.尽量把大图切成小图，可以再次利用的图片就无需再另切图了
三、优化技巧
1.使用静态页面可以有效减少服务器资源占用
2.重复使用的样式写到外部css文件，一般是整站一个共用css文件，
栏目共用一个css文件，某页面特有的可以写在本页面内
3.需要从数据库读取但又不经常更换的内容，写到单独Js文件，例如各个栏
目，内容是从数据库获取的，但又不会频繁更换
4.需要链接外部的Flash、图片等，可以用iframe标签，避免外部网络延迟而
拖慢整体页面显示
5.为了方便程序员写循环，可以适当在代码里面加注释
四、网页优化
1.切图步骤
1)从整体布局考虑分块
2)划线分割
3)隐藏不需要的内容
4)输出html文件（如分多层切图，重复第三步骤）
5)用Dreamwaver等网页工具打开，整理表格
6)编写css文件
2.切图技巧
1)尽量按规则表格方式切，因为切后一般用需要整合
2)表格需要全部下载才能显示出来，尽量把大表格分成横向并排的表格
3)尽可能新建网页，新建表格把切好的图块手动放进去，因为ps、
切图生成的网页文件有很多垃圾代码
4)文字尽量用文本格式写在网页源码，方便修改
五、内部优化
seo全称是searchengineoptimization，即针对搜索的优化。

网站在推出之后，最大的难点莫过于推广，而通过搜索引擎带来的流量是不可忽视的，如何通过优化代码使搜索引擎最大限度的收录，也就成为重要课题。

1.明确的标题，即标签
例如搜索“购物”，搜索结果有2个页面，一个标题包含“购物”，另一个只包
含在正文标签中，第一个页面会排第一位。

根据观察，各搜索引擎都会对标题进行截断，具体为baidu20字、google30
字、Yahoo20字、msnsearch25字（均为中文）
所以标题不能过长，要跟正文内容符合，购物网，标题可以为“我要购物网”
2.meTA标记
3.链接文本
文章、新闻经常标题过长，为了页面美观而不得不截短，加入title
属性，一
来有利于访客阅读完整标题，也有利于搜索引擎的收录
我要购物网虽然这两
种方式都可以链接到我要购物网的首页，但是对于搜索引擎来说是有差别的，
这样势必造成了2个重复的页面，对于我们的博客收录的排名是不利的。

14.超级链接地址的大小写要统一，对于google来说
/bbs/portal.php与
/bbs/poRTAL.php同样是两个不同的页面。

15.当然还有css或者其他的代码优化，这里我只说其他最简单的，最普及的方
法。

六、这样做有哪些好处？
1.易于维护
hTmL代码发展到现在，已经变得十分臃肿，这对网页设计师来说是非常不利的，特别在重构大型网站的时候，经常显得力不从心
2.加速开发
通过结构与表现层分离，可以优化团队工作流程，提高工作效率3.拓展访问渠
不需做大改动即可在pDA等掌上设备浏览
4.节约带宽成本。