谷歌丰富网页摘要和结构化数据

最近前端博客一直在研究谷歌搜索引擎的微数据格式,并逐渐的应用到本博客中,我会逐步分析博客里面所作出的改变,记录下来,方便以后网站改版和前端工作有意识的朝着这方面完善,争取在谷歌和雅虎等搜索引擎有一个更丰富的网站摘要。提供用户的关注度。

谷歌的微数据是根据你的HTML代码来标注的,如果你代码写得规范,会有很多意想不到的收获哦。

丰富网页摘要(微数据、微格式、RDFa 和数据标注工具)

摘要是指每条搜索结果下方显示的几行文字,旨在让用户大体了解网页上的内容,以及与用户的搜索查询有何关联。

食谱信息、活动信息和音乐信息的丰富网页摘要

如果 Google 了解您网页上的内容,就可以创建丰富网页摘要,也就是为用户的具体查询提供帮助的详细信息。例如,针对餐馆的摘要可能会显示平均评分和价格范围;针对食谱 网页的摘要可能会显示总的准备时间、照片以及对食谱的评分;而针对音乐专辑的摘要可能会列出各首歌曲以及播放链接。这些丰富网页摘要可帮助用户了解您的网 站与他们的搜索内容是否相关,并可能让您的网页获得更多点击次数。

提供丰富网页摘要的三个步骤:

1. 选择标记格式。

Google 推荐使用微数据,不过也接受以下三种格式。您无需事先了解这些格式,只要了解 HTML 基础知识即可。您可参考结构化数据标记帮助文档了解如何将微数据添加到自己的网站。

2. 标记您的内容。

对于以下内容类型,Google 支持丰富网页摘要:

Google 还可识别视频内容的标记,并用它来改进搜索结果。

3. 测试您的标记。

请使用结构化数据测试工具确保 Google 可以读取和提取您的标记数据。

大功告成!在您添加并测试了丰富网页摘要标记后,Google 在下次抓取您的网站时就会发现该标记。需要注意的几点:

  • 丰富网页摘要可能过一段时间才会显示在搜索结果或地方信息页中。
  • 如果无法找到您网站的丰富网页摘要,请查看可能导致该情况的原因
  • 对您的数据标记丰富网页摘要并不会影响您的网页在搜索结果中的排名,而且 Google 也不保证一定会使用您的标记。

除了向您的所有网页添加 HTML 标记外,您还可以使用数据标注工具帮助 Google 了解您网页的内容。数据标注工具是网站站长工具的一种,用于向 Google 说明您网站上结构化数据的格式。您只需借助鼠标即可使用数据标注工具标记您网站上的数据字段。然后,Google 便会在搜索结果以及 Google 知识图等其他产品中,以更加醒目的全新方式呈现您的数据。

哪种方法适合您?

HTML 标记的适用情况…

  • 您希望明确掌握 Google 如何了解您网站上的活动、食谱或其他类型的数据。
  • 您可以持续为所有数据项添加 HTML 标记。
  • 您的网站结构变动频繁。
  • 您希望除 Google 外的其他搜索引擎能了解您网站上内容(数据荧光笔提取的数据仅适用于 Google)。

数据标注工具的适用情况…

  • 您的网站会显示有关活动的数据。
  • 您正在考虑为自己的网站采用结构化数据和丰富网页摘要,但还没准备好投入资源以更新 HTML 标记。
  • 您更希望在网页上点击标注,而不是编写 HTML 标记。
  • 您无法更改网站上的 HTML 标记或无法持续标记数据项。

要使用数据标注工具,请参见关于数据标注工具

请注意:
数据标注工具不会向 Google 说明已包含用于指定数据结构的 HTML 标记的网页。即使网站上的部分网页已经包含 HTML 标记,您也仍然可以针对其使用数据标注工具,但是该工具只会向 Google 说明不包含标记的网页。

关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流