如何在WordPress中添加模式和富片段

如何在WordPress中添加模式和富片段

你见过那些谷歌搜索列表和花哨的明星或图片吗?

你知道,当你浏览搜索结果时,那些真正吸引你注意力的东西?

它们可以是这样的:

新万博手机网页版博客向导模式标记示例

有时它们是这样的:

模式标记示例

那些吸引眼球的网站并没有利用谷歌的漏洞。他们使用一种称为模式标记的非常透明的方法来生成丰富的代码片段(又名花哨!)

如果你想让你的内容以同样的方式脱颖而出,我将教你如何将这些相同的细节添加到你的WordPress网站的搜索结果列表中。

什么是模式片段和富片段?

模式和富片段都是紧密联系,但又略有不同的事物。本质上,模式标记或谷歌所称的结构化数据标记是使搜索引擎更容易理解内容的上下文和结构的幕后代码。这种标记样式在schema.org由谷歌、必应、雅虎和Yandex赞助。

例如,模式标记可以告诉搜索引擎这一点这一数字5星评论评级和另一个数字是商品的美元价格。

尽管搜索引擎已经变得很聪明,但在解析你的内容时,它们仍然受益于能够依赖这些上下文线索。

因此,在谷歌或其他搜索爬取使用模式标记的站点后,搜索引擎可以使用该数据创建人们在搜索结果中实际看到的丰富片段。

这些丰富的片段将取决于您的具体内容。对于评论,他们将包括星级评级,对于电子商务产品,他们将包括价格和可用性,等等。

如果你想要一个简单的方法来记住它们的区别,可以这样想:

  • 模式标记用于搜索机器人
  • 丰富的片段是给人类的

但要接近人类,你必须先和机器人交谈!

模式和富代码片段的好处

好吧,根据你自己的经验,你可能意识到丰富的片段是多么吸引人的注意力。但是,单一的经历并不总是完整的故事。那么数据说明了什么呢?

搜索引擎土地整理了一个很棒的案例研究列表查看实现模式/结构化数据标记的效果。您可以深入研究个别研究,但一般来说,人们注意到在实现模式标记后,有机CTR增加了30%。

这不仅仅是点击率的问题。从模式标记生成的富代码片段还可以:

  • 添加面包屑可以帮助搜索者更好地理解你的内容
  • 让你的内容有机会出现在谷歌的知识图谱中(在一些搜索结果顶部的那些大的自动摘要!)
  • 在你的列表下面添加一个网站搜索框
  • 确保您的企业列表细节是正确的,这是特别重要的本地SEO

撇开这些不谈,模式标记只是简单的聪明。它使搜索引擎更容易解析你的内容,这应该是你一直努力的方向。谷歌和所有其他主要搜索引擎都在推动它的采用,你可以肯定它不会很快消失。

现在你知道了什么为什么,让我们进入如何

首先,我将向您展示如何使用一个名为Schema Pro的高级插件。这个插件拥有你能找到的最流畅的模式标记实现之一,它支持13种不同类型的模式标记,包括评论、食谱、文章等等。

然后,我还将为您提供第二个教程,使用名为All in One Schema.org Rich Snippets的免费插件。第二个插件仍然相当灵活,但它会在你的内容中添加一个“摘要”框,所有访问者都能看到,这并不总是理想的。

在这篇文章的最后,我还将深入探讨你应该为你的网站选择哪个富片段插件。

如何添加模式标记WordPress与模式专业

模式支持是来自头脑风暴力量的一个高级插件,它可以做到大多数其他模式插件不能做到的事情:

它允许您向内容添加模式标记无需强迫您在前端添加新的内容框.也就是说,大多数插件,包括我将在这篇文章中分享的第二个插件,在前端添加了某种类型的框内容。

另一方面,模式Pro还允许您将模式标记添加到您的现有的内容,这可以避免显示有时很难看的框。它还使用了谷歌推荐的JSON-LD结构化数据格式

配置Schema Pro

安装并激活Schema Pro插件后,就可以使用附带的设置向导配置其基本设置。若要访问向导,请转到设置→模式Pro→配置然后点击开始设置向导按钮:

启动安装向导模式专业富片段

这应该会启动安装向导界面。点击开始再次开始使用向导。

注意-您将在此向导中配置的一些设置与SEO插件,如Yoast SEO.如果Schema Pro检测到任何重叠,它将为您提供一个禁用其中一些设置的选项。你不会在下面的截图中看到这种情况——只要意识到它可能发生在你身上,这完全没关系!

一般选项卡,您可以为谷歌的知识图谱添加基本信息,如徽标和您的网站所代表的实体类型:

常规选项卡设置模式专业丰富片段

社会概况选项卡,您可以包括您的个人资料,如果需要:

社交配置文件设置模式专业丰富片段

然后其他模式TAB允许您设置面包屑、站点链接和其他一些标记。如果有任何设置让你感到困惑,你可以将鼠标悬停在问号图标上——但通常情况下,你会想要启用所有这些设置,并选择相关的页面/菜单:

其他模式设置模式专业丰富片段

一旦你点击下一个,您应该会看到一个成功页面,以及一个创建第一个模式的选项。

使用模式专业版向内容添加模式标记

上面的设置向导配置了所有的基本站点模式,但是您仍然没有将模式标记添加到您的实际帖子、页面和其他内容中。这就是你现在要做的!

下面是它的工作原理。你会:

  • 选择要使用的模式标记类型
  • 配置要将模式标记应用到的内容片段
  • 告诉Schema Pro如何将该类型的模式标记“映射”到现有内容

然后,Schema Pro将自动将模式标记应用于满足您设置的条件的所有内容。

