如果您正在寻找有效但不需要很多时间的结构化标记,则应该将注意力放在JSON-LD上。相信我,它并不像大多数人认为的那样复杂或令人困惑,所以在之前,我将尽可能地为您们解读潜在的困惑。
所有的结构化数据都可以添加到HTML文档的<head>中的<script>标签之间。
没有必要依靠开发人员来实现结构化数据。
像Microdata或RDFa这样的结构化数据标记实施起来往往稍微复杂一些,因此出现潜在错误的可能性更大。JSON-LD是使用更简单的语法来实现结构化数据的一种方式。
JSON与JSON-LD
在我们深入研究JSON-LD之前,先来了解下JSON是什么。JSON代表“JavaScript Object Notation”。它是用于在多种类型的应用程序之间传递数据的灵活格式。对于我们来说,这是一种轻量级且相对简单的方法,并且可以用于解析。
大括号用于包裹对象,并在其中定义各个属性。每当有一个属性时,它也有一个由冒号分隔的值。当使用不是数字的值时,还会在这些值周围添加引号。所以,例如,下图中的“年龄”显示这个人是37岁。
但是,现在还不清楚这个人是37岁,37个月还是37岁。适当的年龄测量需要知道。但是,机器不会自动意识到这一点。因此,这些单位被解释为年。
接下来,可以创建另一个与这个人有关系的人。
现在这一切都很好。但是,这两个人之间的直接联系并不清楚。作为人类,可以说乔和约瑟芬是朋友,或者是父女,等等。
但是,机器或电脑并不能立即理解这一点,儿童财产的创建是为了支持他们彼此之间的联系,使用基本的JSON时,方括号用于存储列表。这个清单可以没有什么,一件事,或许多事情。
此列表现在具有一个人物对象,可以使用逗号添加更多。
从JSON到JSON-LD
现在已经介绍了JSON的基础知识,让我们连接到JSON-LD。JSON-LD(关联数据的JavaScript对象表示法)是JSON,加上链接的数据方面。当涉及到自然搜索优化时,JSON对象用于表示链接到页面的数据,架构基本上是所有搜索引擎都同意的语言,它列出了需要创建的各种对象。
JSON-LD使用正确的语法 – 对象被构造并添加到页面的方法。当我们使用Schema时,搜索引擎知道如何解释我们的JSON对象。
实现JSON-LD的过程
这过程听起来很复杂。相信我,当我第一次听到它时,我想到了同样的事情:这将需要数小时的时间和大量的编码,令我惊讶的是(也许对你来说),它比这更简单。
该过程可以细分为JSON-LD与JSON的区别。在这个例子中,使用了一个基本的网页实体调用模型。
首先,必须调用该脚本。以下是调用JSON的正确脚本:
上下文
@context是数据链接的词汇,这个特定的实例引用了所有的Schema.org。此版本可以使用任何属性或类型。
下面的例子是@context的更广泛的版本。该版本可以利用URL手动描述值。这些值可以在脚本中标记为@types,允许更大程度的特异性,从而可以调用不同的词汇表。
类型
@type用于标记代码中引用的实体。
一旦引用了类型,就可以调用并定义适用于该类型的任何属性。在下面的示例中,网页类型是为了为搜索引擎定义面包屑导航的参考。
将一个实体与另一个实体相关联
为了关联实体,添加了嵌套。JSON-LD使处理嵌套实体变得相当简单。要使用单独的类型定义属性,必须打开另一组花括号。这是因为必须定义新实体的属性。一旦该花括号再次关闭,该过程返回到定义父实体的属性。如果需要调用其他实体,则在关闭大括号后必须包含逗号以避免解析错误。
其他标记提示
在实施这种形式的标记时,需要牢记几个重要因素。
引号:如果使用JSON-LD,引号可能会阻止Google解析数据。
属性:确保所有必要的属性都列出了被引用的类型(例如:为价格规格添加货币和价值)。
案例:涉及到Schema.org时,所有类型和属性都是区分大小写的。
Lingo:通过Schema.org语言学习各种属性,类型和实体,以更好地了解它们如何相互关联。
测试JSON-LD的技巧
Google的结构化数据测试工具常用于检查JSON-LD代码是否正确实施。只需输入您要测试的网页的网址,如果代码正确实施,它将显示在右栏中。在那里可以看到已定义的每个属性和实体,如果存在任何错误,它们将显示一个红色的错误标记。
结论
尽管这个名字起初听起来很吓人,但它确实比你期望的要简单得多。通过学习JSON-LD可以节省很多时间和精力,尤其是与其他形式的结构化数据标记相比更简单。