回到主页

初学者JSON-LD指南

什么是JSON-LD?

JSON-LD代表链接数据 a的JavaScript对象表示法,它由多维数组组成(思考:属性 - 值对列表)。

它是用于构造类似于Microdata和RDFa的数据的实现格式。通常,就SEO而言,JSON-LD是利用Schema.org词汇表实现的,这是2011年Google,Bing,Yahoo!和Yandex共同努力为网络创建统一的结构化数据词汇表。(但是,Bing和其他搜索引擎尚未正式声明他们支持Schema.org的JSON-LD实现。)

JSON-LD被认为更容易实现,因为它能够简单地将标记粘贴到HTML文档中,而不必将标记包装在HTML元素周围(就像使用Microdata一样)。

JSON-LD做什么?

JSON-LD注释页面上的元素,构造数据,然后搜索引擎可以使用它来消除元素的歧义并建立实体周围的事实,然后与创建更有条理,更好的Web整体相关联。

图1 - JSON-LD的概念可视化,利用Web上的非结构化内容,注释和构造内容以创建有组织的结构化结果。

在HTML(网页)中JSON-LD的位置是什么?

Google建议将JSON-LD添加到HTML文档的<head>部分; 但是,如果JSON-LD在<body>部分内,那也没关系。Google还可以掌握DOM中动态生成的标签。

