你可能最近注意到，搜索结果中开始出现一些额外信息，比如作者的图片、产品的评论、显示商店位置的地图或者允许你跳转到页面中某个位置的链接。

本文将简要介绍如何通过对你网站进行一些小的调整，可能增加你的链接包含这些额外信息的机会。

在本质上，计算机是非常迟钝的，它们依赖于对数据的正确解释来运行。已经投入了大量努力来开发网站布局的结构，以便更好地解释其内容，从而识别关键信息。

显然，对搜索引擎来说，能够快速准确地确定网页的关键事实——谁写的，它关于什么主题，它是一个提供或评论，等等——以便将这些信息提供给搜索者，这是一件非常有好处的事情。

理解语义HTML

语义HTML是一个在网页设计领域经常被提及的术语，但它的含义并不被理解。语义学意味着

"与意义有关，通常与语言有关；符号或符号集的意义或意义关系" 来源：维基百科

当网页开发者谈到使用'语义HTML'时，他们指的是使用HTML标记来为页面添加结构，或者可能是加强页面一部分的结构意义。在基本层面上，这可能意味着使用类、ID和标签来加强这些标签中包含的内容，但Microdata将这一步更进一步。

在基本层面上，我们已经开始使用H1、H2、H3等来表示页面上标题和副标题的结构。我们使用段落和换行符来表示文本的结构。如果我们有一个无序列表（对初学者来说就是项目符号），我们使用UL标签；如果我们有一个有序列表（对初学者来说就是编号列表），我们使用OL标签。

在我懂得正确的HTML标记之前，我经常使用不正确的HTML标记来使文本看起来更漂亮——例如，我会使用标题标签使文本看起来更大或更粗，或者我会使用字体大小/颜色选项来使标题看起来很漂亮，而不是更改CSS样式表——这些方法都没有提供有关内容的有用语义信息。

这里要学习的教训是，HTML控制某物意味着什么以及它的结构，而CSS控制它的外观。C. S. S. = 不能结构化东西！

为什么要在语义HTML上费心呢？

语义HTML为机器提供了额外的理解层次，我们希望它们能解析我们的代码。它直接指向我们希望它们知道的内容。普通大众对您的标题标签是否按正确顺序排列并不关心，但搜索引擎蜘蛛当然关心！

语义HTML是

• 对可访问性有帮助，因为屏幕阅读器会将您的页面解释得和蜘蛛一样！
• 整洁且易于阅读/遵循，当您回到代码时
• 搜索引擎友好——逻辑有序，有清晰的指示说明内容包含什么

什么是微数据、RDFa、Opengraph以及所有那些东西？

微数据、微格式、RDFa和Opengraph都是语义HTML的扩展。这是另一种结构化您网站的方法，以便积极地让内容进入搜索引擎蜘蛛的视野，并说“看这里，这就是您要找的东西！”——换句话说，如果做得正确，可以为搜索引擎结果添加酷炫的东西！

例如，想象一下有人在搜索“手袋特价”——他们很可能在寻找公司提供的手袋优惠。您可以使用微数据标记您的内容以标识它与优惠相关——这会向搜索引擎表明这可能是一个高度相关的链接。如果他们添加了品牌名称，您可以附加与产品相关的微数据，指定品牌（以及大量其他信息！）。

网络世界尚未完全决定要采用哪种类型的“扩展”作为行业标准，因此许多网站都在使用所有这些，试图取悦所有搜索引擎，并随着时间的推移去除那些过时的。一个例子是Ecademy——如果您查看我的个人资料，您会注意到大量使用语义标记。就在上周，W3C发布了一份关于在HTML4/5中实现RDFa的工作草案——对失眠者来说是一份不错的睡前读物！值得注意的是，Google目前推荐使用微数据。

我可以做出哪些改变来改善我的搜索引擎列表？

首先，看看你现在有什么——你可以通过查看源代码来做这件事，或者你可以通过谷歌的“丰富片段工具”来运行你的页面——注意你还可以通过这个工具运行HTML片段。

链接您贡献内容的地方

例如，如果我用Ecademy个人资料通过Rich Snippets工具进行测试，我会发现它会显示一个包含我照片的Google搜索预览（这张照片来自我的Google+个人资料——如果你想在网络上发展你的作者资料，这是必不可少的）。它还显示了我的作者页面链接，并将其标记为已验证——这意味着我的Google+页面和Ecademy页面之间存在相互链接。在我的Ecademy页面上，我链接到我的G+个人资料，在我的G+个人资料中，我在“我贡献于”部分列出了我的Ecademy个人资料。它还显示了其他一些地方，我被视为作者或者我有贡献，这些地方都通过这个页面链接——例如我的Twitter动态。

如果我们再用我的Google+个人资料通过Rich Snippets工具进行测试，它将显示根据我的G+个人资料页面，我作为作者的其它地方。作者身份正在成为Google搜索引擎排名位置的一个重要组成部分，并且与Google+紧密相关。我建议你查看我之前关于为什么你不能忽视Google+的文章，以进一步了解这一点。

添加额外数据

查看schema.org、RDFa/RDFa Lite和Microformats的指南很有趣，并将它们应用到你的网站上，通过编辑你的模板或调整你的覆盖来包含额外数据，并查看这如何影响Rich Snippets工具返回的内容。当然，在我将我的G+账户与其它账户链接的几天内，我就注意到了我的个人资料图片出现在我撰写的许多链接中。

结论

HTML中语义结构的重要性正在增长，尽管没有“硬性”接受的方式将微数据纳入你的网站，但你仍然有几种方法可以开始涉足微数据、微格式和RDFa的广阔海洋。如果你对这些方法有任何经验，请在评论中回复，这绝对是一件值得密切关注的事情！