架构专业回顾和教程2022:在自动驾驶仪上给你的WordPress网站添加丰富的代码片段

如何在自动驾驶仪上添加丰富的代码片段到你的WordPress网站

欢迎来到我们的Schema Pro回顾和教程。

丰富的代码片段和模式标记是改善您的WordPress站点在谷歌的搜索结果页面中的外观的好方法。

但它们也可能有点令人困惑!

特别是在添加正确的模式标记以使谷歌提供丰富的代码片段时。

不过,模式标记和富代码片段不必令人困惑或耗费时间。使用正确的工具(我将在本文中向您展示),您可以将适当的、经过谷歌批准的模式标记应用到您的WordPress站点自动驾驶仪

是的,是你安排的一次.然后,我将向你们展示的插件为你们处理接下来的一切。

准备好开始了吗?我将从快速讨论模式标记和富代码段开始,以免您对这些术语感到有点困惑。然后,我将向您展示如何使用一个名为模式支持

最后,我将总结一些关于Schema Pro和富代码片段的想法。

让我们开始片段等等!

模式标记和丰富的代码片段使您在搜索结果中脱颖而出

如果您对术语“模式标记”和“富代码片段”的真正含义没有百分之百的信心,那么在进入实际的操作部分之前,让我们先进行一个简短的入门。

模式标记和富代码段紧密连接概念,但引用饼的不同部分。

让我们先从丰富的片段现在也被称为“富结果”).

富代码片段是谷歌的(和其他搜索引擎的)在搜索结果页上显示额外信息的方法。

我敢保证你一定见过丰富的片段——你可能不知道它们的名字。

富代码片段可以是简单的东西,比如星级评级:

01 Rich Snippet OptinMonster示例

或者丰富的片段可以是关于菜谱的额外信息,比如食物的图片和烹饪时间和卡路里含量的细节:

02富片段烤意大利面食谱示例

事实上,谷歌如何应用丰富的代码片段有很多不同的可能性,谷歌“添加”的确切信息取决于人们正在搜索的内容类型。

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

让我们先解决一件事:

丰富的代码片段并不是一个积极的排名因素本身.也就是说,为您的站点获得丰富的代码片段并不会奇迹般地发生让它在谷歌中排名更高

然而,这当然并不意味着添加富代码片段没有好处……

看,丰富的片段使你的网站在搜索结果中脱颖而出。这可以增加人们在谷歌和(中看到您的列表的机会。希望!)点击它来访问你的网站。

03丰富的片段星级评分在搜索结果中脱颖而出

例如,查看搜索结果页面我们OptinMonster审查上面的星星立即把你的注意力吸引到博客向导列表上,对吧?新万博手机网页版

因此,即使丰富的代码片段不能让你的排名更高,它们也可以帮助你从已有的排名位置获得更多点击,这本身就是有价值的!

除此之外,模式标记(我们下节课再讲)也可以帮助你的一些其他搜索可见性功能,如:

  • 网站链接-当有人搜索你的网站时提供额外的链接(在下面的例子).
  • 面包屑这可以帮助谷歌在搜索结果中显示面包屑,而不是你的原始URL。
  • 链接搜索框-这可以让人们从谷歌搜索结果页面搜索你的网站。
04模式标记SiteLinks面包屑和搜索框

这些都是网站链接

那么,什么是模式标记?模式标记如何连接到富代码段?

别担心,我没有忘记模式标记!

模式标记是帮助谷歌在其搜索页面上创建丰富结果的幕后代码。

通过向站点添加模式标记,可以为谷歌提供关于站点上内容的有价值的上下文。例如,模式标记允许您告诉谷歌—“嘿,看到数字4.5了吗?”这是对这个产品的评价。”

您的人工访问者永远不会在您的站点上看到模式标记(除非他们看原始源代码),但谷歌会找到它,并将您的模式标记纳入谷歌的搜索结果中。

在下一节中,我将向您展示如何将幕后模式标记添加到站点中,而不需要任何特殊的技术知识。

一个快速回顾……

所以,结论是:

  • 丰富的片段-这些是在谷歌中显示给人类访问者的额外信息。
  • 模式标记-这是后台代码,您添加到您的网站,以帮助谷歌创建那些丰富的片段。

如何添加模式标记WordPress与模式Pro

现在您已经知道了“是什么”和“为什么”,让我们来看看如何向WordPress站点添加模式标记。

有一些不同的插件可以帮助您向WordPress添加模式标记,但我们将单独挑选一个名为schema Pro的插件。

