结构化数据标签的生成无法通过GoogleBot在Angular Spa应用程序上查看

Question

在Google搜索控制台上实时测试URL时，GoogleBot可以呈现页面，但我的结构化数据丢失了。它是在JS中生成的：

insertStructuredData(genDataFn: Function): void {
    this.removeStructuredDataElement();

    let script = this.getStructuredDataElement();
    if (!script) {
      script = document.createElement('script');
      script.type = 'application/ld+json';
      script.id = STRUCTURED_DATA_TAG_ID;
      document.head.appendChild(script);
    }

    safeScriptEl.setTextContent(script, scriptFromJson(genDataFn()));
  }

当我自己查看页面时，它显示得很好：

<script type="application/ld+json" id="structuredDataScriptTagId" nonce="abcdefg">...</script>

但是，当我查看GoogleBot在实时测试中看到的HTML时，该标签在页面中缺少。这纯粹是一个延迟问题，还是有其他影响该标签对Googlebot的可见性的东西？

Answer 1

您可以检查一些事情：

1. 确保您的JSON-LD对象有效并且不包含错误。您可以使用富含结果测试工具来验证您的实现。
2. 查看您网站上的灯塔报告，并确保您的页面在合理的时间内加载，并且在页面加载时，在DOM中尽快将JSON-LD包含在内。
3. 数据，因此请确保您正在使用的结构化数据对象得到Google的支持，请查看在此处搜索库。

基本上，您可以做到，但是即使到那时，Google仍会决定是否使用结构化数据对象上定义的数据；正如他们在官方文档中所说的那样搜索结果中的实际外观可能不同