在 WordPress 上实现模式标记的快速指南

您推出了一个外观漂亮、功能强大的网站。 下一个是什么？ 使其内容在搜索引擎上排名以带来自然流量，使其对 SEO 友好。 这可能看起来有点困难，因为您必须了解许多技术元素，尽管它们不容易消化。 但是，如果您认真对待您网站的 SEO，您将需要对所有与 SEO 相关的主题有一个整体的看法。 一个这样的主题是实现模式标记。

多年来，Scheme Markup 和结构化数据在 SEO 中发挥了很好的作用，而且 Google、Bing、Yahoo 等主要搜索引擎似乎都在推荐它们。 但究竟什么是模式标记，它如何​​影响您网站的 SEO 过程？ 阅读本文后，您将确切知道它是什么，它如何影响 SEO 和搜索引擎，如何正确实施它以获得更好的排名。

什么是结构化数据和模式标记？

结构化数据是一种可以普遍理解的信息格式。 它包含不同的元素，使搜索引擎能够轻松地了解页面的全部内容。

虽然架构标记基本上是将您的网站放在搜索引擎上的代码。 其主要目的是使搜索引擎为用户提供更多信息。

它可以以代码的形式添加到您的网页中，以定义不同的元素，例如日期、图像、营业时间等等。

SEO中架构标记的好处

在 SEO 方面，模式标记中表示的结构化数据以更详细和信息丰富的方式显示搜索引擎结果。 它不仅使网站对 SEO 更加友好，而且还可以显示丰富的结果以吸引更多的网站流量。

搜索引擎中显示的不同类型的丰富结果

之前，我们讨论了模式标记在搜索引擎上显示丰富结果的好处。 如果在您的网站上实施了架构标记，以下是一些将在搜索引擎中显示的丰富结果。

丰富的片段

丰富片段是那些在搜索结果中显示时包含额外信息（如评级、评论、图像等）的结果。 它将帮助用户更多地了解页面/帖子，并提供更多获得点击的机会。

丰富的卡片

丰富的卡片是在搜索引擎中显示结果的新格式。 就像丰富的片段一样，丰富的卡片使用架构标记以更具吸引力和视觉吸引力的格式显示搜索结果。 它专注于提供更好的移动搜索体验，并带有触摸友好的滑动选项。

知识图谱

知识图谱是搜索引擎中使用的知识库，通过显示图像、位置、联系信息、描述、社交媒体资料，使信息更加详细。

精选片段

Featured Snippets 是一种搜索引擎格式，可以为用户的问题提供直接答案。 它们不包含任何其他信息，例如丰富的摘要，而是为用户提供简洁的答案，而无需单击特定结果。

如何开始在我的网页上实施模式标记？

您可以通过不同的方式实现模式标记。 以下是其中的一些：

使用微数据添加模式：

微数据是 HTML5 引入的一组标签，旨在提供一种使用机器可读标签注释 HTML 元素的简单方法。 使用标记对初学者来说很容易实现。 但缺点是您需要在网页正文中单独标记每个项目，这可能会变得混乱。

但在我们开始之前，您需要确定您的网页定义的项目类型。 它将帮助您确定需要使用的标签类型。

在这里，我们假设您拥有一个名为 HashThemes 的在线商店，其主页可能如下所示：

 <div>
<h1>哈希主题</h1>
<h2>最好的 WordPress 主题卖家！</h2>
<p>地址：</p>
<p>多比哈特</p>
<p>尼泊尔拉利特布尔</p>
<p>电子邮件：[email protected]</p>
<p><a href="https://hashthemes.com/wordpress-theme/">点击这里查看我们最好的 WordPress 主题！</a></p>
<p>我们开门了：</p>
<p>周一至周五上午 10 点至下午 6 点</p>
</div>

首先，您需要识别网页的各个部分。 它是 <div> 标签之间的所有内容。 所以，我们添加

 <div 项目范围>

通过添加项目范围标签，我们可以指定包含在 <div> 标签块之间的 HTML 来引用特定项目。

