什么是架构标记以及如何实现它

目录

什么是架构标记?


架构标记(有时称为结构化数据)是添加到网页中以帮助搜索引擎更好地理解您的内容的代码。


这有助于他们以丰富的格式显示您的内容。

 像这样:


在此示例中,Google 直接在搜索结果中显示图像、星级、评论计数、烹饪时间和食谱成分。


这些元素使您的网页从其他网页中脱颖而出。


在本文中,我们将介绍:


  • 为什么架构标记对于 SEO 很重要

  • 不同类型的架构标记

  • 向 Google 传达架构标记的方法

  • 如何实现您自己的架构(包括最佳实践)

 开始吧。


为什么架构标记对于 SEO 很重要?


架构标记对于 SEO 很重要,并不是因为它直接影响您在搜索结果中的排名。但由于它的其他好处。


首先,架构标记可以帮助搜索引擎更有效地理解页面的上下文和内容。


这种更好的理解可以使您的页面显示更多相关的搜索查询。这意味着更多的流量。


其次,架构标记可以增强页面在搜索结果中的外观。


这意味着人们更有可能注意到并点击您的页面。提高点击率 (CTR)。


第三,模式可以给你带来竞争优势。


许多网站仍然没有使用架构标记。因此,当您这样做时,您就处于领先地位。这是使您的网站脱颖而出的竞争优势。


所有这些都可以为您的网站带来更好的整体 SEO 性能。

 架构标记的类型


模式标记有多种类型。以Google为例,总共支持35种类型。在您的网站上,您不需要使用每一个。仅与您的内容相关的内容。


在本节中,我们将探讨一些适用于大多数网站的架构类型。

 产品标记


产品标记为 Google 提供有关您产品的更多信息,以便搜索者可以直接在结果页面上查看更多详细信息。


其中包括产品的图像、评级、价格、运输信息、退货信息和可用性。


此架构标记最适合电子商务网站。

 审核标记


评论标记会在结果页面条目的底部添加星级评级。


它向搜索者展示其他人对您的产品、服务或业务的看法。这很有帮助,因为客户在购买之前会使用此信息。


使用评论标记的页面在搜索结果中可能如下所示:


此架构标记非常适合包含书籍、电影、产品、课程等内容的网站。

 文章标记


文章标记为 Google 提供有关文章内容的详细信息。例如标题、特色图片、作者​​和发布日期。


Google 直接在搜索结果中显示此信息。

 像这样:


此标记对于新闻文章、博客文章和体育文章特别有用。

 课程标记


课程标记为 Google 提供有关机构或在线平台提供的教育课程的详细信息。


详细信息包括课程标题、简要说明、讲师或机构名称以及其他相关信息。


谷歌可以直接在搜索结果中显示这些信息,为潜在的学习者提供课程内容的概览。

 像这样:


此架构标记最适合提供课程的网站。

 组织标记


组织标记为 Google 提供有关组织的全面信息。


这包括组织的名称、徽标、联系信息、位置、社交媒体资料和其他相关信息等详细信息。


Google 可以使用所有这些信息来创建知识面板(搜索结果页面右侧的特殊侧面板,显示组织的关键详细信息)。


当有人搜索您的公司时,它就会出现。并为潜在客户或感兴趣的各方提供快速、轻松的访问有关业务的重要信息。


组织架构标记对于企业、非营利组织、机构以及任何寻求向用户提供清晰且直接的业务相关信息的团体特别有用。

 本地商业加价


本地商户标记为 Google 提供有关本地商户的详细信息。


这包括公司名称、地址、电话号码和营业时间。除其他事项外。


Google 可以使用此信息创建本地知识面板,当有人搜索您的企业名称时就会显示该面板。


或者直接在 Google 地图中显示此信息。


这种标记对于希望吸引附近客户的企业(或网站)尤其重要。例如,实体商店、服务提供商或餐馆。


最终,由谷歌决定是否要显示丰富的格式。


传达架构标记的三种方法


可通过三种方式向 Google 传达架构标记。本质上,这些是模式标记代码格式化的编码方法。因此它是机器可读的。

 这些包括:

  • JSON-LD
  •  微观数据
  • RDFa


以下是它们的简要概述。


JSON-LD(链接对象的 JavaScript 对象表示法)


JSON-LD 是一种基于 JavaScript 的方法,用于实现模式标记。


这种方法对于开发者来说很容易实现。它使用 JSON 语法(其中数据以名称-值对的形式组织,非常类似于电话簿,并且这些对以逗号分隔)。

 这是一个例子:

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Article",
"headline": "My First Article",
"author": {
"@type": "Person",
"name": "John Doe"
},
"datePublished": "2023-11-11",
"image": "image.jpg"
}
</script>


当谷歌看到这一点时,它知道:


  • 我们正在标记一篇文章

  • 标题是“我的第一篇文章”

  • 作者是约翰·多伊

  • 发布日期为 2023 年 11 月 11 日


现在大多数网站都使用 JSON-LD 进行模式标记,因为它是 Google 的首选方法。

 微观数据


此方法使用 HTML 标签和属性,如果您了解 HTML,则相当容易理解。


然而,与 JSON-LD 相比,代码可能会变得很长。因此通常不被优选。

 这是一个例子:

