Skill seo Schema

SEO - Schema Markup

Posted by Oscaner on September 6, 2021

您是否听说过 Schema.org, Schema Markup (Schema 标记), Structure Data (结构化数据)?

Schema Markup，也称为结构化数据，是 Search Engines (搜索引擎) 的语言，使用独特的语意词汇。

它用于更清楚的向搜索引擎提供信息，以让搜索引擎能够理解您的内容。

反过来，这也有助于在搜索引擎的 Rich Snippets 中为用户提供更好、更准确的信息。

什么是 Schema Markup

搜索引擎一直在试图理解您的页面内容。– 这就是 Schema Markup 发挥作用的地方。

“No matter how smart we think Google is, it still struggles to make sense of what a webpage is actually about. That’s why there’s schema markup. It’s a form of metadata added to a website that tells the algorithm what it is drawing and how to categorize it. In December 2017, Google even launch an algorithm update that penalized websites without.”

无论我们认为 Google 有多聪明，它仍然无法理解网页的实际内容。这就是为什么有 Schema Markup。这是一种添加到网站的内的元数据形式，告诉算法它正在绘制什么，以及如何对它们进行归类。在 2017 年 12 月，Google 甚至开始算法更新以惩罚没有 Schema Markup 的网站。

换句话说，Schema Markup，也称为结构化数据，是搜索引擎的语言，使用独特的语意词汇。

“At its basis semantic vocabulary is simply the ability to break down a sentence (in any language) into its varying parts. For example, while you may be able to interpret “mydogneedswater” as “my dog needs water”, a computer typically can’t. In the same way, schema markup uses semantic vocabulary to break down the language of the computer. In this case, the computer’s language would be its code.”

在其基础上，语意词汇只是具有将句子 (任何语言) 分解成不同部分的能力。例如，虽然您可以将 “mydogneedswater” 解释成 “my dog needs water”, 但计算机通常无法做到。同样的，Schema Markup 使用语意词汇来分解计算机的语言。在这种情况下，计算机语言就是它的代码。

它用于更清楚地向搜索引擎提供信息，以让搜索引擎能够理解您的内容。

反过来，这也有助于在搜索引擎的 Rich Snippets 中为用户提供更好、更准确的信息。

1.png

有一些 Schema 您可能非常熟悉，但没有意识到，如，评级/评价，产品/服务，以及在您输入某些查询时直接出现的新闻文章。

根据您的站点平台，有几种方式可以实现 Schema。如 Drupal，您可以安装模块 Schema.org Metatag。

https://schema.org 是一个重要的 Schema Markup 网站，它由 Google, Bing, 和 Yahoo 牵头。

为什么 Schema Markup 很重要

应用了 Schema 的搜索结果更容易展现给用户。

用户可以很轻易的查看您的页面的详细内容，这有助于他们决定是点击查看详情，或者去查看其他相关内容。

Schema 还可以帮助您的站点在各种内容类型中获得更好的排名，更容易被搜索，进而获得更多的点击次数。

根据 Search Engine Land 的说法，实现 Schema 可以将您网站的点击率提高 30%。

Schema Markup 类型

Schema Markup 有数百种之多。这里只列举 10 个最常见的 Schema Markup。

如果您想查看完整的 Schema Markup 列表，请点击这里

Organization

Organization 阐明了您的公司介绍，包括 logo，联系方式，位置和社交资料。

它能够帮助用户快速查找到您的组织资料以及联系方式。

2.png

Person

Person Schema Markup 用于显示个人的信息，如姓名，生日，地址，教育和家庭关系。

Google 认为您在搜索某个人名时，可能是为了查看他的基本信息。

通过这个 Schema Markup，Google 会直接提供一个 Card 给您，而无需点进其他网站。

3.png

LocalBusiness

LocalBusiness Schema Markup 非常适合组织的本土公司或本土分支机构。

它可以帮助消费者找到公司的位置和其他信息，例如地址、营业时间、联系方式等。

Product & Offer

Product 和 Offer Schema Markup 用于销售产品或服务，两者都允许传递产品信息。

但 Offer 还需要 price 和 priceCurrency，而 Product 只需要 name。

4.png

它有助于您的产品/服务脱颖而出。

BreadcrumbList 列出了指向当前页面的路径链接。它可以帮助用户确定他们的位置，有助于降低跳出率。

5.png

Article

Article Schema Markup 在新闻和博客中非常常见。

它可以使搜索引擎更容易理解标题内容、发布时间、特色图片，以及一些视频。

但是，对于不同类型的文章，Article 类型也有所不同，如博客、新闻以及学术文章。

6.png

Video