现在，我们将使用项目类型属性来指定页面上项目的类型。

 <div itemscope itemtype = "http://schema.org/wordpressthemes">

现在，转到主页并标记具有您网站名称的网页部分。 在这里，我们将添加一个项目属性标签，用于标记项目的属性。

 <h1 itemprop="name">哈希主题</h1>

继续为其余页面添加标签。

有时，您可能不需要标记整行，而是在电子邮件地址行中引用属性的行的一部分。

 <h2 itemprop="description">最好的 WordPress 主题卖家！</h2>
<p>地址：</p>
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<p itemprop="streetAddress">多比哈特</p>
<p itemprop="addressLocality">拉利特布尔，尼泊尔</p></span>
<p>电子邮件：<span itemprop="email">[email protected]</span></p>
<p><a itemprop="store" href="https://hashthemes.com/wordpress-theme/">点击这里查看我们最好的 WordPress 主题！</a></p>
<p>我们开门了：</p>
<p itemprop="openingHours">周一至周五上午 10 点至下午 6 点</p>
</div>

您还可以使用 Google 结构化数据标记助手来更轻松地标记您的网页。

使用 RDFa 添加标记

属性中的资源描述框架 (RDFa) 是 HTML5 的扩展，旨在帮助您标记结构化数据。 它是 W3C 推荐的，可用于组合多个结构化数据词汇表，以添加超出 Schema.org 的结构化数据

如果您知道如何在 Schema.org 中使用 Microdata 标记，RDFa 也不会有所不同。 它将现有的 HTML 集成到内容的正文中。

让我们以上述电子商务网站为例：

 <div>
<h1>哈希主题</h1>
<h2>最好的 WordPress 主题卖家！</h2>
<p>地址：</p>
<p>多比哈特</p>
<p>尼泊尔拉利特布尔</p>
<p>电子邮件：[email protected]</p>
<p><a href="https://hashthemes.com/wordpress-theme/">点击这里查看我们最好的 WordPress 主题！</a></p>
<p>我们开门了：</p>
<p>周一至周五上午 10 点至下午 6 点</p>
</div>

在这里，我们将与 URL http://schema.org/ 一起指定标签 vocab。 页面类型由标签类型定义。

 <div vocab="http://schema.org/" typeof="store">

我们现在已经告诉搜索引擎该页面是关于什么的。 现在是时候使用属性属性来定义属性了。

 <h1 property="name">哈希主题</h1>

属性的类型也可以用来定义属性，就像定义 PostalAddress 一样。

 <div property="address" typeof="PostalAddress">

属性的类型相当于 Microdata 中的项目类型，而属性相当于项目的 prop 属性。

 <h2 property="description">最好的 WordPress 主题卖家！</h2>
<p>地址：</p>
<div property="address" typeof="PostalAddress">
<p property="streetAddress">多比哈特</p>
<p property="addressLocality">尼泊尔拉利特布尔</p>
</div>
<p>电子邮件：<span property="email">[email protected]</span></p>
<p><a property="store" href="https://hashthemes.com/wordpress-theme/">点击这里查看我们最好的 WordPress 主题！</a></p>
<p>我们开门了：</p>
<p property="openingHours">周一至周五上午 10 点至下午 6 点</p>
</div>

使用 JSON-LD 标记网页

用于链接数据的 JavaScript 对象表示法 (JSON-LD) 是使用 JSON 对链接数据进行编码。 它是 W3C 的推荐格式，并于 2013 年被添加为 Schema.org 的推荐格式。

将 JSON-LD 用于 Schema Markup 的主要优点是它将最相关的代码限制在页面标题中，并将额外的标签排除在内容的主体之外。 这使代码更清晰，更易于阅读。

JSON – LD 表示法包含在脚本块中。 因此，要开始该过程，我们输入脚本行以显示我们正在使用 JSON-LD 格式：

 <script type="application/ld+json">

JSON-LD 代码也应该包含在大括号（大括号）内，否则它不会应用于页面或被搜索引擎解析。 这在 Javascript 中称为对象结构。 因此，代码的轮廓将如下所示：

 <script type="application/ld+json">
