如何在网站中使用Schema.org标记以及为什么要使用

Search engines are amazingly powerful . They can interpret the often unclear language we use to figure out what we’re looking for, determine the best resource to answer our questions, and show it to us within fractions of a second.

Google甚至真的非常擅长回答搜索结果页面中的问题,从而无需单击任何内容。它甚至可以个性化搜索结果。这样可以帮助人们更快地找到所需的信息。

但是搜索引擎无法独自做到这一点-他们需要网站所有者和开发人员的帮助。模式标记是您可以在自己的站点上提供帮助的一种方法。

什么是模式标记?

模式标记是突出显示特定结构数据的一种方法。

什么是结构化数据?它是经过组织和标记的信息,因此机器可以更好地理解它。简而言之,架构标记是可帮助搜索引擎在网页上查找特定类型信息的信息。最简单的例子。

Google有自己的交互式架构标记示例,其中详细介绍了苹果派食谱:

上面,您可以看到定义了prep的JavaScript。时间,总时间,配方产量以及配方的各种营养成分。

在这一点上应该注意,有两种主要方法来标记结构化数据:使用JSON或内联HTML标签。 Google建议您使用JSON方法,但我们稍后会详细介绍。

这是Google提取特定营养信息的方式:

Schema.org有数千种可以使用不同类型的标记来更好地向搜索引擎显示页面上的信息。例如,TechArticle类型包括以下属性:

  • proficiencyLevel
  • wordCount
  • 受众
  • 创建者
  • dateCreated
  • dateModified
  • datePublished
  • publishingPrinciples
  • typicalAgeRange < / code>
  • 有用于图书馆,住宿企业,公寓,视觉艺术活动,广播频道,交付方式,游戏服务器状态等的完整架构。

    想法是确保搜索引擎知道页面上的每条信息实际上代表什么,以便可以将这些信息显示给正在寻找它们的人。

    模式标记的好处

    确定。模式标记可以告诉搜索引擎您页面上的内容–有什么大不了?

    Google这样表示:

    “当信息具有高度结构化和可预测性时,搜索引擎可以更轻松地组织并以创造性的方式进行显示。"

    例如,您可能会在搜索结果中直接显示即将进行的Slayer巡演的巡演日期:

    或获取有关电影的特定信息当您搜索它时:

    Google一直在不断地寻找自己的信息,但是不断完善,但是正确使用架构标记会使该过程变得更加容易,并且更有可能获取您页面上的信息

    。当搜索引擎确切知道您页面上的内容时,他们可以将其显示给正在搜索结果中寻找它的人。

    结构化数据入门

    现在您已经了解了使用Schema.org标记的好处,是时候开始学习了。我们将从最简单的工具开始:Google的数据标注工具。

    您需要将您的网站连接到Google的Search Console(以前称为“网站站长工具")。如果需要设置方面的帮助,请查看Yoast有用的演练。

    完成后,登录Search Console,然后点击搜索外观>数据标注工具。点击屏幕右侧的开始突出显示按钮。

    下一步,您需要输入要标记的页面的URL并选择您将要做的标记。在这种情况下,我们将使用“文章"标记类型。

    因为我要突出显示发布大量文章的网站上的文章,所以我会保留标记此页面

    现在,您将看到一个拆分屏幕:您的页面在左侧,可用的标记字段在右侧。

    这非常简单从这里。刚开始突出显示!每当您突出显示文本(或单击图像)时,都会出现一个小菜单,您可以在其中选择突出显示的信息类型。

    在这里,我突出显示了页面标题。我所要做的就是单击菜单中的“标题"。

    现在标题显示在右侧窗格中。

    我将继续,突出显示作者,发布日期,主图像和类别(我在文章顶部突出显示了标签,所有三个标签均作为类别导入了。)

    我们完成了!

    当您点击完成时,Data Highlighter将帮助您将此标记应用于网站上的其他相似页面。

    添加更多细节

    数据标注工具只能让您刮擦结构化数据标记的表面。正如您在上面看到的,我只能为该文章添加一些属性。 Schema.org的Article类型包含许多可以设置的属性。

    如果我们想为模式标记添加更多细节,该怎么办?

    您将要现在必须深入研究代码。正如我前面提到的,有两种主要的方法来表示结构化数据:JSON和内联HTML标签。因为HTML标签更加直观,所以我们将首先介绍它们。

    作为示例,我们将标记一个简单的句子:“我住在丹佛"。在HTML中,可以像这样简单地表示:

    <p>I live in Denver.</p>

    要开始标记,我们需要指定此特定句子与某人有关(以“人"项类型显示)。我们的操作方法如下:

    <div itemscope itemtype="http://schema.org/Person">  <p>I live in Denver.</p></div>

    现在,搜索引擎将知道此

    标记中包含的所有内容都与人有关。

    接下来,我们将添加一个标记属性: homeLocation 。 Schema.org将homeLocation定义为“某人居住地的联系位置"。

    我们需要将该特定属性添加到HTML。我们的操作方法如下:

    <div itemscope itemtype="http://schema.org/Person">  <p>I live in <span itemprop="homeLocation">Denver</span>.</p></div>

    现在,“ Denver"被标识为 homeLocation 属性,并且Google知道此段中标识的人住在那里。

    如果将句子更改为“我在丹佛工作和生活",我们也可以证明这一点:

    <div itemscope itemtype="http://schema.org/Person">  <p>I live and work in <span itemprop="homeLocation workLocation">Denver</span>.</p></div>

    丹佛现在被标识为 homeLocation workLocation 。 (感谢Lloyd Bank和Unor在Stack Exchange上概述了此示例。)

    这是一个非常简单的模式标记案例,但是您明白了。通过使用

    标签,您可以将属性和属性添加到页面上的任何内容。

    Google建议使用JSON-LD (链接数据的JavaScript对象符号)进行模式标记。此方法的最大优点是可以使您的HTML更加整洁。如果您返回编辑页面,然后看到数十个带有标记的代码页面,您将不会感到满意。

    JSON标记仍需要大量空间,但与您的代码分开了HTML,使其更易于维护。

    假设您有一家名为Harker's的书店,并且您的联系页上包含以下信息:

    Phone number: 555-8710Address: 749 Stoker St., Boulder, ColoradoHours: 10–9 Monday through Friday, 11–8 Saturday, 12–5 Sunday

    这里是您的表示方式带有JSON-LD的代码:

    <script type="application/ld+json">{  "@context": "http://schema.org",  "@type": "BookStore",  "telephone": "555-8710",  "address": "749 Stoker St., Boulder, Colorado",  "openingHours": [ "Mo-Fr 10:00-21:00", "Sa 11:00-20:00", "Su 12:00-17:00" ],}</script>

    该代码位于页面标题中。如您所见,这将占用大量空间,因为几乎可以肯定的是,此内容还将以HTML形式显示在您的页面上。因此,您要标记的所有内容都会被写入两次。

    尽管如此,但是JSON方法通常更可取,因为它将架构标记和HTML分开。在您意识到它们使站点更易于维护之前,许多HTML最佳实践似乎有些奇怪。一样。

    向您的站点添加架构标记

    现在,您已经看到了几种向站点添加结构化数据表示法的不同方法,您可以开始使用!从数据标注工具开始,然后再继续前进是一个好主意。 Schema.org文档是最终的参考资料,但是浏览起来有些困难。

    无论您是想要了解基础知识还是开始标记所有可见的东西,现在您都拥有了所需的资源。需要开始!

    您是否在自己的网站上使用过Schema.org标记?您对想要开始的网站所有者或开发人员有任何提示吗?在下面的评论中分享您的想法!

    图片来源:通过Shutterstock.com带来的灵感

    标签: 网页设计 Web开发

    分类本周热门