使用 Google Tag Manager 动态生成 Schema/JSON-LD 标签，但不断收到以下错误：“无法解析的结构化数据”

如何解决使用 Google Tag Manager 动态生成 Schema/JSON-LD 标签，但不断收到以下错误：“无法解析的结构化数据”

美好的一天，我真的需要别人的帮助，拜托了。我正在尝试为新闻文章部分动态生成架构。当我使用富结果工具对其进行测试时，一切看起来都很好，但谷歌控制台返回以下错误：“无法解析的结构化数据”。我想我必须用 JS 包装代码，但我在这方面不是很擅长，请感谢您的帮助。非常感谢您为我调查此事。

jsonld 脚本截图

解决方法

简而言之：你很可能很好。您看到的错误只是因为 Google 测试工具获取源代码而不呈现 DOM。 Google Bot 会正确呈现它，因此没有问题。

您当然不需要 JS 包装器，尽管您可以使用它。当我不想用变量扩大它的大小时，我将它与模式一起使用。这是一个简单的例子：

  var script = document.createElement('script');
  script.type = "application/ld+json";
  script.innerHTML = JSON.stringify(data);
  document.getElementsByTagName('head')[0].appendChild(script);

其中 Data 是表示架构 json 的 JS 对象。

您的错误很可能是由于 Google 获取代码而不是呈现页面并让 JS 填充 DOM。

使用 GTM 部署架构虽然方便，但会导致未来出现问题。它应该被视为导致技术债务的临时解决方案。

我刚刚测试了您的代码，看起来不错。

这是给那些想要它的人的代码：

<script type="application/ld+json">
{
    "@context": "https://schema.org","@type": "NewsArticle","mainEntityofPage": {
        "@type": "WebPage","id": "{{Page URL}}"
    },"headline": "{{UA-CJS-Schema-Heading}}","description": "{{UA-CJS-Schema-Meta-Description}}","image": "{{UA-CJS-BlogImageURL}}","author": {
    "@type": "Organization","name": "Association for Project Management"
    },"publisher": {
    "@type": "Organization","name": "Association for Project Management","logo": {
      "@type": "ImageObject","url": "https://www.apm.org.uk/"
    }
  },"datePublished": "{{UA-CJS-Schema-Date Published-Edited}}","dateModified": "{{UA-CJS-Schema-DatePublished-Edited}}"
}
</script>

我将添加一些调试步骤，但您实际上并不需要它们，因为您使用了不同的服务并且它确认了模式存在。但以防万一。

调试步骤：

• 检查您的代码触发器是否发生得更早，例如窗口加载或历史记录更改。
• 使用 GTM 中的预览模式确保您的代码触发。
• 确保您可以在预期的时候看到正确添加到 DOM 中的内容。
• 复制它，转到https://search.google.com/structured-data/testing-tool/u/0/
• 选择代码片段选项并粘贴您的代码片段
• 评估错误和警告
• 相应地修复 GTM 中的脚本
• 享受无误的架构
• 询问 SEO 人员何时可以从 GTM 中删除与分析代码无关的代码。

,

富搜索结果测试工具和 Search Console 测试都在测试之前呈现，因此如何将 json-ld 添加到页面中仍然可能存在问题。

这些工具通常会指出发生这种语法错误的地方。

一个可能的问题是动态内容（例如 UA-CJS-Schema-Meta-Description）是否包含双引号或结束脚本标签。我不确定 GTM 如何转义此内容，但如果不转义，它们可能会导致无效的 json。