分享笔记:

什么是谷歌Rich Snippets?怎么添加?

丰富搜索页上的显示信息

你肯定有注意到过,当你在搜索引擎上找东西时,有些结果会不一样。比如有些搜索结果带有星级评分,有些带有图片,甚至还有一些有地图?这个就是我们这次要讲的内容,不同于普通纯文本的结果就是富文本摘要,或称为丰富片段

什么是Schema Rich Snippets?

Schema Rich Snippets, 它的中文名非常多,可以是富文本摘要,丰富片段,富摘要,结构标记,丰富摘要,複合式摘要,结构化数据等等。它是在搜索引擎结果(serps)上显示的增强型信息片段,是通过Schema.org结构化数据标记实现的。这种标记可以向搜索引擎提供更多的细节内容,从而提升网页的可见性和点击率

搜索页上会出现各种类型的丰富片段,不过最常见的是以下几种:

  • 评分和评论:产品或服务的星级评价及用户评论。
  • 产品信息:产品的价格、库存状态等。
  • 事件信息:活动的日期、地点、时间等详细信息。
  • 食谱:菜谱的图像、评分、烹饪时间等信息。
  • 视频:视频内容的缩略图、时长等信息
  • 常见问题解答 (FAQ):在搜索结果中显示的问答内容。
搜索引擎搜索页 视频 Rich Snippets
视频 Rich Snippets
搜索引擎搜索页 产品 Rich Snippets
产品 Rich Snippets

使用富文本摘要对SEO有好处吗?

对我们的搜索引擎优化非常有好处!!!

  • 富文本摘要在SERP中更加醒目,能够获得更多的浏览和点击。
  • 富文本摘要可以让你从竞争中脱颖而出,提高可见性。如果你排在第8名,前七都没有使用rich snippet,那么你很有可能通过富文本的形式出现并且位子高过他们。
  • 富文本摘要能够提升CTR(在SERP中的点击率)。
  • 谷歌会优先突出有富文本摘要的页面,尤其是在移动搜索中。

如何在 WordPress 添加 Rich Snippets?

WordPress 上给各种类型内容添加 Rich Snippets(富文本摘要)让它们显示在搜索引擎结果页面(SERP)中最简单的方法就是通过 WordPress 的 rich snippet 插件。

1. WooCommerce

 WordPress 最知名的在线商店创建插件 WooCommerce 会自动给你创建的产品生成 Rich Snippets。

WooCommerce 自带的富文本摘要分别是:

  • 产品标题
  • 产品描述
  • 产品图片
  • 产品网址
  • 产品SKU
  • 产品评分
  • 产品价格
  • 产品折扣价

想要查看页面的富文本你可以使用谷歌Schema提供的工具。如果你想要给产品添加指定的摘要,可以看看我之前发过的怎么给WooCommerce产品添加自定义富文本摘要的笔记。

2. WordPress搜索引擎优化插件

专业的SEO优化插件都是自带Rich Snippets功能的,像 Rank Math 或者 Yoast SEO。

rank math seo schemarank math seo schema rich snippets

3. Easy Schema

另一个可以帮我们在 WordPress 添加 Rich Snippets 的插件是 Easy Schema,它易于配置且功能强大。安装插件后,我们将拥有多种可用选项,其中包括启用产品的 Rich Snippets、常见问题解答、内部链接和社交媒体图标,以及与我们公司相关的所有信息。

Easy Schema

4. All in One Schema Rich Snippets

通过 All in One Schema Rich Snippets 可以对我们的 Schema 和不同的结构化微数据配置进行其他调整。安装插件后,我们将能够看到配置每种类型所使用的结构化数据的选项。此外在 WordPress 编辑器中,我们可以配置任何类型的内容,包括所需的 Schema 类型。

路径为:Rich Snippets > 设置 > 选择要修改的富文本摘要代码片段。

All in One Schema Rich Snippets

手动生成 Rich Snippets

我个人觉得手动添加富文本很麻烦,都用WordPress了为什么还要折腾自己…

手动添加摘要我们可以借助谷歌的结构化数据标记助手,输入想添加结构化数据的页面 URL,然后选择 Schema 类型。

谷歌结构化数据标记助手

点击“开始标记”按钮后,我们将看到内容的副本,并可以对其进行标记,选择页面中的不同部分。这个过程非常简单,只需选择(点击并拖动)不同的元素,我们会自动看到一个弹出窗口,选择希望分配给每个所选元素的结构化数据即可。

标记页面富文本摘要结构化数据

完成选择要添加结构化数据的元素后,如果想要添加任何无法与内容的任何部分关联的结构化数据,无论是因为它在原生状态下不存在,还是因为在截图中看不到,你都可以手动添加,所有的结构化数据都可以通过右下角的“添加缺失标签”按钮进行添加。

添加缺失富文本摘要结构化数据标签

当你完成并添加了所有希望包含在富文本摘要里的结构化数据后,保存更改并点击右上角的“创建 HTML”按钮。它会自动生成一个原生 JSON 代码,包含你刚刚添加的所有富文本摘要结构化数据。

谷歌结构化数据标记助手生成HTML

手动添加 Rich Snippets

拿到生成的JSON后就需要把它加到需要的页面上,怎么添加其实看你网站是怎么做的。最简单的方法就是通过WordPress自带的古腾堡编辑器插入。这段代码对用户来说是不可见的,但搜索引擎会检测到它,以便根据 JSON 代码指示的结构化数据生成 Rich Snippet。

wordpress添加schema html代码

验证手动添加的Rich Snippets

检验方式我们可以通过刚刚上面提到的两个:

这两个免费的服务工作原理相同,只需粘贴 URL,服务将显示结构化数据代码的结果。Google 工具还可以让你看到富文本摘要的预览。

最后你只需等待搜索引擎的爬虫在下次抓取时更新其索引,包含你的结构化数据。

为笔记评分

平均评分 5 / 5. 摘星者: 3

有疑问?留个言吧!

?>

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors