`head` 部分中的`<script type='application/ld+json'>{jsonObj}</script>` 是什么？答案

【问题标题】：What's a `<script type='application/ld+json'>{jsonObj}</script>` in a `head` section do?`head` 部分中的`<script type='application/ld+json'>{jsonObj}</script>` 是什么？
【发布时间】：2016-07-30 06:01:03
【问题描述】：

我收到了这个link，但不太明白。锯：

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "http://website.com",
    "name": "wbs",
    "description": "Web Studio"
}
</script>

在源代码中。

上面的代码 sn-p 在我的网站标题中如何帮助我或我的网站？

【问题讨论】：

你有什么不明白的？
我从未在其他任何地方见过type="application/ld+json"。我知道它是为机器人设计的，但不知道它的真正用途。我的意思是爬虫可以从元标记中获取这些数据，对吧？如果您对此有更多了解，请分享您的知识。 @unor

标签： seo schema.org json-ld

【解决方案1】：

在您的示例中，script 元素是 used as data block，其中包含 JSON-LD (type="application/ld+json")。

JSON-LD 是一个RDF 序列化。它允许您使用 JSON 发布Linked Data（或结构化数据）。在您的示例中，使用了词汇表 Schema.org ("@context": "http://schema.org")。

任何感兴趣的消费者都可以使用这些结构化数据。主要消费者是搜索引擎 Bing、Google、Yahoo 和 Yandex，它们支持使用词汇表 Schema.org 的结构化数据。他们的一个用例是在结果 sn-ps 中显示更多详细信息。

您的示例可能不会导致如此增强的 sn-p。如果您想知道搜索引擎提供哪些功能以及您必须为这些功能提供哪些结构化数据，则必须查看搜索引擎的文档。例如，Google 使用WebSite 类型（在您的示例中使用）作为他们的Sitelinks Search Box，但您必须另外添加一个potentialAction（用于搜索功能）。

【讨论】：

【解决方案2】：

它为 Google 和其他抓取工具提供有关网站的结构化数据。这用于丰富的 sn-ps 和知识图面板等。查看此站点以获取更多信息：https://developers.google.com/search/docs/guides/intro-structured-data

【讨论】：

【解决方案3】：

这是在您的网站中包含结构化数据的一种方式，它可以帮助任何类型的用户/抓取工具高效地使用网站上的信息。最流行的例子是 Google 新闻卡片：

这种卡片数据实际上来自结构化数据。

包含结构化数据的其他方式是通过Microdata

问这个问题的时候，我对这些一无所知。现在我为一些出版商处理结构化数据。

【讨论】：

【解决方案4】：

你得到的 sn-p 是一个包含 JSON-LD 数据格式的脚本，这是一种使用 JSON 编码 Linked Data 的方法。 Schema.org 词汇表用于标记网页内容，以便主要搜索引擎（Google、Microsoft、Yandex 和 Yahoo!）能够理解它们。搜索引擎使用此信息向用户显示相关的内容。例如，您的网站使用知名术语作为品牌名称，例如编码器。搜索引擎会将其解释为为软件编写代码的人。为了帮助搜索引擎更好地解释这一点，您需要使用 Schema.org 词汇表提供数据。例如

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "https://coder.com",
    "name": “Coder”,
    "description": “Platform to learn code”
}
</script>

【讨论】：

【解决方案5】：

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "http://website.com",
    "name": "wbs",
    "description": "Web Studio"
}
</script>

上面的 sn-p 是嵌入在 HTML 中的基于 JSON-LD 的结构化数据岛（或块），它向用户代理（软件应用程序）提供数据以进行额外处理。该数据可以采用元数据的形式，通知所述用户代理有关主文档的性质。

例如，您可以通过嵌入以下结构化数据岛来告知用户代理（例如 Google 的抓取工具）与文档关联的人员的身份：

## JSON-LD Start ##  
{
    "@context": "https://schema.org",
    "@type": "Person",
    "@id": "https://stackexchange.com/users/74272/kingsley-uyi-idehen#me",
    "mainEntityOfPage": "https://stackexchange.com/users/74272/kingsley-uyi-idehen",
    "sameAs": "https://stackexchange.com/users/74272/kingsley-uyi-idehen",
    "name": "Kingsley Uyi Idehen",
    "description": "@kidehen Identified at Web, relatively"
}
## JSON-LD End ##

这是可能的，因为 schema:sameAs 属性的语义认为它是唯一标识。

您还可以将浏览器扩展程序（例如，我们的结构化数据嗅探器）添加到您现有的浏览器中，以了解使用部署的结构化数据孤岛的强大功能，从而生成所附屏幕截图中描述的内容。

【讨论】：

【解决方案6】：

我为用户编写了这段 JavaScript 代码，以便在 Google 上写下您的品牌名称。搜索表单将显示给用户。用户只需要输入您的品牌名称即可显示此搜索，并且最常用在主页上。要使用此代码，请复制 JavaScript 并将其粘贴到主要内容最后一行的底部，不要担心 JavaScript 代码不会显示给用户，只会出现在 Google 搜索结果中。

<script type="application/Id+json"> { 
    "@context": "schema.org", 
    "@type": "WebSite", "url": "coolernew.com", "potentialAction": { 
        "@type": "SearchAction", "target": "query.example.com/search?q={search_term_string}", "query-input": "required name=search_term_string" 
        } 
    } </script>

【讨论】：