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

Telemarketing List offers targeted and verified phone databases to enhance your outreach efforts. Reach potential clients efficiently and boost your telemarketing results.
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