是的,我知道这听起来可能有点让人困惑。但它真的没有那么糟糕,Schema Pro为你做了大部分工作。至于其他的事情,我会尽我所能让它尽可能简单

要创建第一个模式标记,请转到设置→Schema Pro并点击添加新旁边模式

添加新模式模式专业丰富片段

您需要选择的第一件事是要添加的模式类型。同样,您有13个不同的选项。

如果您只想为普通的博客文章添加模式标记,则可以选择文章选项(这就是我举的例子).但请随意使用最适合您的网站的类型:

选择模式类型模式专业富片段

在下一个屏幕上,指定希望Schema Pro应用模式标记的位置。你可以选择:

  • 所有的帖子、页面等等。
  • 个别贴子或网页(如果你只有一篇文章需要应用特定的模式标记,这是很有用的

注意如何使用两者启用排除更多微调目标的规则。

对于本例,将Article标记应用于所有博客文章,所以你会选择所有的帖子在下拉菜单中:

目标页面设置模式专业丰富片段

当你点击下一个,模式专业版会给你一个成功页面。单击完成设置按钮继续。

现在,该进行最后一步了。点击之后完成设置,你会看到一个带有一堆下拉列表的屏幕。在这里,您可以将Article类型中的模式数据映射到WordPress站点上的数据。

Schema Pro将尝试尽可能多地填写这些内容。对于Schema Pro无法确定的选项,可以使用下拉菜单选择现有内容。或者,你可以使用新自定义字段选项,让Schema Pro在WordPress编辑器中添加一个元框。

让我用一个真实的例子来解释清楚。看看这张截图:

使用实例截图Schema Pro Rich snippet

在上面的例子中,Schema Pro将:

  • 使用现有内容作为第一个框中的所有内容的模式标记。也就是它会拉作者姓名来自WordPress文章作者的数据标题从WordPress的文章标题,等等。
  • 添加新的元框评级而且评论数然后你可以在WordPress编辑器中为每篇文章手动输入这些数据。

现在,当你进入WordPress编辑器时,你会看到这两个选项的新元框,Schema Pro会自动为你处理其他一切:

WordPress Editor Schema Pro Schema Pro Rich snippet

就是这样!一旦你掌握了窍门,Schema Pro确实是我发现的向WordPress添加模式标记的最灵活的方法。

注意:截至2019年9月,我们现在必须指定我们正在添加的评审模式的类型。例如,如果我们要审查一个产品,比如笔记本电脑,我们将需要选择product作为审查模式的类型。

如何使用All In One Schema.org Rich Snippets添加模式标记

如果你不喜欢在你的所有内容上都有一个评论框,All In One Schema.org丰富的片段提供了一个更轻量级的方法来添加模式标记到你的WordPress内容。它在文章末尾添加了一个不显眼的模式框,而不是引人注目的评论框。

All In One Schema.org Rich Snippets的盒子实际上并不是为了提供详细的评论或CTA按钮而设计的。相反,它只是在那里跟随谷歌要求网站向访问者显示已标记的数据。

哦,它也是100%免费的。这不会有什么坏处,对吧?

目前,它支持8种不同的模式内容类型:

  • 审查
  • 事件
  • 产品
  • 配方
  • 软件应用程序
  • 视频
  • 文章

下面,我将给您一个关于如何使用All In One Schema.org Rich Snippets向站点添加模式标记的快速教程。

配置All In One Schema.org富片段

因为All In One Schema.org Rich Snippets列在WordPress.org上,你可以直接从WordPress仪表板上安装它。然后,走向新的世界丰富的片段选项卡来配置它。

配置选项卡,您可以配置在代码片段框中显示的各种标签(这将更有意义)。你不需要要在这里更改任何内容,除非你想:

配置All in One Schema.org

定制盒子,你也可以改变你的盒子的颜色:

定制All in One Schema.org

现在可以添加一些模式标记了!

使用All In One Schema.org富片段添加模式标记

使用All In One Schema.org,您可以直接从WordPress编辑器中添加模式标记。你会有一个新的配置Rich Snippet元的盒子。如果你想在你的内容中添加模式标记,你只需要从下拉菜单中选择相关的模式类型:

配置Rich Snippet

例如,选择配方将为您提供适用于食谱的所有方框:

富片段表单

幸运的是,你没有填满每个盒子。但是要确保为谷歌提供了足够的丰富代码片段信息。

然后,当你发布你的文章时,你会在结尾看到一个小的富片段框,里面有你所有的模式内容和标记:

富代码片段模式内容和标记

重要-始终验证您的标记!

这里有一些真正需要注意的事情:

你不应该只启用这些插件中的一个,就自动认为一切都是完美的。你需要确保你的内容标记正确。

值得庆幸的是,这非常简单,因为谷歌创建了一个工具来做这件事。

叫做结构化数据测试工具.你所需要做的就是输入你的URL并点击运行测试要检查您的模式标记是否有任何问题:

结构化数据测试工具

哪个模式标记插件更好?

总的来说,我认为模式支持是最好的富片段插件对于大多数网站来说,因为:

  • 它是最灵活的插件,尽管这意味着如果你还不熟悉自定义字段的概念,它可能需要一点学习曲线。
  • 您可以自动添加文章模式,这是一个巨大的节省时间。
  • 它不会强迫你在你的网站上添加一个看起来很糟糕的内容框。

所以,如果你能改变价格,并愿意学习一点,这是你最好的选择。

另一方面,如果你想要一些免费的东西,并且不介意添加一个内容框,All In One Schema.org丰富的片段是一个完全可行的选择(实际上是同一个开发者开发的).内容框并不是特别吸引人,但它们可以完成工作,并且插件非常容易使用。

如何在WordPress中添加模式和富片段
959股票