通过JSON-LD添加结构化数据

通过JSON-LD添加结构化数据

结构化数据通过标准化格式帮助搜索引擎更好地理解网页内容,从而提升SEO效果。例如,食谱页面可以使用结构化数据来标明食材、烹饪时间和卡路里含量。Google搜索中心强调了结构化数据在提升内容理解和分类方面的重要性。

将结构化数据集成到网页中

在添加结构化数据之前,请先确定最适合您网站的格式。可以参考以下资源,如 了解结构化数据的工作原理搜索图库。在 Framer 网站中,可使用“自定义代码”功能嵌入 JSON-LD 等结构化数据。以下是食谱类结构化数据的一个示例:

在 Framer 网站中,使用自定义代码功能嵌入 JSON-LD 等结构化数据

CMS 页面中的结构化数据

“自定义代码”功能还可以将结构化数据添加到 CMS 详情页中。通过在 {{}} 语法中使用 CMS 变量,您可以为每个页面创建唯一的结构化数据。{{Title}} 引用的是 CMS 的“Title”字段,而 {{Title | json}} 则确保 JSON 安全的格式。以下是如何添加 面包屑标记 的示例:

通过在 {{}} 语法中使用 CMS 变量,您可以为每个页面创建唯一的结构化数据

检查已发布的网站可确认 {{Title | json}} 字段是否已在每个页面上正确渲染。

在 CMS 页面中以文本字段形式编写 Schema

尽管推荐使用上述方法以保持 Schema 更新,您也可以将 JSON 格式的 Schema 标记写入纯文本 CMS 字段中,并使用以下语法将其添加到 <head> 标签中:

{{variable_name | unsafeRaw}} 语法确保 CMS 中存储的内容原样输出,不做任何修改。如果您将完整的 JSON-LD 标记存储在 CMS 中,此方法非常有用。

警告:顾名思义,使用 unsafeRaw 时需谨慎,因为它不会转义内容。输入中的无效 HTML 可能会破坏您的网站或引入安全问题。

验证您的结构化数据

实现并发布结构化数据后,请使用 富媒体搜索结果测试工具 来确认一切正常运行。例如,您可以测试面包屑数据以验证其功能是否正确。

问题仍未解决?请通过我们的 联系页面 与我们取得联系以获取更多帮助。

Create a free website with Framer, the website builder loved by startups, designers and agencies.