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

现代网站正在积极使用JavaScript来显示动态内容。当您使用JavaScript在网站上创建结构化数据时，您应该注意几点。本手册讨论了最佳实践和实施策略。

如果您刚刚开始使用结构化数据，则可以熟悉这些数据在Google搜索引擎中的工作方式。

使用JavaScript生成结构化数据有几种选项，但其中最受欢迎的是：以下：以下：

• Google标签管理器
• 城堡JavaScript

如果您将标记用于产品，请记住，动态生成的标记可以降低搜索引擎中产品索引的频率和准确性，这对于快速变化的数据（例如商品的可用性及其价格）尤其重要。如果您是优化所有类型的交易结果的卖方，请确保您的服务器能够应对Google的增加。

将Google标签管理器用于Dynamic Generation JSON-LD为您的Google网站

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

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

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

Google Tag Manager（GTM）支持使用变量，以便从页面中提取数据并将其包括在结构化数据中。变量的使用避免了GTM中信息的复制，这降低了页面内容与使用GTM实施的结构化数据之间存在差异的风险。

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

 function() { return document.title; } 

之后，您可以在自定义-TAG中使用recipe_name。

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

这是Custom -tag内容的示例：

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

使用您的Google网站的自定义JavaScript生成结构化数据

生成结构化数据的另一种方法是使用JavaScript生成所有数据或将信息添加到服务器标记中。无论如何，Google可以在呈现页面时处理并了解DOM中存在的结构化数据。要了解有关Google如何处理JavaScript的更多信息，请阅读JavaScript领导力。

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

• 确定您感兴趣的结构化数据的类型。
• 编辑您的网站以启用下一个片段JavaScript（请参阅您的CMS或托管供应商的文档，或与开发人员联系）。

 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输入，而不是代码，因为使用代码时可能会发生限制（例如，CORS限制）。
• 单击“测试URL”。

成功： 如果您正确地完成了所有操作，并且在工具中支持您的结构化数据类型，则将看到“页面有资格获得丰富结果”的消息。如果您测试了丰富的结果测试中不支持的结构化数据类型，请检查渲染。如果包含结构化数据，Google将能够对其进行处理。

再试一次： 如果有错误或警告，则很可能是句法错误或缺乏属性。查看您的结构化数据类型的文档，并确保您添加了所有必要的属性。如果没有消除问题，请检查指南以解决JavaScript的问题以进行搜索。

如果您需要为您的网站生成或测试结构化数据的帮助，则可以在电子邮件中与SEO Company“ SEO.computer”联系以获取任何问题 info@seo.computer 或通过WhatsApp +79202044461。

ID 15