如何使用JavaScript为您的Google网站生成结构化数据

现代网站使用JavaScript显示许多动态内容。使用JavaScript在您的网站上生成结构化数据时，有几件事值得关注。该领导者研究了最佳实践和实施策略。如果您是结构化数据领域的初学者，请阅读结构化数据的工作方式。

有几种使用JavaScript生成结构化数据的方法，但其中最常见的方法如下：

• Google标签管理器
• 用户JavaScript

使用产品标记？请记住，动态产生的标记可以爬行购物较少且可靠性较低，这可能成为快速变化的内容（例如商品和价格的可用性）的问题。如果您是对所有类型的消费者结果进行优化的卖方，请确保您的服务器具有足够的计算资源来处理Google增加流量。

在您的Google网站上使用Google Tag Manager进行动态生成JSON-LD

Google Tag Manager是一个平台，可让您在不编辑代码的情况下控制网站上的标签。要使用Google标签管理器生成结构化数据，请执行以下步骤：

• 在您的网站上设置并安装Google标签管理器。
• 将新的用户标签添加到容器中。
• 将支持的结构化数据块插入标签内容。
• 如容器管理菜单中的“安装Google Tag Manager的安装”部分，安装容器。
• 要在您的网站上添加标签，请通过Google标签管理器接口发布容器。
• 测试您的实现。

用于您的Google网站的Google Tag Manager变量

Google Tag Manager（GTM）支持使用变量从页面中提取信息，并将其添加到您的结构化数据中。使用变量从页面中提取结构化数据，以避免在GTM中复制信息。 GTM中数据的复制增加了页面内容与使用GTM添加的结构化数据之间不一致的风险。

例如，您可以使用页名作为配方名称，动态创建一个配方的JSON-LD块，创建以下用户变量name repipe_name：

function() { return document.title; }

然后，您可以在用户-tag中使用recipe_name。

建议创建用于使用变量从页面中收集所有必要信息的变量。

这是用户内容的示例 - ：

注意：上一个示例表明您已经确定了gtm中的变量repipe_name，repipe_image和repipe_author。

使用JavaScript用户为您的Google网站生成结构化数据

生成结构化数据的另一种方法是使用JavaScript生成所有结构化数据或将其他信息添加到服务器随机结构化数据中。无论如何，Google搜索可以理解和处理渲染页面时DOM中可用的结构化数据。要了解有关Google搜索过程JavaScript的更多信息，请阅读JavaScript领导力。

这是使用JavaScript生成的结构化数据的示例：

• 找到感兴趣的结构化数据的类型。
• 编辑您的网站以启用JavaScript片段，例如：

fetch('https://api.example.com/recipes/123')
 .then(response => response.text())
 .then(structuredDataText => {
 const script = document.createElement('script');
 script.setAttribute('type', 'application/ld+json');
 script.textContent = structuredDataText;
 document.head.appendChild(script);
 });

• 使用富效果测试工具测试您的实现。

为您的Google网站使用服务器渲染

如果您使用服务器渲染，则还可以在输出输出中包含结构化数据。查看您的框架文档，以了解如何为您感兴趣的结构化数据类型生成JSON-LD。

如何在Google中测试您网站的实施

为了确保Google搜索可以索引和处理结构化数据，请测试您的实现：

• 打开富效果测试工具。
• 输入您要测试的URL。我们建议使用URL输入，而不是代码输入，因为使用代码INPAT时可能会有JavaScript限制（例如CORS限制）。
• 单击测试URL。

成功： 如果您做对了所有事情，并且在工具中支持您的结构化数据类型，则会看到“页面适合高级结果”的消息。如果您正在测试富效果工具中不支持的结构化数据的类型，请检查声誉。如果渲染包含结构化数据，则Google搜索将能够处理它们。

再试一次： 如果您看到错误或警告，则很可能是句法错误或丢失的属性。查看您的结构化数据类型的文档，并确保您添加了所有必要的属性。如果保存问题，也请联系JavaScript问题解决问题以进行搜索。

您可以在电子邮件中就任何问题联系SEO公司“ seo.computer” info@seo.computer，WhatsApp +79202044461。

ID 146