web-dev-qa-db-ja.com

`head`セクションの` <script type = 'application / ld + json'> {jsonObj} </ script> `とは何ですか？

私はこれを手に入れました リンク ですが、よくわかりませんでした。見ました：

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

ソースコードで。

上記のようなWebサイトヘッダーのコードスニペットは、私または私のサイトにどのように役立ちますか？

seoschema.orgjson-ld
47
Asim K T

この例では、script要素は データブロックとして使用 であり、これには JSON-LD （type="application/ld+json"）が含まれます。

JSON-LDは RDF シリアル化です。 JSONを使用して Linked Data （または構造化データ）を公開できます。この例では、語彙 Schema.org が使用されています（"@context": "http://schema.org"）。

この構造化データは、関心のある消費者が使用できます。著名な消費者は、ボキャブラリーSchema.orgを使用する構造化データをサポートする検索エンジンBing、Google、Yahoo、Yandexです。彼らが持っているユースケースの1つは、結果スニペットに詳細を表示することです。

あなたの例では、おそらくこのような拡張されたスニペットは得られません。検索エンジンの機能と、これらに提供する必要がある構造化データを知りたい場合は、検索エンジンのドキュメントを確認する必要があります。たとえば、Googleは サイトリンク検索ボックス にWebSiteタイプ（例で使用）を使用しますが、（検索用にpotentialActionを追加する必要があります関数）。

56
unor

Googleや他のクローラーにウェブサイトに関する構造化データを提供します。これは、リッチスニペットやナレッジグラフパネルなどに使用されます。詳細については、このサイトをご覧ください： https://developers.google.com/search/docs/guides/intro-structured-data

15
Markus Lanthaler

これは、あらゆる種類のユーザー/クローラーがサイト上の情報を効率的に使用するのに役立つ構造化データをサイトに含める1つの方法です。最も一般的な例は、Googleニュースカードです。

enter image description here

この種のカードデータは、実際には構造化データから取得されます。

構造化データを含める他の方法は、 Microdata

そして、この質問をする時、私はこれらについて全く知りません。今、私はいくつかの出版社のために構造化データに取り組みました。

9
Asim K T

取得したスニペットは、 JSON-LD データ形式、JSONを使用したエンコード方式 Linked Data を含むスクリプトです。 Schema.org 語彙は、主要な検索エンジン（Google、Microsoft、Yandex、Yahoo！）が理解できるようにWebコンテンツをマークアップするために使用されます。検索エンジンはこの情報を使用して表示し、関連する.contentsをユーザーに表示します。たとえば、有名な用語がブランド名として使用されているウェブサイトを例に挙げます。コーダー。検索エンジンは、ソフトウェアのコードを書く人としてそれを解釈します。検索エンジンがこれをよりよく解釈できるようにするには、Schema.org vocabularyを使用してデータを提供する必要があります。例えば.

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