代码在这里
</脚本>

现在，您需要将词汇表定义的上下文用于链接到 Schema.org 的数据。

代码的每一行也应该使用逗号。

 "@context": "http://schema.org",

对于其他类型的 schema.org 格式，您需要定义要标记的内容类型。 这相当于 Microdata 的图像类型属性​​和 RDFa 的属性类型。

我们将使用上面提到的简单网站作为示例：

 "@type": "商店",

现在我们定义商店的名称及其描述。 如果您使用 Microdata 或 RDFa 来定义这些元素，它们应该显示在网站主页本身上。 但是在 JSON-LD 的情况下，您可以定义元素而不必出现在页面上。

 “名称”：“哈希主题”，
"description": "最好的 WordPress 主题卖家！",

现在是定义地址的时候了。 地址将具有额外但更精确的属性，例如街道地址和位置。 所以，我们要把它们放在一个大括号里。

 “地址”： {
"@type": "邮政地址",
"addressLocality": "尼泊尔拉利特布尔",
"streetAddress": "多比哈特",
},

现在，我们将放置商店的营业时间。 我们将在数组中保留开放时间，并以两个字母组合指定日期。 此外，时间应该是 24 小时制。

 “营业时间”： [
“周一至周五 10:00-18:00”
],

最后，我们将添加一个电子邮件地址和主题 URL。 两者都非常简单。

 “电子邮件”：“[email protected]”
“商店”：“https://hashthemes.com/wordpress-theme/”
最后，我们的标记将如下所示：
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "商店",
“名称”：“哈希主题”，
"description": "最好的 WordPress 主题卖家！",
“地址”： {
"@type": "邮政地址",
"addressLocality": "尼泊尔拉利特布尔",
"streetAddress": "多比哈特",
},
“营业时间”： [
“周一至周五 10:00-18:00”
],
“电子邮件”：“[email protected]”
“商店”：“https://hashthemes.com/wordpress-theme/”
}
</脚本>

您可以使用 Google 的结构化数据测试工具来检查语法是否有错误。

如何在您的 WordPress 网站上实施模式标记？

Schema Markup 的实现可以通过不同的方式完成。 您可以关注他们以使您的网站 SEO 友好并提高您的内容在搜索引擎中的排名。 这里是其中的一些：

选择与架构标记内置集成的 WordPress 主题：

如您所知，WordPress 是最受欢迎的平台，它包含大量模板，可以立即创建有吸引力的网站。 但是，只有少数几个主题与 Schema Mark Up 代码集成。 因此，如果您选择 WordPress 主题来启动您的网站或对现有网站进行改造，请务必检查该主题是否至少包含常见的架构功能。 通用架构包括页眉、页脚和导航选项，以允许搜索引擎了解您网站的结构。

使用 WordPress 插件标记其他模式数据

如上所述，您可能很难找到与 Schema MarkUp 代码完全集成的 WordPress 主题。 因此，作为替代方案，您可以选择可用于在您的网站上添加架构功能的 WordPress 插件。 Yoast SEO 和 Schema Pro 是少数几个有助于在您的网站上实施 Schema MarkUp 的插件。

实现模式标记时要记住的事情

既然您知道如何在 WordPress 网站上实现架构标记，那么在实现架构标记时，您可能需要记住以下几点：

集成模式标记可能无法保证良好的排名

仅模式标记并不能保证您的 Web 内容的良好排名。 还有许多其他因素，如内容权威、内容质量、关键字分析、相关性等会影响排名。 因此，请记住，模式标记只是可以帮助您提高内容排名的因素之一。

模式标记需要时间才能生效

如果您想知道 Schema Markup 会立即生效，那您就错了。 在搜索结果中看到丰富的摘要需要几个月的时间。

检查 WordPress 主题给出的模式标记并使用插件相应地增强功能

大多数 WordPress 主题只采用常见的模式，如页眉和页脚、导航。 虽然可能有一些模板具有其他与 Schema 相关的实现功能。 你可以去谷歌结构化数据测试工具来分析你网站的架构实现，并相应地选择插件。