一直想写下SEO中关于HTML优化方面的的文章，总算空出这部分时间来了。其实，HTML优化应该是网站内部优化的重点，每个SEOer都需高度重视。根据本人多年实战经验，一般做过HTML优化的网站上线后，相关关键词都可以获得一个不错的搜索引擎排名。显然，符合搜索引擎习惯的HTML代码是极利于SEO的。
为什么要进行HTML优化？
我们做SEO，最直接的目的就是想通过搜索引擎获得好的关键词排名和流量，而搜索引擎工作又是依赖它们的“蜘蛛”程序进行的。所谓搜索引擎蜘蛛只是搜索引擎开发的“机器人”程序，简单来说，它的工作原理就是通过对网站的爬行，抓取网站的相关链接、关键词、内容，然后分配网站的权重和相应的搜索引擎排名。而这个过程，大部分工作都是在网站的HTML代码上进行的。所以，通过HTML优化，可以告诉蜘蛛哪些内容是重要的，哪些内容又是可以忽略的，以达到最佳的SEO效果。
在网站制作中，更符合Web 2.0标准的网页无外乎DIV+CSS布局方式了。事实上，网站制作无外乎四个主页面，首页、频道页、栏目页、文章页。下面结合HTML实例为你逐一解析：如何制作标准的HTML网页？HTML优化怎么做？
1）网站首页HTML规范
<html> <head> <title>网站SEO标题</title> <meta name="description" content="网站描述" /> <meta name="keywords" content="网站关键词" /> </head> <body> <div id="header"> <h1><a href="网站地址" title="网站描述">网站名称</a></h1> <div id="navigation">网站导航</div> </div> <div id="container"> <div id="contain"> <h2><a href="主频道/栏目链接地址" title="链接说明">频道/栏目标题</a></h2> <ul> <li><a href="链接地址" title="链接说明">文章标题</a></li> ... </ul> </div> <div id="sidebar"> <h3><a href="其它栏目链接地址" title="链接说明">其它栏目标题</a></h3> <ul> <li><a href="链接地址" title="链接说明">文章标题</a></li> ... </ul> </div> </div> <div id="footer"> <div id="copyright"><a href="网址：如http://www.xp-sem.com/" title="网站描述">网站名称</a></div> </div> </body> </html>
2）网站频道/栏目页HTML规范
<html> <head> <title>频道/栏目SEO标题-网站名称</title> <meta name="description" content="频道/栏目描述" /> <meta name="keywords" content="频道/栏目关键词" /> </head> <body> <div id="header"> <div id="caption"><a href="网站地址" title="网站描述">网站名称</a></div> <div id="navigation">网站导航</div> </div> <div id="container"> <div id="contain"> <h1>频道/栏目名称</h1> <h2><a href="链接地址" title="链接说明">子栏目标题</a></h2> <ul> <li><a href="链接地址" title="链接说明">文章标题</a></li> ... </ul> </div> <div id="sidebar"> <h3><a href="其它栏目链接地址" title="链接说明">其它栏目标题</a></h3> <ul> <li><a href="链接地址" title="链接说明">文章标题</a></li> ... </ul> </div> </div> <div id="footer"> <div id="copyright"><a href="网址：如http://www.xp-sem.com/" title="网站描述">网站名称</a></div> </div> </body> </html>
3）网站文章页HTML规范
<html> <head> <title>文章SEO标题-网站名称</title> <meta name="description" content="文章描述" /> <meta name="keywords" content="文章关键词" /> </head> <body> <div id="header"> <div id="caption"><a href="网站地址" title="网站描述">网站名称</a></div> <div id="navigation">网站导航</div> </div> <div id="container"> <div id="contain"> <h1>文章标题</h1> <h2>TAG标签</h2> <ul> <li><a href="链接地址" title="链接说明">文章标题</a></li> ... </ul> <div id="content">文章正文<strong>重点关键词或段落标题</strong><img src="图片链接地址" alt="图片说明" /></h1> <h2>相关文章</h2> <ul> <li><a href="链接地址" title="链接说明">文章标题</a></li> ... </ul> </div> <div id="sidebar"> <h3><a href="其它栏目链接地址" title="链接说明">其它栏目标题</a></h3> <ul> <li><a href="链接地址" title="链接说明">文章标题</a></li> ... </ul> </div> </div> <div id="footer"> <div id="copyright"><a href="网址：如http://www.xp-sem.com/" title="网站描述">网站名称</a></div> </div> </body> </html>
网站HTML优化怎么做？
通过上面的网站HTML代码标准，我们可以总结出一套符合SEO规范的HTML优化方式。
1）H标签的使用，值得注意的是，不论任何页面，h1标签只能出现一次，它是当前页面的主标题，权重最高，对蜘蛛的吸引力是最强的。再往下就是h2、h3、h4、h5、h6这些副标题了，所强调的重点也是递减的，当然，它们的出现频率没有明确限制。
2）strong标签的使用，strong标签对关键词的强调作用仅次于H标签，个人实际布局中会比较在文章内容里出现，用于加粗段落标题或是重点关键词。
3）<title>网站SEO标题</title>、<meta name="description" content="网站描述" />和<meta name="keywords" content="网站关键词" />，这是SEO的重点。很好理解，比如我们利用搜索引擎搜索某个关键词，返回的搜索结果中，都是以标题、描述和变色关键词形式出现的。关于网站关键词，许多SEOer还是有争议，认为已经越来越不被搜索引擎重视了。不过，个人觉得，不要偷懒，加上总是没有坏处。需要注意一点，不论是网站标题还是描述、关键词，都不要堆砌，搞实在点的，否则网站容易被搜索引擎惩罚甚至网站被K，那只能自己去哭吧。
4）<a href="链接地址" title="链接说明">链接关键词</a>，站内丰富的超链接会方便蜘蛛爬行，体现网站的深度和广度，这点在SEO中至关重要。“链接地址”特别是栏目的链接地址，最佳的出现形式应该是http://你的域名/固定链接/。现在，链接的理想结构是以“/”结尾，可以参考小拼SEM博客的链接形式。“链接说明”，一般都是链接的关键词或是关键词相关说明文字，这点可能很多人容易忽视，建议还是写好链接说明，尤其是做外部链接的时候，这么做效果还是很不错的，对网站关键词的搜索引擎排名很有帮助。
5）<img src="图片链接地址" alt="图片说明" />，这是针对网页中图片的，当然也可以写成<img src="图片链接地址" title="图片说明" />。关于图片说明是用alt还是title，之后的文章会和大家探讨的。不过，这个图片说明是肯定要加的，方便搜索引擎知道这张图片描述的内容，也有利于在图片搜索结果中获得一个好的排名。
6）<div id="copyright">版权部分加上网站名称和链接</div>，网站底部版权部分的权重越来越高了，在版权部分加上网站名称和链接或是强调一些关键词是很有必要的，不要落个头重脚轻的感觉，让搜索引擎感觉很不舒服。
7）HTML优化要富于逻辑，重点明确，层次分明，也是符合SEO精神的。我们甚至可以这样理解HTML优化，其实它就是一篇好的作文，从标题到中心思想，然后是围绕中心展开详细阐述，这里要做到重点突出、层次分明，最后才到结尾，需要点题，做到首尾呼应。
以上就是SEO里HTML优化的所有内容，包括如何制作一个标准的HTML网页，如何做HTML优化。总的来说，就是以SEO的思路去指导你的HTML制作，当然，你的HTML代码应该是符合W3C标准的。如果你已经做到了这些，好的搜索引擎排名并不是什么难事。