2022 年您需要了解的有关架构标记的所有信息

已发表: 2019-07-23

每天你的老板都会递给你一大堆会议记录和各种文件。

您的工作是正确地将每一个文件分类到文件柜中。

这包括通读所有这些并挑选出关键细节 这既烦人又乏味。

幸运的是,一位新经理进来并要求公司创建的所有文件都必须在每个文件的顶部标记相同的关键细节。

你的工作变得轻松多了!

快速浏览一下,您就拥有了正确分类和归档所有文档所需的所有信息。

目录

什么是模式标记?

Schema Markup 是一个由代码组成的“标签”,它共享有关您的页面的重要信息并添加上下文。

这就像蜘蛛抓取您的内容时的路标。 该代码被添加到您的 HTML 以增强 Google SERP 中的丰富片段。

你还记得在学校学习如何格式化吗? 你的老师厌倦了无法阅读的草书字体,将一页论文变成五页的行高,并且不知道是谁写的,因为上面没有名字!

就像你的老师想要一种更好的方式来理解你的论文一样,谷歌想要一种更好的方式来理解你的内容。

好吧,你是本地企业。 贵公司的名称是什么,位于何处?

好的,您正在发布食谱。 配方名称、成分和制作步骤是什么?

好的,您已经审查了产品。 它叫什么,你会给它什么总体星级?

Google 对模式标记的官方定义是“一种用于提供有关页面的信息并对页面内容进行分类的标准化格式”。

您将在下面的示例中看到,第二个片段包含已添加到架构中的星级评分和评论。

带有和不带有架构标记的搜索结果之间的差异的屏幕截图

Schema 为搜索用户和搜索引擎提供了更多信息。 该内容在有助于提高点击率 (CTR) 的其他结果中也很突出。

Schema是如何创建的?

虽然 schema.org 是由四大搜索引擎公司(Google、Bing、Yahoo 和 Yandex)创建的,但它实际上是一个社区主导的项目。

任何人都可以参与其中并分享他们的想法。

以上是 schema.org 的Github 问题页面的截图。 这是关于不同模式类型的绝大多数讨论的地方。

这是解决不同片段类型的问题和混淆的好地方。 这些问题很容易搜索。

我将在本文的开发人员部分对此进行更多讨论。

简单模式

与世界各地的人类一样,有许多语言用于对网站进行编码。

网页由 HTML(超文本标记语言)组成,它告诉网站如何查看您的内容。 尽管您的网站使用这种语言,但我们不能假设所有搜索引擎都可以!

谷歌要弄清楚谁是作者、它所代表的公司/组织以及哪些数据可以在 SERP 中使用,这是一个很大的猜谜游戏。

让我给你一个简单的例子。 假设我们想组织一次本地 SEO 聚会。 我们的目标是在您搜索“我附近的 SEO 活动”时显示的此框中列出:

好吧,我们可以通过多种方式来解决这个问题。 第一种(也是最简单的)方法是创建一个 Google My Business Event 帖子 但也许我们没有资格拥有“Google 我的商家”列表!

没问题。 第二种方法是在我们的活动页面上放置一个 schema.org 代码片段。

查看下面的代码片段。 我对其进行了注释以使其易于理解。

可是等等! 如果您查看屏幕截图并感到不知所措,请知道有多种方法可以将 Schema 标记添加到您的站点,而不会触及任何奇怪的标记。 有 WordPress 插件和易于使用的代码生成器。

不过,这有助于对这些帮助者实际在做什么有一个原始的了解。

就这样,这个小片段为 Google 提供了大量有关我们活动的信息!

有道理?

Schema.org vs. Rich Snippets vs. 结构化数据

你会看到各种各样的术语:

  • 模式类型/类
  • 结构化数据
  • 丰富的片段

但是他们的区别是什么?

结构化数据描述了我们正在做什么。 我们正在提供搜索引擎可以理解的关于我们内容的清晰、有组织的数据。

Schema.org是一种结构化数据。 它实际上是 Google 关心的唯一类型的结构化数据。

