SEO推广之HTML语义化篇

一、什么是HTML语义化
基本上都是围绕着几个主要的标签，像标题（H1~H6）、列表（li）、强调（strong em）等等，根据内容的结构化，选择合适的标签便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析便于SEO推广。

二、为什么要语义化
搜索引擎优化和语义的HTML是密不可分的伙伴。他们有时可能有利益冲突，稍后在文章中说明，但总的来说，他们是一致的。搜索引擎优化的目的是为了帮助搜索引擎爬虫更好地了解网页的信息和将网页更好地归类。它需要更多的指引去确定一个网页的结构和主题。好的语义化的HTML能够体现页面的结构。语义的HTML试图通过网页上文字和标记传达网页的含义，也可以这样想：如果网页上的内容是你说的话。那么标签是话的结构，音调，停顿，甚至可以是脸上的表情。基本上标签是一半语言。通俗来说；语义化之后的网页，最主要的就是对搜索引擎友好，有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取，你网站的推广便可以省下不少的功夫。下面我来分几类说说为什么要语义化：
为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构。
用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用。
考虑到代码的可复用性，可移植性，方便其他设备的解析执行。移动设备、盲人阅读器等
有利于SEO和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息,爬虫依赖于标签来确定上下文和各个关键字的权重。你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用于表现的标记,而只注重语义标记.
便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

三、如何语义化
标题＜Hx＞
＜h1＞、＜h2＞、＜h3＞、＜h4＞、＜h5＞、＜h6＞,在WEB中作为标题使用，并且依据重要性递减。＜h1＞是最高的等级，所以你需要准确确定 每个页面最重要的内容是什么，要优化的关键词在哪里。以我们最常见的博客为例，博客首页罗列最多的通常就是最新博文，而最重要的应该就是博客的名称了，而后面最新文章的链接标题则可以使用＜H2＞或者＜H3＞，一般都使用＜H2＞，表示次级标题。 但是，是不是每个页面的H1标签都包含博客名称呢？我们的建议是次级页面的博客名称链接都放在H2标签里，而你的文章标题则使用H1标签，这样对于整站优 化是很有帮助的，这也是优化到每个页面需要注意的一点。通过合理设置每个页面的hx标题，网站的内容才会更具优势。
强调＜em＞、＜strong＞、＜b＞、＜i＞
＜em＞、＜strong＞这两个标签对SEO有着较大影响效果，适当使用它们，可使你的网页增色不少。＜em＞、＜strong＞与Hx一样，其区别也 在于重要性不一样。＜em＞ 表示强调，而＜strong＞意为重点强调，较em更重一些。在SEO时，我们可以将最重要的关键词用strong标记，对第二重要的用em标记。结合前 面使用的Hx标签，它们更适合放在文章正文的内部，而Hx理所当然是在用在正文的外部。有些WEB设计者为了达到网页的某些效果，使用＜strong＞纯 粹是为了达到加粗，使用em就是为了倾斜，而这种做法根本没必要，而且相反可能会影响到SEO的效果。在以前，为了达到粗体、斜体的效果，WEB设计者会 使用＜b＞、＜i＞标签，而现在基本不用它们了，它们仅仅是用来表现文本样式的，而最明智和常用的解决方案是用CSS来控制文字样式。

段落＜p＞
当搜索引擎读取网页内容的时候，遇到P标签的时候，立马就知道这是一个段落，而如果使用DIV，就无法体现HTML语义化的优势了。从WEB标准的角度来 看，文章正文使用P是理所当然，也是更值得提倡的。不过如果使用＜div＞代替＜p＞，对SEO的影响还是甚微的，因为它们并没有任何强调的意味在里面。 但是如果你使用P来给网页整体布局，就显得有些怪异了。

列表＜ul＞、＜ol＞、＜li＞、＜table＞
＜ul＞为无序列表，大家广泛使用的，有序列表＜ol＞也挺常用。在web标准化过程中，＜ul＞被更多的用于导航条，这样做是完全正确的，而在文章列表 里面，就可以使用ol了，因为那些列表都是有一定顺序的。当然，这两个对于SEO的影响也是甚微的，但如果你使用表格＜table＞代替列表，不仅会使得 HTML文档变得冗长，更没能很好的利用HTML语义化的优势来优化你的网页，因为表格更适合来标记列表的数据。

title属性（不是title标签）和alt属性 title属性是用来为元素提供额外说明信息的，它可以用在除了base，basefont，head，html，meta，param，script和 title之外的所有标签。alt属性为不能显示图像、窗体或applets的用户代理（UA），指定替换文字。alt属性对图片优化的功能是毋庸置疑 的，而且这也是SEO所提倡的，如果你非用图片到HTML里面去，最好将图片加上ALT属性，而且可以将关键词适当的放到里面去。

四、语义化对SEO推广的价值
语义化最主要的目的价值是为了帮助搜索引擎爬虫更好地了解网页的信息和将网页更好地归类，这一块在SEO领域相当重要，根据目前已经拟定好的一些规则，你可以明确地标明某页面主体的各个属性。举个例子：一个商品的详细信息页，用普通的语义化来表示，大概只有商品的名称可以进搜索引擎的法眼；但自从有了结构化数据，可以通过某些标签及属性，指明商品的价格、供应商、实物图等内容；搜索引擎获取到该商品页的各个属性后，会在搜索结果页面直接呈现出来，另外在排名上也会有所偏重。
你的页面是否对爬虫容易理解非常重要,因为爬虫很大程度上会忽略用于表现的标记,而只注重语义标记. 因此,如果页面文件的标题被标记,那么这个页面在搜索结果的位置可能会比较靠后.除了提升易用性外,语义标记有利于正确使用CSS和JavaScript。我们知道HTML5新增的标签，比如header和footer，html正在朝着更加健壮的语义化的HTML结构发展，xhtml2在这点上没html5先进，这也是xhtml2死亡的一个原因，这一点也说明语义化的HTML结构是html的发展趋势。