模式支持是一个付费插件,售价为79美元,但它比你在WordPress.org上找到的大多数免费插件要好得多,原因有以下几点:

  • 自动-不需要为每个单独的帖子/页面设置模式,你可以创建模式标记配置一次,然后让schema Pro自动应用到相关的帖子/页面。
  • 幕后-而WordPress.org上的一些免费模式插件会强迫你在你的网站前端添加一个新的内容框(你的访客可以看到), Schema Pro在幕后工作,并使用google推荐的JSON-LD格式添加模式。
  • 灵活的如果你正在使用自定义字段,Schema Pro可以很容易地将模式标记映射到这些字段(这有点高级,但如果您使用自定义字段,则非常有用).

准备好开始了吗?下面是如何使用插件…

使用安装向导配置站点范围的模式标记基础

一旦您安装并激活了模式支持插件,去设置→模式专业版运行安装向导:

配置模式支持

中的设置向导也有一个永久链接配置如果由于某种原因没有看到通知,请单击TAB

在设置向导中,您将配置一些基本的站点范围设置,如SiteLinks和面包屑。

如果您正在使用一个WordPress SEO插件像Yoast SEO,你的网站可能已经有一些基本的站点范围的模式标记。如果是这种情况,Schema Pro将自动检测冲突,并为您提供一个选项,禁用任何重复的功能以避免冲突。

要开始使用向导,请继续并单击它开始按钮:

06启动Schema Pro

下一个时代,你可以选择你的标志,选择你的网站是代表一个人还是一个公司。这有助于为谷歌的知识图谱卡提供信息:

07 Schema Pro通用设置

接下来,你可以添加任何相关的社交媒体资料,你想连接到你的网站:

08 Schema Pro社会简介

在最后一页,您可以为站点链接、面包屑以及是否启用站点链接搜索框配置一些重要的设置。

我建议填写/启用所有这些功能:

09 Schema Pro其他模式选择

如果你不确定某个功能是做什么的,你可以点击这个问号,看看它是如何影响你的搜索结果的:

将鼠标悬停在问号上以获取更多信息

这就完成了基本的网站范围的设置!现在,你已经准备好为你的内容创建第一个模式:

11完成全站基本设置

为特定的内容创建一个模式

既然已经配置了站点范围的设置,就可以开始向各个内容片段添加模式标记了。

模式支持支持13个不同模式类型:

  • 文章
  • 课程
  • 事件
  • 招聘启事
  • 当地的商业
  • 审查
  • 产品
  • 配方
  • 服务
  • 软件
  • 应用程序

您选择的模式类型会影响您可以添加的模式信息。例如,如果您选择Recipe模式类型,您将能够为以下内容添加信息:

  • 卡路里
  • 做饭的时间
  • 等。

另一方面,如果选择Product模式类型,则需要添加以下信息:

  • 价格
  • 库存状态
  • 等。

如果你正在运行一个博客,你的大部分内容可能会使用文章模式类型。

但是,您可以使用多种模式类型。例如,如果你也发布评论,你会想大多数您的博客文章使用文章模式类型,但您可能希望评审也使用审查模式类型。

Schema Pro的优点是它使这一切变得非常容易。现在,让我们从应用开始文章博客文章的架构类型。

要做到这一点,请参见设置→模式专业版并点击添加新

添加新模式

然后,你可以选择你的模式类型.同样,对于大多数博客,您应该做出选择文章.然而,如果你有一个小众博客——比如一个只发布食谱的美食博客——你可能想要选择一个不同的类型:

选择模式类型

接下来,你可以选择在哪里来应用该模式类型。可以使用包含/排除规则来针对特定的内容。但是对于Article模式类型,您可能需要使用下拉菜单来启用它所有的帖子

您的模式应该从哪里集成或排除

这告诉Schema Pro,您希望将文章模式自动应用于当前和未来的所有文章。

完成这些操作后,您将看到一个提示完成设置

15完成模式设置

如有必要,手动调整模式数据(不必这样做)

默认情况下,Schema Pro会自动将WordPress站点的信息与相关的模式标记进行映射。

例如,Schema Pro设置作者姓名在模式标记中使用等于WordPress作者名称的发布日期在你的模式标记中等于WordPress中的发布日期。

下面是它的样子——模式标记数据在左边,右边的下拉菜单告诉schema Pro要将哪些WordPress信息与模式标记数据关联起来:

要与模式关联的信息

如果你不确定发生了什么,保持默认设置即可.Schema Pro已经让它在99%的WordPress网站上运行。

