实现 JSON-LD 结构化数据的指南

在您的网站上使用架构标记来启用丰富的片段并增加您在 SERP 中的存在并不是一种新策略。 然而，我们通常发现我们的新客户之前可能没有实施它，或者由于缺乏时间或资源而努力实施。

但实施内联微数据的麻烦已经成为过去。 Google 不仅支持，而且建议您使用 JSON-LD（JavaScript Object Notation for Linked Data） 对于您的结构化数据，这是向前迈出的一大步。 这意味着谷歌现在不必对内联微数据进行硬编码，而是会抓取 JavaScript 来访问您的结构化数据。

这很棒，因为 JSON-LD 更容易使用，如果您愿意，也更容易读写。 更重要的是，现在实现结构化数据的方法比以往任何时候都多。

“但是，如果我不知道如何编写 JavaScript 怎么办？”

好消息不止于此。 这篇文章将带您了解实现结构化数据的一些最简单方法，并列出一些非常有用的资源，可用于学习 JSON-LD。

Google 的数据标注工具

首先，您可以选择使用 Google Search Console 的 Highlighter 工具，该工具使您无需查看一行代码即可实现结构化数据。

您可以为一系列数据添加架构，包括文章、事件、产品和本地业务信息。 然后该工具将为您提供页面预览，以便您可以直接突出显示特定内容，并为您添加标记：

这是向您的网站添加结构化数据的最简单快捷的方法。 那么为什么要费心去做呢？

好吧，问题是谷歌的数据荧光笔只对谷歌说话。 因此，虽然这是一个很好的起点，但您不应就此止步。

我们看到 Google 使用结构化数据的方式不断发展。 最近有一个关于移动端 Rich Cards 的公告：

不仅限于谷歌——社交媒体巨头已经找到了利用这些数据的方法。 例如，Pinterest 允许 Rich Pins 提取有关产品、食谱、地点等的数据。

使用 Schema 标记可以做很多很酷的事情，而 Google 的荧光笔工具也做不到。 例如，为什么不尝试将您的社交媒体资料添加到 ASOS 如下所示的知识面板中：

也许您想添加一个像 BuzzFeed 下面的附加链接搜索栏，以允许人们从 SERP 中搜索您的网站（这太元了）：

出于上述所有原因，我们强烈建议您使用 Google 的数据荧光笔工具作为短期解决方案，同时确保您在网页上对架构标记进行编码，作为未来证明的解决方案。 这将使您完全拥有和管理结构化数据。 它也可能使您在 Bing 和其他较小的搜索引擎中受益。

添加架构标记的简单方法

如果您的网站在 WordPress 上，您可以使用插件，例如 Raven 的 Schema Creator。 这个方便的工具将指导您完成整个过程并为您创建的每个架构创建一个短代码，允许您在之后进行编辑：

如果您不使用 WordPress，但仍想对 JSON-LD 结构化数据进行手动编码，或者只是想了解有关该主题的更多信息，那么这就是 Google 标签管理器的用武之地！

使用 Google Tag Manager 推送结构化数据

支持 JSON-LD 的搜索引擎令人兴奋的一点是，它会在 HTML 中的任何地方被提取，即使它是由像 Google 标签管理器这样的标签管理系统动态插入的。

掌握 JSON-LD

在开始之前，您需要花一些时间熟悉 JSON-LD。 幸运的是，您可以在网上找到很多有用的资源，但是如果您仍然没有信心，那么您需要咨询具有使用 JSON-LD 经验的开发人员或营销专家。

以下是一些可以帮助您入门的链接：

• Schema.org 上的文档，按类型列出。
• JSON Playground 是一个很好的地方，可以使用您在上述链接中找到的信息，并提供一些有用的示例来帮助您入门。
• 由开发人员 James Flynn 开发的 JSON-LD 生成器，非常易于使用并为您完成繁重的工作。
• 来自搜索引擎新闻的真实世界结构化数据指南，包含丰富的片段示例。

分步指南

现在让我们看一个简单易懂的示例，该示例使用标签管理器推送 JSON-LS 结构化数据以帮助您入门。 注意：如果您尚未使用 GTM 来部署和管理营销和分析标签，请阅读此简单的设置和安装指南。

第一步——添加标签

首先，添加一个新标签：

第二步 - 命名你的标签

给你的标签命名一些有意义的东西。 在这个例子中，我将专注于添加组织架构标记：

第三步 - 选择自定义 HTML 标签

由于我们使用我们自己的 JSON-LD 标记，您需要选择自定义 HTML 标签选项并按继续：

第四步——输入你的 JSON-LD 标记

现在您需要在 HTML 框中输入您的标记。 在这个例子中，我使用了 JSON-LD 格式的组织在这里找到。

第五步 - 选择何时触发代码

对于这个特定的设置，我想在所有页面上选择火，因为它是一个“组织”标记，因此是站点范围的。 为此，我可以在保存标签之前简单地选择“所有页面”。 我的实现就完成了：

如果您想添加特定于特定页面或页面组的架构，您可以使用“某些页面”选项来指定特定页面：

如果您要为您的联系页面添加本地商户信息，或者您有多个营业地点要标记，则可能需要这样做。

提示：如果要指定一组页面，可以使用页面 URL 'contains' 操作或 RegEx（正则表达式）操作。

另一个提示：您可以将结构化数据（代码）组合到单个自定义 HTML 标签或标签逻辑组中，以减少容器中的标签数量。

第六步——测试

虽然您可以使用 Google Tag Manager 的预览和调试模式来测试您的代码是否被触发，但您还需要确保检查它是否在 Tag Manager 平台之外工作：

Google 和 Bing 都有方便的工具来测试您的结构化数据并确保一切正常。 请记住首先在跟踪代码管理器中发布您的容器版本。

• 谷歌的结构化数据测试工具
• Bing 的标记验证器

确保在测试您的实现时使用这些免费工具，无论您使用的是插件、标签管理器还是硬编码您的架构。 谷歌最近对其工具进行了一些改进，改进了突出显示、搜索和替换以及自动完成等功能。

此方法可让您将 JSON-LD 片段插入到一个或多个页面中而不会出现问题。 但是，如果您想获得更多技术并使用跟踪代码管理器来动态生成您的代码段，例如使用 {{page URL}}，它将不起作用。 Chris Goddard 最近在 Moz 博客上写了一篇很棒的文章，其中包括对此的解决方法。

结论

过去几年的最新发展使得在您的网站上实施架构标记变得更加容易。 Google 自己的 Data Highlighter 工具是一种快速添加 Schema 以让 Google 受益的简单方法，但建议您计划对您的 Schema 进行编码，无论是使用插件、Google Tag Manager 还是手动。

实现 JSON-LD 结构化数据现在是最广泛接受和推荐的格式化模式标记的方法。 虽然它不能保证您的搜索结果会显示丰富的片段或丰富的卡片，但这不应阻止您向搜索引擎提供尽可能最好的数据，前提是它得到了正确的实施。

如果您需要帮助在您的网站上实施结构化数据，请与我们联系。

如果您需要帮助，请随时与我们联系。