<html>
<head>
<title>My First Article</title>
</head>
<body>
<div itemscope itemtype="http://schema.org/Article">
<h1 itemprop="headline">My First Article</h1>
<img itemprop="image" src="image.jpg" alt="">
<p>Written by: <span itemprop="author">John Doe</span></p>
<p>Published on: <time itemprop="datePublished" datetime="2023-11-11">November 11, 2023</time></p>
</div>
</body>
</html>

 在这个例子中:


  • ”标记“Article”模式的范围

  • “itemprop”属性标记标题、图像、作者和发布日期


RDFa(属性中的资源描述框架)


就像微数据一样,RDFa 使用 HTML 标签和属性。而且很冗长。

  这是一个例子:

<html>
<head>
<title>My First Article</title>
</head>
<body>
<div vocab="http://schema.org/" typeof="Article">
<h1 property="headline">My First Article</h1>
<img property="image" src="image.jpg" alt="">
<p>Written by: <span property="author" typeof="Person">John Doe</span></p>
<p>Published on: <time property="datePublished" datetime="2023-11-11">November 11, 2023</time></p>
</div>
</body>
</html>

 在这个例子中:


  • ”标记“Article”模式的范围。

  • “property”属性标记特定属性,例如标题、图像、作者和发布日期


更好的选择通常是使用 JSON-LD,因为它更简单。


如何在您的网站上实现架构标记(逐步)


您不需要具备编码技能来创建这些模式代码。有一些工具可以为您创建它们。


您只需要使用适当的工具并在您的网站上实施代码即可。

 过程如下:


1. 转到 Google 的结构化数据标记帮助工具


2. 选择数据类型


从给定列表中选择一种常见数据类型。对于本例,我们选择“文章”。

 3. 粘贴您的网址


粘贴要添加标记的页面的 URL。您还可以选择粘贴 HTML。然后,单击“开始标记”。


该工具将加载您的页面,以便您可以开始对其进行标记。您的网页将显示在左侧,数据项将显示在右侧。像这样:


4.开始标记您的页面


首先,突出显示左侧您要标记的选择。对于文章,突出显示标题并从弹出的菜单中选择“名称”数据项。


该工具将获取文章的标题并将其放置在右侧的“名称”旁边。


然后,突出显示作者姓名并选择“作者”数据项。


该工具将获取作者姓名并将其放在右侧的“姓名”旁边。


继续添加尽可能多的标记属性。

 5. 生成 HTML


完成后,单击屏幕右上角的“创建 HTML”按钮。


您将收到要添加到页面的代码。默认情况下,它将采用 JSON-LD 格式。但如果需要,您可以单击顶部的下拉菜单来选择微数据格式。


6. 将标记添加到您的页面


现在您已经有了代码,请将其添加到页面 HTML 的 部分。


您可以轻松地从该工具的界面复制代码。


现在是时候测试您添加到页面的标记了。


7. 测试您的架构标记


Google 建议使用其丰富结果测试工具来测试您的架构标记:


输入您的 URL 或代码片段。错误、警告和检测到的架构标记将显示在屏幕的右侧:


如果您需要修复任何错误,可以直接在页面左侧编辑代码。进行更改后,单击页面底部的“运行测试”按钮重新验证:


您还可以使用我们的站点审核工具测试整个站点是否存在架构标记问题。


对您的网站进行全面审核。


审核完成后,在“概述”选项卡中查找“标记”部分。然后,单击“查看详细信息”按钮。


您将获得一个标记分数,指示有多少架构数据有效或无效。您的分数越高,代码中的错误就越少。


要查看完整的错误列表,请向下滚动到“结构化数据项”部分。单击“查看所有无效项目”按钮。


单击“受影响的字段”列中的任何条目可查看每个已识别问题的具体错误。


如果您的网站出现任何错误,请重新访问结构化数据标记助手以生成新标记,然后使用富结果测试再次验证它。


架构标记最佳实践


使用模式时请始终记住这些最佳实践:


  • 选择正确的架构类型。选择与您的网页内容相匹配的最合适的架构类型。例如,对文章使用“Article”,对产品页面使用“Product”,对烹饪食谱使用“Recipe”。

  • 使用 JSON-LD 格式。 Google 建议使用 JSON-LD 作为架构。与 Microdata 或 RDFa 等其他格式相比,它易于实施和维护。

  • 提供详细信息。填写尽可能多的相关属性。您的架构标记越详细,Google 就能更好地理解和显示您的内容。

  • 使用 Google 的富结果测试工具。始终使用 Google 建议的工具(例如富结果测试)测试您的架构。这有助于确保您的标记正确实施并且没有错误。

  • 让您的标记保持最新。定期更新您的架构标记,尤其是当页面上的内容发生变化时。这确保了模式中存在的信息与实际内容的信息匹配。

  • 避免垃圾邮件做法。不要以误导或垃圾邮件的方式使用架构标记。这包括添加与页面内容无关的标记或试图不公平地操纵搜索排名。

  • 随时了解最新动态。 Google 定期更新其架构标记指南。随时了解这些更改,以确保您的架构标记保持有效且合规。


实现您的第一个架构标记代码


现在您已经知道如何实现模式标记(遵循最佳实践),是时候实现您的第一个标记了。


选择与您的内容相关的架构类型,使用结构化数据标记助手工具创建代码,并将其插入页面 HTML 的 部分。


您还可以使用 Rich Results Test 和 Semrush 的 Site Audit 等工具来测试代码及其实现。

获取SEO所需的一切