什么是丰富的片段?图式初学者指南

图式和丰富片段初学者指南

谷歌搜索结果页面过去相当枯燥。它就像网络上的黄页目录——一行接一行的文本。

但现在,它相当时髦。

根据你搜索的内容,它看起来更像一本光面杂志。这是因为谷歌使用不同的媒体,包括图像、视频、旋转木马和其他非文本元素来增强搜索结果。

但它只能在页面包含结构化数据时显示这些丰富的结果。

因此,如果你想用丰富的代码片段在SERP中突出显示你的网站内容,请继续关注。

在本文中,您将了解什么是丰富的代码段,以及如何将其添加到页面中。

什么是丰富的片段?

丰富的片段是您在搜索谷歌时可能看到的“特殊”结果:

01丰富代码段示例

“典型片段”包括标题、URL和描述:

02典型代码段

但“丰富片段”显示URL和描述之间的额外信息,可以包括图像、评分、作者、投票、烹饪时间、卡路里等:

03丰富片段附加

注:据谷歌称,我们应该称之为“丰富的结果”。但每个人都把它们称为“丰富的片段”,所以我们将坚持这一点。

为什么需要丰富的代码片段?

我相信你会同意,搜索结果与丰富的片段看起来比你的典型列表更具吸引力,正如你可以看到的布朗尼食谱上面。

不仅如此看起来好多了,但他们也传达更多信息.

这两个因素增加了用户点击富代码片段的机会。而且,因为用户看到了文章中包含的信息片段,所以他们对搜索结果不太可能感到失望,在您的网站上停留的时间也会更长。

因此,虽然丰富的代码片段不会帮助你在SERP中排名更高,但它们会增加你的点击率并降低你的跳出率。

这就引出了一个问题:

你如何获得丰富的片段?

如果您想在SERP中用丰富的代码片段突出显示您的网站内容,那么您需要使用所谓的“结构化数据”.

谷歌描述结构化数据作为:“用于提供页面信息和对页面内容进行分类的标准格式。”

当谷歌在网络上爬行并找到一个包含结构化数据的页面时,它能够使用这些数据创建您在搜索结果中看到的丰富片段。

例如,在巧克力布朗尼食谱页面,谷歌解释了结构化数据,如下所示:

"4.82368"/>内容="1157"/>144

显示星级(4.8),投票数(1157),烹饪时间(1小时),以及卡路里(144)在丰富的代码片段中:

03丰富片段附加

不要惊慌!

稍后我们将向您展示如何将结构化数据添加到页面中…

但首先,我们需要提及架构.

什么是模式和结构化数据?

条款'架构'“结构化数据”经常互换。

架构来自架构。组织这是谷歌、必应、Yandex和雅虎之间的合作项目。它包括“一套模式对于结构化数据在网页和电子邮件中。”

简而言之:架构是约定的标记词汇表结构化数据这有助于所有搜索引擎了解网页内容的上下文。

例如,通过对标题“化身”应用一些模式,您可以告诉搜索引擎内容是否与电影或个人资料图片有关。反过来,这有助于搜索引擎匹配搜索意图并向用户显示相关内容。

让我们看看。

模式描述的项目类型

有很多不同类型的模式标记包括:

  • 创意作品(书籍、电影、音乐等)
  • 活动(音乐会、讲座、节日等)
  • 组织
  • 地点(当地企业、餐馆等)
  • 产品(报价、评论、评级等)

每种模式都有不同的属性或标记可用。

例如,对于事件,可以为事件名称、位置、日期、价格、表演者、发言人、时间表等添加标记。

为什么结构化数据对搜索引擎优化很重要?

使用模式标记将结构化数据添加到页面有助于提高搜索结果的相关性。

只要你正确地添加信息,它就能帮助谷歌和其他搜索引擎准确地理解你的内容。一旦他们知道了这一点,他们就可以在搜索结果中呈现各种形式的丰富片段。

例如,模式标记可以生成丰富的代码段,如:

  • 面包屑–指示页面在网站层次结构中位置的导航“箭头”:
04模式标记面包屑
  • 旋转木马–展示在图库中的丰富结果。通常情况下,旋转木马以单个站点(称为主机旋转木马)的文章或视频为特色,但也可以以各种出版商为特色,如以下苹果派食谱:
05模式标记旋转木马
  • 站点链接搜索框–在网站列表下方添加网站搜索框:
06架构标记站点链接搜索框
  • 当地业务–显示在知识图–搜索结果右侧的大块信息–包括开放时间、评分、方向和预订约会或订购项目的操作,这对本地搜索引擎优化特别重要:
07架构标记本地业务

您可以在中看到丰富代码段的完整列表谷歌的搜索库.

如何将架构添加到页面

到目前为止,您可能很想将模式添加到内容中,并开始生成一些丰富的代码片段。

根据您使用的平台,有几种方法可以将模式标记添加到页面中。