您之前可能听说过OpenGraph 这是另一种类型的结构化数据,但它几乎专门用于 Facebook、Twitter 和 Pinterest 等社交媒体网站。

Rich Snippets是 Google 使用您的数据创建的酷炫、精美的小部件。 这不是我们可以绝对控制的,但我们的 schema.org 结构化数据确实增加了我们的机会。

想看一些例子吗?

一部电影的相关资料:

星评:

食谱:

Google 使用哪些 Schema.org 类型?

据我们所知,他们使用所有这些! 毕竟,谷歌是 schema.org 项目背后的核心参与者。

然而,无论他们使用多少数据类型来理解和排名网站,在他们的丰富片段中使用的数据类型只有少数(至少到目前为止)。

他们是:

  • 组织
  • 文章
  • 当地的商业
  • 食谱
  • 审查
  • 视频
  • 产品
  • 事件

这并不意味着其他的不值得实施。 我们将讨论各种可能非常有益于实现的不同数据类型。

如何将架构标记添加到您的网站

您可以通过三个主要选项将架构标记添加到您的网站:

  1. 手动添加标记代码
  2. 使用数据标注工具
  3. 使用 WordPress 插件

检查现有标记

在向您的站点添加任何内容之前,查看当前实施的内容很重要。

如果您正在阅读本文,那么您过去可能已经做过一些 SEO 工作,即使只是安装了 Yoast SEO WordPress 插件。 好吧,像这样的插件通常会添加至少一些模式标记。

将您的 URL 放入结构化数据测试工具中。

无论您拥有什么标记,都将显示在页面的右侧。 如您所见,我测试的页面上使用了三种模式类型。

选项 #1:手动添加标记代码

您可以从头开始编写标记代码,但不必如此。

谷歌创建了结构化数据标记助手,它很棒!

您首先选择您的内容类型并输入您的 URL 之一。 我选择了我们最近的一篇博文。

然后,开始突出显示和标记页面的不同元素。

谷歌 SEO 数据荧光笔 GIF

之后,单击红色的“创建 HTML”按钮并获取您的代码以添加到 HTML 的头部! 它看起来有点像这样:

这对于您的主页甚至单页来说都很棒。 但是,如果您想单独标记每篇博客文章,它开始变得乏味。

如果是这种情况,还有其他选择可以探索。 第一个是数据荧光笔。

选项 #2:数据荧光笔

Google 希望为网站管理员提供一个更易于使用的界面来标记他们的数据。 也许您对编辑页面的 HTML 以添加 Schema 标记没有信心。

数据荧光笔很有用。 确保您已登录您的企业 Google 帐户,插入其中一个 URL 并标记它,就像使用结构化数据标记助手一样。

之后,它将在您的网站上显示类似的内容,您可以确保它也被正确标记。

选项 #3:WordPress 插件

你可以开始使用像Yoast这样的 WordPress 插件 它的免费版本为您提供了最基本的模式类型,如组织、人员和面包屑。

他们还进行了高级升级,支持电子商务和本地业务相关的模式类型。

现在,你从这里去哪里? 您可能是博主,因此您需要像 BlogPosting 或 Article 这样的模式类型。 您可能有一个本地企业,并且想要 LocalBusiness 类型。

我发现的一个很棒的免费插件是WP SEO Structured Data Schema 它在免费版本中支持大量模式类型。

如果您不确定要在您的网站上实施哪个,我们在下面列出了最流行的架构类型。

您应该使用的模式数据类型

组织和面包屑模式数据

  • 组织
  • 面包屑

有几种数据类型适用于所有网站——无论您是新闻出版物、在线商店还是冰淇淋店。

Google 的增强公司网站在搜索中的外观的指南中,他们建议设置组织和面包屑模式类型。

这样做,您将指定各种信息,例如您的品牌名称、地址(如果有的话)、您的官方社交媒体渠道和您的徽标。

面包屑有助于显示页面的层次结构。 您会在搜索结果中看到很多。 查看“男士登山靴”一词的搜索结果的 URL:

