关于HTML5与Schema.org – 是否是下一代SEO的标准

读这篇文章之前，希望大家明白我已经好多年没学过语言了，从大学的时候在图书馆里自学了HTML，到工作后业余时间捣鼓一下动态语言并从来没捣鼓出什么东西，现在已经没有精力去学习这种新的语言。一是非专业没有时间，二也没有以前的好记性。所有有些专业性的东西解释可能有错误，只是希望通过自己的非专业化解释让大家明白自己想说的理论。如果给您造成了误导，本人表示非常的抱歉。

    首先来看一下Html5，先不说它在超文本标记语言上的交互媒体网页开发作用，我们只看其中的一条：语义化。

所谓的“语义化”，网络上有很多专业的解释，但简单点说，就是让你的标记更加人性化，就像用语言来解释一段话一样，不但人能看懂，机器也能看懂。每个HTML标签都有其含义，对应着固定的解释，不管是浏览器，还是搜索引擎蜘蛛，都能很好的理解其意思。而CSS的出现，让语义化在网页设计中得到更好的体现。通常我们在网页设计的时候，会对网页中的每个部分做明确的区分，并用相应的CSS属性来定义，比如标题，我们用＜ｈ＞，段落用 ＜ｐ＞等等。

而HTML5的出现，似乎更加强调了其语义化的作用，我们来看一下新增的一些标签

＜nav＞ 标记 定义导航链接
＜article＞ 标记 定义一篇文章
＜aside＞ 标记 定义页面内容部分的侧边栏
＜audio＞ 标记 定义音频内容
＜canvas＞ 标记 定义图片
＜command＞ 标记 定义一个命令按钮
＜datalist＞ 标记 定义一个下拉列表
＜details＞ 标记 定义一个元素的详细内容
＜dialog＞ 标记 定义一个对话框(会话框)
＜embed＞ 标记 定义外部的可交互的内容或插件
＜figure＞ 标记 定义一组媒体内容以及它们的标题
＜footer＞ 标记 定义一个页面或一个区域的底部
＜header＞ 标记 定义一个页面或一个区域的头部
＜hgroup＞ 标记 定义文件中一个区块的相关信息
＜keygen＞ 标记 定义表单里一个生成的键值
＜mark＞ 标记 定义有标记的文本
＜video＞ 标记 定义一个视频

这里只是简单的列出了一些，我们从中可以看出，HTML5让网页结构更加清晰明了，基本让每个部分都有了其定义标签。这不但对开发维护提供便利，而且对搜索引擎蜘蛛来说，绝对是一个利好的消息。通过识别这些结构化语义化的标签了，蜘蛛能够快速的识别出网页中各个区块的内容代表着什么含义，能够快速的判断出页面的重点，快速得给予分类及排名。本站以前的文章“Google如何划分页面内容”，Google为了能够识别网页各个部分的内容，特别针对其开发了专利技术。而如果一个网页采用HTML5标记语言的话，蜘蛛似乎就可以通过更加轻松的方式来对页面进行判断。如果本着互惠互利的原则，没道理不给你更好的排名！

再来看Schema.org，这是Google、Microsoft和Yahoo三大巨头共同推出的以Microdata格式为基础的通用标记词汇集。如果我们参考上面有关HTML5的一些解释，不妨也可以将其理解为一种语义化的网页结构标记。也许正是这次的大动作，才让很多人注意到，原来Google很早就支持Microdata、Microformats和RDFa。这三种微标记放到SEO中来说，都可以理解为：让搜索引擎更加容易判断，并用以生成丰富的网页摘要。如果你想在搜索结果中显示：姓名，电话，联系方式等等详细信息，不妨使用这些微标记来对网页内容进行定义。对于Schema.org的理解，官方网站上给出了一个很详细的例子：

＜div itemscope itemtype =”http://schema.org/Movie”＞
＜h1 itemprop=”name”＞Avatar＜/h1＞
＜div itemprop=”director” itemscope itemtype=”http://schema.org/Person”＞
Director: ＜span itemprop=”name”＞James Cameron＜/span＞ (born ＜span itemprop=”birthDate”＞August 16, 1954)＜/span＞
＜/div＞
＜span itemprop=”genre”＞Science fiction＜/span＞
＜a href=”../movies/avatar-theatrical-trailer.html” itemprop=”trailer”＞Trailer＜/a＞
＜/div＞

如这个例子所示，里面就针对这段内容分别定义了以下内容

Item属性：电影
电影名：Avatar
Item属性：导演
导演名：James Cameron
生日：August 16, 1954

结构很清晰，针对每个词汇都做了详细的语法定义，以便搜索引擎能够根据这些定义来生成一个内容丰富的网页摘要。

这似乎和html5的部分标签会有冲突，但其实并不冲突。Html5是作为一种全局行的标记语言，来对网页结构的各个部分进行定义。而Schema.org的词汇集则可以针对某一特定的内容针对某些特定的词汇极其属性进行标记。但不管怎么说，这两种（统一说成）语义化的语法在某些方面都是为了更加方便搜索引擎的工作。

回到SEO，SEO工作很大一部分都要花在网页结构上，大家一直都在说合理的页面结构，合理的导航，合理的内容等等等等，现在搜索引擎及W3C组织推出了这两种让你所有的内容更加“合理”的标记及语法，是否正是代表了下一代SEO的标准？

本文参考内容：

http://www.google.com/support/webmasters/bin/answer.py?answer=146898

http://www.google.com/support/webmasters/bin/answer.py?answer=146897

http://www.google.com/support/webmasters/bin/answer.py?answer=176035

http://schema.org/

http://www.w3school.com.cn/html5/

别忘记本文开头的说明，不要对一些技术细节找我吹毛求疵，呵呵。这只是一篇还不太成熟的讨论性的文章，具体的技术性的东西我也没深入研究，可能会有所曲解，还希望你提出自己的见解或者想法。