添加所需的Schema.org JSON LD标记

Question

我想看看是否有人可以发布一个示例，说明如何使用JQuery动态创建JSON-LD来创建Google Rich Card？ 如果有人可以向我展示如何实现此功能的示例，我将不胜感激。

    <script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "https://www.avenue.com/",
      "name": "Home",
    }
  },{
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "https://www.avenue.com/en_US/plus-size-clothing/dresses/",
      "name": "Plus Size Dresses",
    }
  }]
}
</script>

Answer 1

您不应该使用jQuery创建它。 您应按照以下示例将其放在isml模板中：

<script type="application/ld+json">
    <isprint value="${JSON.stringify(ldJSON)}" encoding="off"/>
</script>

或者，如果您想对结构进行硬编码：

<script type="application/ld+json">
    {
        "@context": "${context}",
        "@type": "${type}",
        "url": "<isprint value="${varURL}" />",
        "potentialAction": {
            "@type": "${searchType}",
            "target": "<isprint value="${theTarget}" />{search_term_string}",
            "query-input": "required name=search_term_string"
        }
    }
</script>