如何在 HTML 中生成和测试 Schema 标记
Posted: Sat Feb 22, 2025 9:09 am
您可以将三种编码语言添加到 HTML 中,以告诉搜索引擎您的网页上到底有什么内容:JSON-LD、Microdata 和 RDFa。让我们回顾一下每一个,以更好地理解 Schema Markup 格式,但首先,请查看以下相关文章:
什么是 Schema Markup?
·为什么 Schema Markup 对 SEO 很重要?
JSON-LD(链接对象的 JavaScript 对象表示法)
JSON-LD 是作为数据块添加的脚本,与页面上的其余代码分开。 Google 建议“尽可能”使用 JSON-LD , 英国电报筛选 因为 JSON-LD 数据块在必要时更易于组织和更改或编辑。
它看起来是这样的:
json-ld 示例
在此示例中,网页代码 <p>My name is Kelly</p> 与其下方的 JSON-LD 脚本完全分开。
微数据
微数据本质上与 JSON-LD 的作用相同,但格式不同。代码必须嵌入在网页的 HTML 中,这意味着初学者不太容易编写和更新。
对于较大的网站(例如电子商务网站)来说,大规模使用也比较困难。
以下是使用 Schema Markup 与微数据的示例:
微数据示例
RDFa(资源描述属性框架)
RDFa 与微数据类似,它通过 HTML 标签和属性将其添加到页面代码中。然而,它有点古老并且更复杂。
好处是它可以更容易地与使用它的其他应用程序或平台集成。
实际上,它看起来像这样:
RDFa 示例
如何添加 Schema 标记?
按照以下步骤将 Schema 标记添加到您的网站。
1. 转到 Google 的结构化数据标记辅助工具。
2. 选择数据类型:从提供的列表中选择一种常见的数据类型。在这个例子中,我们选择“文章”。
选择文章大纲
3. 粘贴您的 URL:粘贴您想要添加标记的页面的 URL。您还可以选择粘贴 HTML。然后点击“开始标记”。
开始给该计划贴标签
该工具将加载您的页面,以便您可以开始设置。您的网页将出现在左侧,数据元素将出现在右侧。像这样:
查看架构标记
4. 开始添加书签:首先,突出显示左侧想要添加书签的选择。对于一篇文章,您可以突出显示作者并从出现的菜单中选择“作者”数据项。
标记页面的作者
该工具将获取作者的姓名并将其放在右侧的“作者”旁边。
作者数据标记
您还可以标记不在您的页面上的项目。在页面的右侧,向下滚动直到看到“添加缺失的标签”按钮。
添加缺失标签按钮
单击按钮打开弹出菜单,您可以在其中手动添加标签。例如,我们手动向URL标签添加数据。
什么是 Schema Markup?
·为什么 Schema Markup 对 SEO 很重要?
JSON-LD(链接对象的 JavaScript 对象表示法)
JSON-LD 是作为数据块添加的脚本,与页面上的其余代码分开。 Google 建议“尽可能”使用 JSON-LD , 英国电报筛选 因为 JSON-LD 数据块在必要时更易于组织和更改或编辑。
它看起来是这样的:
json-ld 示例
在此示例中,网页代码 <p>My name is Kelly</p> 与其下方的 JSON-LD 脚本完全分开。
微数据
微数据本质上与 JSON-LD 的作用相同,但格式不同。代码必须嵌入在网页的 HTML 中,这意味着初学者不太容易编写和更新。
对于较大的网站(例如电子商务网站)来说,大规模使用也比较困难。
以下是使用 Schema Markup 与微数据的示例:
微数据示例
RDFa(资源描述属性框架)
RDFa 与微数据类似,它通过 HTML 标签和属性将其添加到页面代码中。然而,它有点古老并且更复杂。
好处是它可以更容易地与使用它的其他应用程序或平台集成。
实际上,它看起来像这样:
RDFa 示例
如何添加 Schema 标记?
按照以下步骤将 Schema 标记添加到您的网站。
1. 转到 Google 的结构化数据标记辅助工具。
2. 选择数据类型:从提供的列表中选择一种常见的数据类型。在这个例子中,我们选择“文章”。
选择文章大纲
3. 粘贴您的 URL:粘贴您想要添加标记的页面的 URL。您还可以选择粘贴 HTML。然后点击“开始标记”。
开始给该计划贴标签
该工具将加载您的页面,以便您可以开始设置。您的网页将出现在左侧,数据元素将出现在右侧。像这样:
查看架构标记
4. 开始添加书签:首先,突出显示左侧想要添加书签的选择。对于一篇文章,您可以突出显示作者并从出现的菜单中选择“作者”数据项。
标记页面的作者
该工具将获取作者的姓名并将其放在右侧的“作者”旁边。
作者数据标记
您还可以标记不在您的页面上的项目。在页面的右侧,向下滚动直到看到“添加缺失的标签”按钮。
添加缺失标签按钮
单击按钮打开弹出菜单,您可以在其中手动添加标签。例如,我们手动向URL标签添加数据。