html代码优化分析和总结.docxVIP

[键入文字 [键入文字] - - PAGE 1 - 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，即针对搜索的优化。网站在推出之后， 最大的难点莫过于推广，而通过搜索引擎带来的流量是不可忽视的，如何通过优化代码使搜索引擎最大限度的收录，也就成为重要课题。 明确的标题，即title标签 例如搜索“购物”，搜索结果有2 个页面，一个标题包含“购物”，另一个只包含在正文body标签中，第一个页面会排第一位。 根据观察，各搜索引擎都会对标题进行截断，具体为 baidu20 字、google30 字、Yahoo20 字、MSN Search25 字（均为中文） 所以标题不能过长，要跟正文内容符合，购物网，标题可以为“我要购物网” META 标记 meta name=description content=网页简述 meta name=keywords content=关键字 3.链接文本 文章、新闻经常标题过长，为了页面美观而不得不截短，加入title 属性，一来有利于访客阅读完整标题，也有利于搜索引擎的收录 a href=”/”手持机/a 4.另外其它如h1input都可以加入关键字 XHTML 标签和属性全部要小写，比如BODYHEADBR / 标签注意要关闭，常见的比如br /input /等，还有img src= alt= /， 别把 alt 属性忘记了 不用font标签，可以用span标签加 CSS 定义 XHTML 不具备HTML 标签所有属性和值，例如居中 align=absmiddle，在 XHTML里面是没有 absmiddle 值的，只有 top/bottom/right/left/center，某些属性例如 onload 也被废除了 script/script要放在head/head之间，共有的写出单独文件再在网页导入 尽量用 div 布局而不用 table，但 table 还是可以用的 标题代码：h1-h7，其中h1的权重最大，依次类推，通常网站标题或文章大标题用 h1 标注。 强调标签用em；重点高调标签用b和stro