JSON-LD细分 不可变标签(想想:你不需要记住这些,只需复制/粘贴) <script type =“application / ld + json”> {

当你看到JSON-LD时,首先想到你应该总是看到一个<script>标签。带有type属性的<script>标记说:“嘿浏览器,我正在调用包含JSON-LD的JavaScript。”

 

专业提示:关闭打开时打开的每个标签。想一想:盐与胡椒一起吃,开口牙箍带有一个闭合支架。

注意:如果您的JSON-LD不在大括号中,则不会对其进行解析(即,将其卷曲)。

“@context”:“http://schema.org”,

在JSON-LD标记中保留永久位置的第二个元素是@context,其值为http://schema.org。@context说:“嘿浏览器,这是我引用的词汇。你可以在http://schema.org找到它。“SEO的好处是我们可以使用Schema.org定义的任何项目类型和项目属性。

另外,你可能会在声明的最后注意到那个可爱的,像睫毛一样的逗号。逗号意味着“还有更多。不要停止解析数据。“

 

专业提示:注意你的逗号(并始终检查谷歌的结构化数据测试工具)。逗号是许多程序员的传统痛处,而JSON-LD在这里没有任何安慰。错过的逗号表示无效标记。

“@Type”:“......”,

JSON-LD Schema复制/粘贴小队中的最后一个元素是@type规范(在冒号之后,它变成所有数据注释)。@type指定要标记的项类型。您可以在以下位置找到所有项目类型的完整列表:https://schema.org/docs/full.html

在下面的例子中,@ type说,“嘿,我正在使用Person项类型(你可以在http://schema.org/Person找到它。)”的确,如果你在浏览器中键入URL,应显示项目类型的文档和技术规范,包括任何项目属性(通常是一些示例用例)。

@type for nesting: 当你使用嵌套项类型时,你需要嵌套另一个@type(这对理解product和breadcrumb标记特别重要)。

属性 - 值对

下一步是注释有关项类型的信息。您可以在项目类型的Schema.org页面中找到项目属性。

就JSON-LD的语法而言,每个item属性有两个重要元素:

  1. 项目属性 -这来自Schema.org词汇表,应该始终使用双引号(这里可能听起来很迂腐,但实际上卷曲和单引号是不同的,会干扰验证),并且必须属于项目类型中允许的属性(在Schema.org中指定)。
  2. 价值 -您在此处为房产插入您的价值。重要的是,值与属性对齐并且是单数的(即,每个值必须单独注释。在项属性的多个值的情况下,使用方括号)。字符串(字符)和URL需要“双直引号”。数字,整数,浮点数或双打(对于编程倾向)单独不需要引号,但也可以将它们放入引号中(这只是意味着它们将被视为字符串数据类型)。
方括号

对于item属性有多个值的情况,存在方括号。一个常见的用途是利用相同的项目属性,使用[方括号]列出多个社交媒体平台。

下面的方括号说:“此项目类型有多个值; Jason Derulo有两个名字。“

注意:方括号中的最后一个元素后面没有逗号。这表明方括号内没有更多信息。

嵌套

嵌套定义为信息按层组织或对象包含其他对象的位置。嵌套玩偶的图像是一种常见的类比,其中大型玩偶包含较小的玩偶,作为关系数据组织的视觉效果。

Nest是准确标记Schema.org JSON-LD的重要方面,因为您将拥有属于不属于其他项目类型的某些项目属性。例如,下面我们可以看到项目属性“ 名称”可以指事件名称,表演者的名字,以及场地的名称。表演者和场地的名称都是嵌套的。

将正确的名称项属性与相应的项类型匹配:

嵌套在JSON-LD中的是item属性。在第一个项目类型(例如电影)中,您必须首先使用项目属性(例如演员,导演,图像)。标识该item属性,然后我们必须使用新项类型(由“@type”:)和属性/值数据指示打开大括号。

JSON-LD嵌套清单:
  • 必须使用item属性(特定于项类型)
  • 该值存在于花括号中
  • 您必须识别该属性的项类型
  • 必须包含属性/值属性(通常需要包含的内容)
  • 在结束花括号之前没有逗号
  • 如果有更多项属性,则在关闭大括号后使用逗号(如果没有,则后跟大括号)
专业提示:缩进嵌套元素以提高可读性。

常见的用途:在该产品的项目类型的标记,价格嵌套的内发售的项目类型和等级也嵌套!

陷阱

如果您的标记未在Google的结构化数据测试工具中验证,并且您不确定发生了什么,请查看此列表。以下是创建JSON-LD结构化数据标记的一些主要缺陷。

  1. 句法
    1. “”与“”不一样(卷曲与直线;斗争是真实的)
    2. 记住你的逗号
      1. 特别注意结构化数据测试工具在左侧导轨上的小红色“x”。通常情况下,“x”将出现在丢失或无关的逗号下方
  2. 词汇
    1. 在每个Schema.org的项目类型规范页面中注意必需/允许的属性
    2. 请务必登入Google的结构化数据测试工具
  3. 政策违规
    1. 所有带注释的信息必须在页面上; 添加不在页面上的信息可能不会在搜索结果中显示,并且违反Google指南
    2. 参与操纵行为也是违反规则的(不是我为你担心的陷阱!)
    3. 检查/查看Google的结构化数据政策
  4. 微软(对不起比尔,我仍然是一个巨大的粉丝!)
    1. 从Word / Excel复制/粘贴可能会产生问题(添加引号,添加样式格式)
    2. 微软切换“”到“”
    3. 解决方案:使用HTML编辑器
将JSON-LD添加到站点的过程

创建JSON-LD结构化数据标记的过程取决于Schema.org词汇表和JSON-LD语法的舒适度。下面概述了JSON-LD和Schema.org更新的人创建标记的过程,同时深入理解词汇。

  1. 精神回答:
    1. 你想要标记什么?
      1. 目标:确定您可以使用Schema.org词汇表标记内容。有些事情在概念上可能有意义,但在词汇表中不可用。
    2. 你为什么要标记它?
      1. 目标:确定是否存在业务案例,或者您是否希望进行实验。您不希望仅仅为了标记内容而标记内容; 您希望标记内容,以帮助搜索引擎了解您网页上最重要的信息,并最大限度地展示您是用户最佳资源的能力。
      2. 寻找Google支持的标记资源,他们如何使用它们以及示例。
  2. 如果您使用的是Google明确使用的标记(即Google上的资源),请打开特定的文档页面和任何相关示例
    1. 不要觉得你必须从头开始创建JSON-LD标记。使用Google的示例对您的标记进行反向工程。(这不是要理解你对JSON-LD和Schema.org词汇的理解;但是,不需要重新发明轮子!#efficiency☺)。
  3. 打开Schema.org项目类型页面
    1. 特别是当您从Schema.org开始时,浏览Schema.org技术文档页面以了解项目类型的含义,有多少站点正在使用此标记,其各种属性可以帮助您更好地理解继续您的结构化数据之旅。过了一会儿,只有在尝试新标记或寻找角落案例时才需要执行此步骤。
  4. 复制/粘贴不可变元件(即,从<脚本“@type”: 
    1. 节省自己的时间和精力。这里的另一种可能性是对现有示例进行逆向工程,在这种情况下应该存在这些元素。
    2. 有时在Google的示例中,他们会遗漏<script>标记,但请注意,它们对于HTML文档中的内容至关重要。没有<script>标记就无法解析JavaScript。
  5. 添加您想要标记为@type值的所需项目类型:
  6. 列出项属性和值
    1. 此步骤不需要语法,更多的是心理组织练习。专注于你想要标记的东西 - 不要担心细节。基本上,在开始深入研究“如何”之前,你想要想出自己的想法。
    2. 很多时候,您可能对想要标记的内容有所了解,但可能不一定知道词汇表中是否可能或者它是如何嵌套的。
  7. 添加JSON-LD语法,在需要/适当的地方嵌套
    1. 将所有内容放入语法,嵌套并将标记放在一起的细节步骤。
  8. 使用结构化数据测试工具进行测试
    1. 确认结构化数据正在验证,并且列出了所有项目属性且准确无误。
  9. 确定添加到网页的策略
    1. 您只需将一个标记粘贴到<head>部分,或者是否适用更动态/模板化的解决方案。与您的开发团队合作,以获取页面上的信息。
    2. 考虑参考ID是否能帮助补充您的标记(这里是一个关于伟大万盎司文章对项目ID和的itemref伟大万盎司文章在这里和伟大万盎司文章项目ID和的itemref这里这里)

 

所有文章
×

还剩一步!

确认邮件已发至你的邮箱。 请点击邮件中的确认链接,完成订阅。

好的