面包屑显示页面、产品类别和博客文章类别的层次结构。

Google 还建议在您的组织标记中添加一个contactPoint部分。 这将帮助您在人们搜索您的公司时正确列出您的联系信息。

像这样:

组织标记提示:不要将组织标记放在所有页面上。 Google 的 John Mueller 建议仅将其放置在主页或联系页面上

人物标记

人们想要使用 Person 标记的最常见原因是获取丰富的片段,如下所示:

获得这些丰富的片段并不总是那么容易。 特别是如果您不是很有名或有一个相当常见的名字。

如果您拥有个人网站,则最好将此模式标记用于 SEO。 如果您是一家拥有关于每个团队成员的专用页面的公司,这也很有用。

本地商家标记

如果您是本地企业,那么实施 LocalBusiness 模式标记是一个很好的步骤。

但是,本地商家的丰富网页摘要主要从您的“Google 我的商家”列表中提取数据。

NAP(姓名、地址、电话号码)的一致性仍然值得实施。

文章标记

要获得比 Article 类型更具体的信息,您可以改用NewsArticleBlogPosting类型。

文章可以包含与文章相关联的所有基本数据,例如标题和发布日期。 此外,您还可以指定它的字数、它赢得的奖项以及它的简短描述。

评级/评论标记

我们之前都在搜索结果中看到过这种评分丰富的片段:

它可用于显示客户的评分或您自己对产品的评论。

请务必使用客户的真实评论,而不是随意将所有产品设置为五颗星。

这可能是最常被滥用的模式类型。 有些人把这些放在他们所有的页面上,希望提高排名并点击。 谷歌已经抓住了这一点,甚至可能会因为你做这样的事情而惩罚你。

产品标记

Product Schema 是电子商务商店的必备品!

建议将其与评论/评级架构配对。

视频标记

谷歌不仅在他们的视频标签上显示视频结果,而且还与他们的常规内容保持一致。

很多时候,视频结果以 Youtube 的结果为主。 其他时候(比如这次)其他高权威网站能够确保排名。

事件标记

一定要重新阅读我们标题为“简单模式”的部分,我们将在其中查看事件标记的实际示例。

此标记适用于您创建的任何类型的事件,并允许您在标记中包含事件的所有详细信息。

食谱标记

这是任何烹饪博客的必备品! 如果您曾经查看过任何与食谱相关的搜索结果页面……

…很明显,它与任何其他关键字的结果完全不同。

你想让谷歌尽可能容易地理解你的食谱。

奖励:为您的利基行业加价

有很多超级利基行业相关的标记类型可供使用。 特别是如果您在本地搜索引擎优化中,您的竞争对手很可能没有利用它们。

例如,有以下类型:

  • 男士服装店
  • 自行车商店
  • 书店
  • 爱好商店
  • …甚至办公室设备商店

……电子邮件中的模式标记

阅读这篇文章的 90% 的人可能只对如何向网站添加 Schema 标记感兴趣。

大多数人不知道它也可以添加到他们的营销电子邮件中!

首先,重要的是要提到这实际上只是对 Gmail 用户的好处。 幸运的是,Gmail 用户恰好占据了电子邮件客户端市场份额的29% ,使其成为最常用的电子邮件服务。

我希望看到将 Schema 标记添加到 Apple 的电子邮件客户端。 您是否知道 Gmail 和 Apple 占据了电子邮件客户端市场份额的 50% 以上?

您将在收件箱中看到的两个最常见的 schema.org 代码段示例用于航班和酒店。 以下是您购买的航班所看到的内容:

这是一个按钮示例,显示在您所有有关酒店预订的电子邮件旁边。

然而,你们中的大多数人既不从事酒店业,也不从事航空业。 您仍然可以使用一些邪恶的数据类型!

首选操作

对几乎所有企业来说最有用的操作将是首选操作

它所做的只是在您的电子邮件旁边提供一个简单的按钮或链接,允许您的订阅者访问 URL。