Video Schema Markup 可以有效的帮助 Google 抓去您网站上的视频，并将其编入索引。

它也能将您的视频放置在 Google 的搜索界面。

7.png

Event

Event Schema Markup 用于提供一些事件的附加信息，如开始日期、结束日期、地点和价格。

8.png

这有助于人们更轻松的寻找他们需要的活动，并为他们提供基本信息。

Recipe

Recipe Schema Markup 旨在让食谱网站显示 Rich Snippet。

9.png

除了让搜索者感到饥饿之外，它还可以帮助他们评估成品。

Rating/Review

又有谁不在购买服务或产品之前查看评论呢?

Rating Schema Markup 直接在 SERP 页面将 Rating 展示给您。

这可以帮助用户在无需深入搜索的情况下获取有用的买家信息。

10.png

Schema 编码类型

只有三种 Schema Markup 语言，JSON-LD、Microdata、RFDa。

这是 Google 对于三种语言的描述，并且建议使用 JSON-LD。

11.png

RFDa

RDFa: Resource Descriptive Framework in Attributes.

RDFa 的属性包括:

  • about: 指定 metadata 所涉及的 resource
  • rel 和 rev: 指定与另一个 resource 的关系和反向关系
  • src, href 和 resource: 指定相应 resource
  • content: 当使用 property 时覆盖此内容
  • datatype: 当使用 property 时指定数据类型
  • typeof: 指定 resource 的 RDF 类型

Microdata

Microdata 与 RDFa 类似，属性包括如下:

  • itemscope: 创建 item, 并指示元素的其余部分包含相关信息
  • itemtype: 使用有效的语意词汇 URL 描述 item 和属性 (for example, itemtype=”https://schema.org”)
  • itemprop: 指示标签具有指定属性的值 (for example, itemprop=”name”)
  • itemid: item 的唯一标识符
  • itemref: 引用不包含在 itemscope 中的元素属性。

JSON-LD

JSON-LD: Javascript Object Notation for Linked Objects.

这种格式可以直接嵌入 <head> 或者 <body> 标签之中，使用 @context 和 @type 属性来指定语意词汇。

Example

  1. Without Markup:

    

    1
2
3
4
5
6
7
8
9
10

    		

     <div>
   <h3>Harry Potter and the Chamber of Secrets</h3>
   <table summary="Bibliographic Details">
     <tr>
       <th>Main Author: </th>
       <td>Rowling, JK</td>
     </tr>
   </table>
 </div>
 <table summary="Holdings details"></table>

  2. Microdata Markup:

    

    1
2
3
4
5
6
7
8
9
10

    		

     <div itemscope itemtype="http://schema.org/Book">
   <h3 itemprop="name">Harry Potter and the Chamber of Secrets</h3>
   <table summary="Bibliographic Details">
     <tr>
       <th>Main Author: </th>
       <td itemprop="author">Rowling, JK</td>
     </tr>
   </table>
 </div>
 <table summary="Holdings details">

  3. JSON-LD Markup:

    

    1
2
3
4
5
6
7
8
9
10
11

    		

     <script type="application/ld+json">
 {
   "@context":"http://schema.org/",
   "@type": "Book",
   "name": "Harry Potter and the Chamber of Secrets",
   "author": "Rowling, JK",
   "offers": {
     "itemOffered": "#record"
   }
 }
 </script>

如何实现 Schema Markup

  1. Goto Google’s Structure Data Markup Helper

    12.png

  2. 选择您的数据类型。
  3. 输入您页面的 URL。

  4. 选择您要标记的元素类型。

    13.png

    如果有需要，可以通过 添加缺失的标记 添加更多元素类型

  5. 创建 HTML

  6. 使用 Structured Data Testing Tool 来检查您的哪些页面添加了 Schema Markup。

  7. 将生成的 Schema Markup 添加到您的页面。

还有很多工具同样能够帮助您创建和验证 Schema Markup:

  1. Generators

  2. Validators and test tools

总结

Schema Markup 的实现其实非常简单，但令人惊讶的是，很少有企业和网站在有效的利用它。

这是一项可能会伴随我们很长时间的 SEO 技术，让我们行动起来，学习和实践 Schema Markup 以改善搜索结果。您将会拥有更好的机会超越竞争对手，获得更高的品牌影响力。

本文由 Oscaner 创作, 采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外, 均为本站原创或翻译, 转载前请务必署名

CATALOG
    FEATURED TAGS
    Skill Clang Exam AWS C++ Data Structure MLS Machine Learning PHP Coding Others Graduate Math NoSQL SQL Linux Redis Fibonacci Git Memcached MySQL
    FRIENDS