使用 JavaScript 生成结构化数据

Question

我们需要编写一个脚本来为 JSP 中的组件的结构化数据创建 JSON-LD 脚本，比如说常见问题组件，我们已经编写了脚本来为结构化数据生成 JSON LD，

常见问题解答.jsp：

<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "type": "FAQPage",
    "mainEntity": [
    <c:forEach var='questionItem' items='${faq.faqQuestionList}' varStatus='itemsLoopSchema'>
    {
    <c:set var="trimmedAnswer" value="${fn:trim(questionItem.answer)}" />
    "@type": "Question",
    "name": "${questionItem.question}",
    "acceptedAnswer": {
    "@type": "Answer",
    "text": "${fn:escapeXml(trimmedAnswer)}"
    }
    <c:choose>
        <c:when test="${itemsLoopSchema.last}">
            }
        </c:when>
        <c:otherwise>
            },
        </c:otherwise>
    </c:choose>
</c:forEach>
    ]
}
</script>

现在，当包含此 JSP 组件多次时，脚本将多次运行并创建多个 JSON

相反，我想加载所有多个常见问题解答组件，然后创建 JSON （或只运行一次脚本）。 单个 JSON LD，其中所有详细信息都将用于多个 faq.jsp

*限制脚本运行一次并获取 JSON 中所有页面 DOM 的数据，用于 JSP 中的 SEO 目的

Answer 1

我知道这可能不是您正在寻找的答案，但在同一页面上有多个 json+ld 块是完全有效的，即使它们属于同一类型。

此外，我建议将结构化数据内联到您使用微格式输出的常见问题标记中（使用itemscope 、 itemprop和itemtype属性）。

Answer 2

一些想法：

1. 在页面头部添加一个 Sling Model。 查询所有常见问题组件并生成 JSON+LD 数据。 Sling Model 只是输出字符串

2. 创建一个常见问题容器，您可以在其中放置每个常见问题组件。 FAQWrapper Sling Model 生成 JSON+LD 同上

另外，一些建议：

1. 在 java 中生成 JSON，而不是在 JSP 本身中生成。
2. 找一个为你生成schema的java库，否则容易出错，生成无效数据。 我们基于 Lombok SuperBuilder、Delegate 和 Jackson 实现了我们自己的解决方案，而且工作量很大
3. 虽然 google 推荐使用 JSON+LD，但我已经看到使用微格式的网站并且效果很好，所以请考虑 Raphael 的建议。