html优化 html代码优化.docVIP

html优化 html代码优化 转自郑州seo 【不应忽视的HTML优化】 随着Web2.0技术的不断发展，Web前端的优化受到越来越多的关注，特别是JavaScript和CSS优化的讨论一直是热点，工具也相对丰富，而对HTML优化则有所忽视，最近，来自百度泛用户体验团队的工程师Miller(chenminliang)撰文强调了HTML优化的重要性和相关技巧。 Miller首先举例说明了HTML优化稍显忽略的事实： 在Steve Souders的大作《Even Faster Web Sites》中谈到非常多有效的前端优化方法，例如Javascript的加载、CSS选择符、图片优化、gzip、iframe问题等，唯独没有细说HTML优化。 他强调HTML优化虽然看似微小，但是不可忽视： 在整个前端的构成中，HTML是必不可少的一部分，而且是真正的展示前端。虽然与动辄十几K的Javascript相比，HTML的大小在整个页面资源中一般不会占太多的比重，而且还有Gzip，但是事实表明，大多数页面都有较大的压缩余地，即使是Gzip过后仍然能减小可观的体积. Miller在文中总结了HTML优化的各种方法，将其分为两类：绿色规则--在各类页面中适用且无害和橙色规则--在某些具体的情况下才适用或者有违标准。 绿色规则可以概括为以下几种： 使用相对URL，某些href、src属性如果与当前页面处于同一域名下，则使用相对URL能够节省至少一个域名的长度。 删除HTTP或者HTTPS，绝对URL都以HTTP或HTTPS等协议头开始，如果能确定URL的协议与当前页面URL的协议是一致的，或者说该URL在多种协议下均是可用的，则可以考虑删除这个协议头。 删除注释，考虑不必要的IE条件注释和CDATA注释及自定义注释。 压缩空白符，对于多数标签，可以通过删除多余的空白符来减少HTML体积，但是对于pre等是例外。 压缩inline cssJavascript，不管inline还是external，都需要压缩，这是减小体积的最直接的方式。 CSSJavascript尽量外链，不仅可以减少体积，还能够充分利用浏览器的缓存机制。 删除元素默认属性，在HTML规范中，很多HTML元素的属性是有默认值的，对于这些默认值可以抹去不写。 橙色规则就不一一列举了，感兴趣的读者可以直接查看原文。 除了优化技巧之外，Miller特别推荐了两款相关工具--Absolute HTML Compressor和PageSpeed1.6： HTML优化工具目前比较理想的是Absolute HTML Compressor，另外，PageSpeed1.6中也引入了HTML压缩功能，不过目前只有四个简单的策略，尚处于实验性阶段。 【SEO之HTML代码优化】 一、文档类型(DOCTYPE) XHTML1.0有三种DOCTYPE： 1、过渡型(Transitional) 2、严格型(Strict) 3、框架型(Frameset) 二、名字空间(xmlns) 三、声明语言编码(charset) 1、中文简体： 2、中文繁体 3、英文 4、中英文(国际) 5、西欧 6、阿拉伯文 7、中欧 四、标题标签(title) 1、第一个关键词 必须是该页面的主要内容，比如网站优化页面，就应该写网站优化 2、名词短语 必须是介绍前面的一句带有关键字的名词短语，上例中存在SEO、上海SEO、SEO公司、上海SEO公司、上海SEO行业、SEO专业、专业SEO、专业SEO公司、上海公司、上海专业SEO公司等等众多关键词，注意尽量不要使用的、了、啊、上等不能够组成关键词的字，原因：浪费资源 3、其他关键词 网页文本没有的关键词不要放在上面 4、符号 符号_不要写成-(中文状态)，可以写成-(英文状态)；符合|可以用,(英文状态)代替，不要使用，(中文状态)。 5、字数 关键词四--六个字即可，短语+第一个关键词不宜超过39个字符(19个字以内为宜)，总的数量不宜超过80个字符(40个中文汉字)，超过39个字符的部分将不被搜索引擎显示，超过80个字符的部门将不被搜索引擎收录，超过部分过多对网站排名有影响。 6、其他 结束的时候不要使用/，应该直接写 1、字数 总的数量不宜超过100个字符(50个中文汉字) 2、关键词 关键词不要叠加，包装机械，包装设计，食品包装，包装公司，包装用户，包装信息，包装订单，包装企业，包装新闻，包装资讯应改为包装,设计,食品,公司,企业,用户,信息，机械,订单,新闻,资讯，有时为了增加相关性，可以添加几个包装机械，包装设计之类的关键词，以增加相关性。 3、符号 符号需使用,(英文状态)，而不是，(中文状态) 4、其他 结束的时候不要使用/，应该直接写 1、关键词 尽量包含关键词，且能