如何在 HTML 中生成和测试 Schema 标记

Share ideas, strategies, and trends in the crypto database.
Post Reply
Fgjklf
Posts: 321
Joined: Tue Dec 24, 2024 3:24 am

如何在 HTML 中生成和测试 Schema 标记

Post by Fgjklf »

您可以将三种编码语言添加到 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标签添加数据。
Post Reply