html代码优化..doc

SEO优化 一、SEO优化 内部SEO(代码优化) 网站如果想要有好的排名，需要做很多工作，个人觉的内部优化应该是首位，否则你的SEO推广会打折。就算你的网站做的多好看，设计的多漂亮，里面的东西多么吸引人，但是内部没有优化好，用户很费力的进到你网站去寻找，如果换做那个是你，你会不会继续看下去。如果我们合理的设计网站的内部，那么当一个客户来访问快就可能成为回头客。 外部链接SEO 做好了内部SEO，其实只是刚开始，一个网站好比一个沃尔玛，几时内部装修的怎么好，商品怎么齐全，价格怎么优惠，但是没有人去看，说什么也没意义，网站需要做外面的SEO来让大家都知道它的存在，并且有一半的客户认可你，这才是你最终的目标，总体上，外部SEO最重要的就是外部链接情况，外部链接表现在两个方面：1.质量2.数量；来自不同域名的外部链接对网站的影响不同，质量的另外一个方面是相关性，相关性高的网站对网站关键词排名的影响比较大，另外一个就是外部链接的数量，数量越多同样很重要，增加网站的权威性。除了质量和数量，关键词是否多样性链接存在的时间长短等，这些都影响关键词的排名 二、优化原则 不影响原外观 不要把整个页面放到一个table里面 不要嵌套太多表格，因为表格需要代码全部下载才能显示出来 不要用太大、太多Flash动画 不要用太多JavaScript特效，用户是来看内容不是看特效 尽量把大图切成小图，可以再次利用的图片就无需再另切图了 三、优化技巧 使用静态页面可以有效减少服务器资源占用 重复使用的样式写到外部CSS文件，一般是整站一个共用CSS文件，各独立栏目共用一个CSS文件，某页面特有的可以写在本页面内 需要从数据库读取但又不经常更换的内容，写到单独JS文件，例如各个栏目，内容是从数据库获取的，但又不会频繁更换 需要链接外部的Flash、图片等，可以用iframe标签，避免外部网络延迟而拖慢整体页面显示 为了方便程序员写循环，可以适当在代码里面加注释 四、网页优化 1.切图步骤 从整体布局考虑分块 划线分割 隐藏不需要的内容 输出html文件（如分多层切图，重复第三步骤） 用Dreamwaver等网页工具打开，整理表格 编写CSS文件 2.切图技巧 尽量按规则表格方式切，因为切后一般用需要整合 表格需要全部下载才能显示出来，尽量把大表格分成横向并排的表格 尽可能新建网页，新建表格把切好的图块手动放进去，因为PS、Fireworks切图生成的网页文件有很多垃圾代码 文字尽量用文本格式写在网页源码，方便修改 五、内部优化 SEO全称是Search Engine Optimization，即针对搜索的优化。网站在推出之后，最大的难点莫过于推广，而通过搜索引擎带来的流量是不可忽视的，如何通过优化代码使搜索引擎最大限度的收录，也就成为重要课题。 1.明确的标题，即title标签例如搜索“购物”，搜索结果有2个页面，一个标题包含“购物”，另一个只包含在正文body标签中，第一个页面会排第一位。根据观察，各搜索引擎都会对标题进行截断，具体为baidu20字、google30字、Yahoo20字、MSN Search25字（均为中文）所以标题不能过长，要跟正文内容符合，购物网，标题可以为“我要购物网” 2.META标记meta name=description content=网页简述meta name=keywords content=关键字 3.链接文本文章、新闻经常标题过长，为了页面美观而不得不截短，加入title属性，一来有利于访客阅读完整标题，也有利于搜索引擎的收录a href=”/”手持机/a 4.另外其它如h1input都可以加入关键字 5.XHTML标签和属性全部要小写，比如BODYHEADBR / 6.标签注意要关闭，常见的比如br /input /等，还有img src= alt= /，别把alt属性忘记了 7.不用font标签，可以用span标签加CSS定义 8.XHTML不具备HTML标签所有属性和值，例如居中align=absmiddle，在XHTML里面是没有absmiddle值的，只有top/bottom/right/left/center，某些属性例如onload也被废除了 9.script/script要放在head/head之间，共有的写出单独文件再在网页导入 10.尽量用div布局而不用table，但table还是可以用的 11.标题代码：h1-h7，其中h1的权重最大，依次类推，通常网站标题或文章大标题用h1标注。 12.强调标签用em；重点高调标签用b和strong，strong是加重语气标签b是粗体标签。 13.超级链接要统一，不能一会用绝对路径，一会又用相对路径，例如：老吧网的首页链接在后台程序可以写