但是,如果您愿意,您可以使用这些下拉列表手动调整内容。例如,如果在站点上使用自定义字段,则可以将自定义字段信息与模式标记关联起来。再说一次,这完全是可选的。

再来个新花样-“新自定义字段”

对于某些信息,Schema Pro无法自动将模式数据与WordPress信息关联起来,因为这些信息通常不存在于WordPress中。

对于Review模式类型,有几个不相关的信息片段:

  1. 审查项目
  2. 审查项目形象
  3. 评论等级

如果查看此模式数据的下拉列表,您将看到新的自定义字段值:

查看模式信息新自定义字段

这意味着Schema Pro将在WordPress编辑器中添加一个新的自定义字段,您可以手动逐篇填写该字段(你也可以让它空着——这也很好).

把它们放在一起

好了,这就是所有这些在实践中是如何工作的。

通过使用WordPress中已有的信息,Schema Pro会自动将相关的模式标记添加到99%的内容中——你不需要考虑它。现在一切都在自动驾驶中。

至于其他东西,只要有新的自定义字段值-您可以选择在逐篇的基础上输入该值。

你不要输入它,您完全可以让字段为空。但是,如果你确实想为某些文章添加它,你所需要做的就是在自定义字段中输入信息,Schema Pro将为你的网站添加适当的模式标记。

为不同的帖子添加不同的模式标记类型

文章模式类型是应用于大多数博客的良好基准。但是,您可能在某些文章中希望使用不同的模式类型。

例如,如果您要发布评论,您可能需要添加审查模式类型,但只使用文章Schema类型用于其他所有内容。

要做到这一点,请返回Schema设置向导(设置→模式Pro→添加新),并选择所需的模式类型-审查对于这个示例。

只是现在,而不是选择所有的帖子,你可以使用特定页面/帖子/档案等选项,将Review模式类型目标为:

  • 通过搜索职位名称(如果您选择这种方式,将来您需要手动添加新文章
  • 类别或标签。例如,您可以用“review”标记每个评审,并使用它使Schema Pro自动应用评审模式类型(这样既方便又节省时间
为不同类型的帖子添加不同的模式

现在,如果你创建了一个带有“Review”标签的帖子,你会得到一个添加评论模式数据的新选项:

为模式数据使用标记

你可以用类似的方法来制作食谱,产品,你能想到的!

如何测试模式标记以确保其正常工作

至此,您已经了解了如何向WordPress内容添加模式标记以获得丰富的代码片段。

但是,由于模式标记完全发生在幕后,因此很难知道是否真正正确地设置了内容。

为了提供帮助,谷歌创建了它的结构化数据测试工具供您参考——就我们的目的而言,“结构化数据”和“模式标记”几乎是一回事。

使用这个工具,您所要做的就是在站点上插入一个URL。然后,谷歌会告诉你是否:

  • 它检测模式标记
  • 它会查找您实现模式标记的方式中的任何错误

例如,您可以看到,对于示例“OptinMonster review”,谷歌检测Article和review模式类型的模式标记(以及所有其他一般的站点范围的模式标记):

21谷歌检测模式标记

单击模式类型将让您看到更多信息。例如,你可以看到谷歌知道:

  • 我们回顾“OptinMonster”
  • 评论评分为“4.5”
  • 评论者是“Colin Newcomer”
22单击模式类型查看更多信息

这意味着您已经拥有了自动运行的模式标记/富代码片段!

方案Pro回顾:最后的想法

虽然我知道Schema Pro在诸如将自定义字段映射到模式数据之类的事情上有点技术含量,但Schema Pro确实是向WordPress添加模式标记并获得丰富代码片段的最灵活、维护最低的方法。

大多数其他流行的插件需要你添加一个新的前端内容框到你的网站,这并不总是适合你的网站的设计。另一方面,Schema Pro通过使用JSON-LD方法消除了这个问题,再一次,为谷歌推荐的模式格式。

除此之外,Schema Pro基本上是自动驾驶模式。

虽然有些字段您可能需要手动输入每一篇文章(就像评论评分一样), Schema Pro能够自动地为您应用大多数标记。此外,包含/排除规则允许您使用多种模式类型并将它们定位到适当的内容(如果您使用自定义的文章类型,这将非常有用).

总而言之,如果你正在寻找一种轻量级、省力的方法来为WordPress网站的所有内容添加模式标记,模式支持是你武器库中最好的工具。


披露:这篇文章包含附属链接。这意味着如果您购买,我们可以收取少量佣金。