web-dev-qa-db-ja.com

Schema.orgマークアップをJSON-LDとして使用するコードの理想的な場所はどこですか？

JSON-LDを使用するSchema.orgマークアップを配置するのに最適な場所はどこですか？内部<head>を推奨する人もいますが、スクリプトもインラインで機能します。 MVCでは、コントローラーと同じスコープに配置する方が簡単なので、エレメントの近くでインラインになります。ただし、JSON-LDは<head>内の1つの巨大なスクリプト/スタックとして「より良く機能する」可能性があります。理想的な場所がわからないだけです。

例はブレッドクラムです-JSON-LDスクリプトをパンくずのマークアップの前に置くか、またはモデルをロードするすべての問題を（もう一度）行って<head>を作成する領域で定義する必要がありますか？パフォーマンスに影響するように思えますが、仕様に見合うだけの価値がある場合は、実行する必要があります。

JSON-LDの組織の例を次に示します（これは既に<head>にあります）：

<script type="application/ld+json"> {
"@context" : "http://schema.org",
"@type" : "Organization",
"name" : "A Huge Corporation",
"url" : "http://www.example.com",
"logo" : "http://www.example.com/huge-corporation.png",
"founder" : "Humanz",
"foundingDate" : "1268",
"sameAs" : "http://plus.google.com/111111111111111111111",
"contactPoint" : {
    "@type" : "ContactPoint",
    "contactType" : "Customer Service",
    "telephone" : "+1-888-888-8888",
    "faxNumber" : "+1-777-777-7777",
    "contactOption" : "TollFree",
    "areaServed" : "US",
    "availableLanguage" : "English",
    "email" : "[email protected]"
},
"hasPos" : {
    "@type" : "Place",
    "name" : "The Branch or Store",
    "photo" : "http://www.example.com/store.png",
    "hasMap" : {
        "@type" : "Map",
        "url" : "https://maps.google.com/maps?q=feed_me_a_map"
    },
    "address" : {
        "@type" : "PostalAddress",
        "name" : "The Branch or Store",
        "streetAddress" : "1547 Main Street",
        "addressLocality" : "Beverly Hills",
        "addressRegion" : "CA",
        "postalCode" : "90210",
        "addressCountry" : "United States"
    }
}}
</script>

そして、これがパンくずスニペットです（現在は視覚的にレンダリングされたパンくずの近くのページのさらに下の別のスコープにあります）。仕事に価値があるなら、これを頭に入れてうれしいです：

<script type="application/ld+json"> {
"@context" : "http://schema.org",
"@type" : "Breadcrumblist",
"itemListElement" : [
    {
    "@type" : "ListItem",
    "position" : 1,
    "item" : {
        "@id" : "http:www.example.com",
        "name" : "Home"
        }
    },
    {
    "@type" : "ListItem",
    "position" : 2,
    "item" : {
        "@id" : "http:www.example.com/widgets",
        "name" : "Widgets"
        }
    },
    {
    "@type" : "ListItem",
    "position" : 3,
    "item" : {
        "@id" : "http:www.example.com/widgets/green",
        "name" : "Green Widgets"
        }
    }
]}
</script>
htmlschema.orgjson-ld
9
dhaupin

JSON-LD 気にしない 。文書内のどこから抽出してもデータは同じであるため、これは理にかなっています。

HTMLの観点から、head要素は 定義済みであるため、JSON-LDがWebページまたはWebページが表すものに関する場合にのみ、headに含める必要があります。ドキュメントのメタデータを含めるために 。ただし、何かがメタデータとしてカウントされるかどうかを定義するのは必ずしも簡単ではありません。私はこれについてあまり心配しません。

8
unor