如何使用WordPress插件添加模式标记

如果您使用的是WordPress,那么可以使用插件添加模式标记。与大多数WordPress插件一样,有很多插件可供选择:

08架构WordPress插件

但我建议你从阅读科林的教程开始向WordPress添加架构使用Schema Pro(保费)和一体式架构。组织丰富的代码段(免费)。

例如,大多数插件都会强制您在页面中添加一个评论类型框,以总结架构细节:

09架构审查框

但你可能不想这样——当然不是在你发布的每一个页面上——所以使用像Schema Pro这样的高级插件的一个优点是你可以选择要显示的内容。

注:如果你想查看更多的模式插件,请点击我们的帖子最佳WordPress模式插件.

如何使用Google的结构化数据标记助手添加模式标记

如果你不使用WordPress(或者你不喜欢使用插件),那么你可以使用手动添加模式标记谷歌的结构化数据标记助手:

结构化数据标记助手1

该工具允许您标记HTML网页或HTML电子邮件中的元素。但我们将重点关注向网页添加模式标记:

  1. 选择要标记的页面类型;例如'文章'
  2. 输入页面的URL;例如https://azaharmedia.com/content-marketing-examples/
  3. 点击'开始标记':
结构化数据标记助手2

标记帮助器使用'我的数据项'右侧菜单:

结构化数据标记助手3

在“我的数据项”面板中,您将看到每个项的所有可能值的列表,并标记了所需的值。例如,对于'文章'您必须提供'物品名称'.

下一步是突出显示页面中包含数据项信息的部分。例如,突出显示文章的标题并单击'名称'标签:

结构化数据标记助手4

现在信息显示在'我的数据项'右侧面板:

结构化数据标记助手5

对每个值重复此过程:

  1. 如果您添加了看起来错误的数据,那么标记帮助器会对其进行标记。
  2. 您可以为同一个标记高亮显示页面的多个部分;e、 g.我在“文章部分”中添加了每个(H2)标题。
结构化数据标记助手6

如果您在页面上找不到要突出显示的信息,请单击'添加缺少的标记'手动添加:

结构化数据标记助手7

例如,您可以添加'发布日期''发布者'细节:

结构化数据标记助手8

完成页面上所有适用数据的标记后,单击'创建HTML'要生成页面代码:

结构化数据标记助手9

接下来,您必须选择输出格式:

  • JSON-LD–谷歌喜欢的新格式
  • 微观数据–旧格式

每个标记代码的外观和在页面上的应用位置略有不同。

对于JSON-LD:将生成的标记代码添加到头部部分您的页面:

结构化数据标记助手10

例如,这是JSON-LD标记代码应用于我的网页的标题部分时会显示:

结构化数据标记助手11

注:JSON-LD的优点是只需向页面添加一个脚本块。

对于微观数据:您可以在页面的不同位置添加突出显示的HTML代码:

结构化数据标记助手12

注:微数据标记有点复杂,因为您必须在多个位置编辑页面,而不仅仅是在页面的开头添加一个脚本块。

此外,你可能想试试谷歌的代码实验室在这里,您可以下载一段HTML示例,并学习如何使用JSON-LD编码和测试模式标记。

如何在页面上测试模式

谷歌提供了另一个工具,这样你可以在将模式标记代码应用到网页之前检查它。

将生成的代码从标记助手复制并粘贴到结构化数据测试工具.

结果显示您必须提供的任何缺失字段,以帮助谷歌理解该页面。例如,此代码有3个错误和3个警告:

结构化数据测试工具

(这有点误导,因为它们没有按要求在标记助手中列出!)

如果需要修改模式标记,可以返回标记帮助器中的标记屏幕以添加所需信息,然后再次测试。

查看架构标记的更改

模式标记不断发展,谷歌偶尔会改变标记的显示方式。

在里面2019年9月之后,谷歌改变了评论片段的显示方式,以改善用户体验。

简而言之,如果评论出现在公司网站上,他们就不再显示明星评论。这似乎是为了提高SERP中的信任度,考虑到一些网站过去是如何使用审查模式的,这并不奇怪。

虽然您可以在此之前为任何页面添加审阅模式,但我们现在必须指定审阅模式的类型。例如,产品/配方/本地业务等。

因此,如果你发现你的评论星没有出现,很可能是因为没有指定模式的类型。

结束

向网页中添加模式标记并不能保证在搜索结果中获得丰富的代码片段。但它确实给了你一个机会。

然而,可以肯定的是,模式结构化数据不会消失。谷歌和其他搜索引擎希望向用户展示尽可能丰富的媒体搜索结果,这只会使其增长。

那么,你还在等什么?开始在页面中添加和测试模式标记,从丰富的代码片段中分一杯羹吧!

最后,如果你对搜索引擎优化一般来说是新手,一定要查看我们的详细的搜索引擎优化指南.

图式和丰富片段初学者指南
370分享