此标记非常适合提供号召性用语和鼓励打开。

活动和回复

您可以使用EventRegistrationRSVP数据类型,让您的订阅者很容易对您的下一个事件说“是”。

创建特定的自定义响应(例如“是的,我要去”)并为每个响应分配一个唯一的 URL,非常适合拆分测试、跟踪和个性化用户体验。

订单和发货跟踪

对于那些从事电子商务的人来说,电子邮件标记的两个最有用的元素将是OrderParcel Delivery

发票

无论您是向客户发送发票还是提醒客户有关自动订阅付款,发票数据类型都非常有用。

在上图中,您可以看到显示已支付账单的示例。

这种数据类型的一个独特部分是您可以选择多种付款状态。

这是由 Schema 的PaymentStatusType定义的 这五种类型是:

  • 付款自动应用
  • 付款完成
  • 付款被拒绝
  • 工资税
  • 逾期付款

开发人员架构

单击此处将此部分通过电子邮件发送给您的开发人员。

我想我会用一些针对开发人员的提示和技巧来结束这篇文章。

作为营销经理或不喜欢任何类似于代码的东西的人,这不一定是您需要知道的。

如何阅读文档

作为开发人员,学习任何类型的技术都是从学习如何阅读文档开始的。

您需要关注三个主要资源:

  • Schema.org 完整层次结构
  • Google Structured Data Docs (或用于处理电子邮件Gmail 结构化数据文档
  • Schema.org Github 问题页面,用于讨论和最后的支持

Schema.org 文档

schema.org 文档详细说明了标准定义的每个可能的类型/类以及您拥有的配置选项。

它的文档不是最有趣的阅读。 由于它的布局方式,您将成为敲击键盘上“Home”和“End”按钮的专家。

您看到的那个主灰色表详细说明了您可以选择定义的所有可用属性/属性。

如果您滚动 allllllllllllllllllllllllllllllll... 到页面底部的方式,您会注意到两个子类型(在编程术语中考虑子类)以及代码片段示例。

谷歌结构化数据文档

Google 的结构化数据文档展示了各种代码示例,并揭示了 Google 关心的架构类型的幕后情况。

导航它非常简单。 左侧的面板包含您需要在“结构化数据”下列出的所有内容。

Schema.org Github 问题

有时您在阅读文档时有些内容对您来说不够清楚。 很可能有人也有同样的困惑。 了解这类问题的最佳途径往往是浏览 Github 问题。

微数据 vs. RDFa vs. JSON-LD

这里真正的争论是 Microdata AND RDFa vs. JSON-LD。

微数据和 RDFa 非常相似。 它们遵循类似 HTML/XML 的语法。 它也是完全可见的,并利用您现有的内容。

另一方面,JSON-LD 只是一段不可见的代码片段,仅由访问您网站的机器人处理。 最大的不同是你必须重新定义一切。 因此,假设您要指定博客文章的名称。 您必须再次键入它,而不是将其包裹在您的可见内容周围。

如果这没有任何意义,让我用两个代码片段来说明。

微数据博客文章:

 <div itemscope itemtype="http://schema.org/NewsArticle">
<h1 itemprop="标题">
      15家电动汽车公司占领市场
    </h1>
<p itemprop="articleBody">这是我的文章内容。</p>
</div>

JSON-LD 博客文章:

 <h1>15 家电动汽车公司占领市场</h1>
<p>这是我的文章内容。</p>

<script type="application/ld+json">
 {
  "@context": "https://schema.org",
  "@type": "文章",
  《头条》:《15家电动车公司占领市场》,
  "articleBody": "这是我的文章内容。"
  }
</脚本>

最后的笔记

我希望这篇文章对教你结构化数据和模式标记有很大帮助!

我们已经涵盖了很多领域,并经历了许多不同的模式类型。

随着谷歌实现越来越丰富的搜索结果功能,模式的重要性只会增加。

让我们知道您在 Twitter @fatjoewho 上使用 #fatjoeschema 实现模式的进展情况!