网页上的任何示例实现 JSON-LD 文档答案

【问题标题】：Any example implementation JSON-LD document on a web page网页上的任何示例实现 JSON-LD 文档
【发布时间】：2014-07-28 10:58:08
【问题描述】：

我需要查看在 HTML 中嵌入了 JSON-LD 对象的任何文档。

我在我的架构中嵌入了一个 JSON-LD 对象。我有来自 2 个来源 schema.org 的上下文，并且我的自定义词汇集与 www.mysitename/vocab 的 scheam.org 参考进一步协商。

这里我提供了一个带有 .jsonld 文件扩展名的下载链接。我需要查看任何已在其中嵌入 JSON-LD 对象的 HTML 文档的引用以了解它。

下面是我的 HTML 文档源代码中嵌入的 JSON-LD 对象：

  <script type="application/ld+json">
    {
    "@context": [
        "http://schema.org/",
        "http://puneet.ys/vocab"
    ],
    "@id": "http://puneet.ys/seahawks",
    "@type": "SportsTeam",
    "name": "Seattle Seahawks",
    "url": "http://puneet.ys/seahawks",
    "image": "/2011/12/08/35/team/222398/large.jpg",
    "interactionCount": "124 UserLikes",
    "logo": "/2011/12/08/35/team/222398/large.jpg",
    "description": "The Seattle Seahawks are […]",
    "discipline": "http://puneet.ys/sport/football",
    "subOrganizationOf": "http://puneet.ys/company/nfl",
    "location": {
        "@id": "http://puneet.ys/seattle-wa",
        "@type": "Place",
        "name": "Seattle, WA",
        "url": "http://puneet.ys/seattle-wa",
        "image": "/2011/12/08/35/city/28545/large.jpg",
        "interactionCount": "25 UserLikes",
        "photo": "/2011/12/08/35/city/28545/large.jpg",
        "sameAs": [
            "http://www.freebase.com/m/0d9jr",
            "http://en.wikipedia.org/wiki/Seattle",
            "http://www.seattle.gov/"
        ]
    },
    "claimedBy": "http://puneet.ys/fan/chris-mccoy",
    "sameAs": [
        "http://www.freebase.com/m/070xg",
        "http://www.facebook.com/Seahawks",
        "http://www.twitter.com/seahawks",
        "http://en.wikipedia.org/wiki/Seattle_Seahawks",
        "http://www.seahawks.com"
    ]
}  </script>

【问题讨论】：

标签： schema.org json-ld

【解决方案1】：

在这个Google Webmaster Tools Answer 中它说：

如下例所示，包含在<script type="application/ld+json"> ... </script> 标签内的数据可以放置在页面的<HEAD> 或<BODY> 区域中。无论哪种方式，它都不会影响您的文档在用户的网络浏览器中的显示方式。

我将上面的 script 包装在 <html><header> 标记中，它与 Google Email Markup-Tester 一起使用，尽管由于某种原因 Google Webmaster Structured Data Testing Tool 还没有使用 JSON-LD。

您也可以使用Google's Structured Data Markup Helper，输入一些虚拟 URL 或 HTML，点击“开始标记”（蓝色按钮），添加至少一个标签，然后“创建 HTML”（红色按钮），最后更改“微数据” -下拉到“JSON-LD”。

【讨论】：