構造化データを提供する

このページでは、検索演算子が依存する構造化データを追加する方法について説明します。

ウェブページは自由形式のテキストで埋められることが多く、 人間には読めませんが、コンピュータでは理解しづらくなります。一部 ウェブページは構造が大きく、 ページの URL やタイトルに埋め込まれたページの日付など、 HTML コードに埋め込まれている機械可読形式のフィールドです。Google ウェブページからさまざまな構造化データを抽出します。この に、Google が抽出する構造化データタイプを 利用可能な カスタム スニペット構造化検索

  1. 概要
  2. プログラム可能検索エンジンにデータを提供する <ph type="x-smartling-placeholder">
  3. リッチ スニペットにデータを提供する <ph type="x-smartling-placeholder">
  4. 抽出された構造化データの表示

概要

DVD を販売するウェブページを閲覧している場合でも、 タイトル、映画の評価担当者による感想、 評価してくださいしかし、コンピュータは同じことをすることはできません。なぜなら、 情報の構造を理解していないからです。

たとえば、ページに DVD に関するコンテンツがあり、 他の商品のおすすめ、他の店舗の広告、コメント ページの価格は、 販売されている DVD だけではありませんユーザーは 他の価格は閉じますが できません。高度なプログラムによっては、 ルールを特定することはできませんが、 30% オフです。

構造化データ形式は、構造化データと ウェブページの内容を表します。これはテキスト スニペットに適用するマークアップで、 コンピュータは、その意味やセマンティクスを処理できます。このマークアップによって メタデータとテキストを XHTML タグをコンピュータにとってより意味のあるものにします。

プログラム可能検索エンジンでは、次の形式が認識されます。

  • PageMaps: 要素を追加する、XML の非表示のブロック メタデータを追加します
  • JSON-LD: 非表示の構造化データ JSON 形式。
  • microformats: 表示のマークアップに使用されるタグ コンテンツを分類できます。
  • RDFa: 表示用のマークアップに関する代替標準 任意のタイプのページ コンテンツを表示できます。
  • microdata: マークアップに関する新しい HTML5 標準 表示されます。
  • <meta> タグ: 標準の HTML タグ。一部 Google によって解析されます。
  • ページの日付: 日付、 Google は、この日付を

任意の形式を使用することも、複数の形式を組み合わせて使用することもできます。 なお、プログラム可能検索エンジンとは異なり、Google 検索では JSON-LD、microdata、RDFa のみが使用されます。 独自のアルゴリズムとポリシーがあります どの情報をユーザーに表示するかを決定します構造化データの要素が プログラム可能検索エンジンで表示されても、そのデータが Google 検索結果。

以下は、レビューサイトからの理想的なプレーン HTML のスニペットです。

<div>
    <div>
        <h1>Pizza My Heart</h1>
    </div>
    <span>88%</span> like it
    <a href="#reviews">See all 12 reviews</a>
    <span>Under $10 per entree</span>
<div>

次のスニペットは、前の HTML コードを示しています。 microformats という形式で拡張します。

<div class="hreview-aggregate">
    <div class="vcard item">
        <h1 class="fn">Pizza My Heart</h1>
    </div>
    <span class="rating average">88%</span> like it
    <a href="#reviews">See all <span class="count">12</span> reviews</a>
    <span class="pricerange">Under $10 per entree</span>
<div>
プログラム可能検索エンジンが抽出した特徴は、以下で確認できます。 こちらの方法

標準の構造化データ形式を プログラム可能検索エンジンがデータを使用できるようにするだけでなく、 同じ標準をサポートするすべてのサービスやツールに対しても適用されます。申し込み 構造化データからウェブページ内の 最も重要な情報にアクセスできるため、 結果に直接表示できます。たとえば Android デバイスを販売するウェブサイトがある場合は、 評価、価格、空室状況などですユーザーが 場合、ユーザーは評価、料金、 可視化できます。

コンピュータがコンピュータに ウェブページ内のデータタイプです。次に求めるのは、コンピュータでも さまざまな場所で情報を検索、組み合わせるという できます。これにより、ユーザーは選別などの退屈なタスクから 複数のページから必要なアイテムを見つけられます検索エンジン 構造化データを処理して、 たとえば カスタム スニペット構造化検索

トップへ戻る

プログラム可能検索エンジンへのデータ提供

Google は数種類のデータをサポートしており、これらは主に プログラム可能検索エンジン: ページビュー、<meta> タグのサブセット、ページのおおよその日付。

PageMaps の使用

PageMaps は構造化データの形式の一つで、Google に 予測しますウェブサイト作成者がデータやメモを できます。構造化データはユーザーや Google ウェブ検索(プログラム可能検索エンジン)は、ウェブページをインデックスに登録して モジュールで プログラム可能検索要素

PageMaps を明示的にページに追加することも、サイトマップを使用して PageMaps を送信することもできます。 Google は、リッチ スニペットのマークアップ、ページ内の情報など、ページ内の他の情報も使用します。 meta タグデータを使用して PageMap を作成します。

以下で説明する他の構造化データ形式とは異なり、PageMaps は 標準的な特性や用語に従う必要も、インフラストラクチャの 追加することもできます。必要なのは 独自のカスタム属性値を作成できます。構造化データと microformats、microdata、RDFa のデータ属性を HTML 本文でユーザーに表示されるコンテンツ、PageMaps メタデータは HTML ページの head セクションにあります。このメソッドは、 アプリケーションで必要になることがあり、 表示されなくなります。

PageMap を作成したら、 次のメソッドを使用できます。

PageMap タグの定義

次の表に、PageMap データを サイトマップ。

タグ 必須/省略可 説明
PageMap 関連する URL の PageMap 情報をすべて含めます。
DataObject 1 つの要素に関するすべての情報( アクション)。
Attribute 各 DataObject には 1 つ以上の属性が含まれます。

注: PageMaps は XML ブロックであるため、正しい形式にする必要があります。 特に PageMapDataObject、 XML の Attribute タグでは大文字と小文字が区別されます。 typenamevalue 属性。

PageMap データを HTML ページに直接追加する

このスライドは、次のトピックに関するウェブページの PageMap データの例を示しています。 バドミントン:

<html>
  <head>
   ...
  <!--
  <PageMap>
     <DataObject type="document">
        <Attribute name="title">The Biomechanics of a Badminton
        Smash</Attribute>
        <Attribute name="author">Avelino T. Lim</Attribute>
        <Attribute name="description">The smash is the most
        explosive and aggressive stroke in Badminton. Elite athletes can
        generate shuttlecock velocities of up to 370 km/h. To perform the
        stroke, one must understand the biomechanics involved, from the body
        positioning to the wrist flexion. </Attribute>
        <Attribute name="page_count">25</Attribute>
        <Attribute name="rating">4.5</Attribute>
        <Attribute name="last_update">05/05/2009</Attribute>
     </DataObject>
     <DataObject type="thumbnail">
        <Attribute name="src" value="http://www.example.com/papers/sic.png" />
        <Attribute name="width" value="627" />
        <Attribute name="height" value="167" />
     </DataObject>
  </PageMap>
  -->
  </head>
   ...
</html>

PageMap データをサイトマップに追加する

PageMap データをページの HTML に含めたくない場合は、 PageMap データをサイトマップに追加し、 Search Console のサイトマップ ツール

2 つの PageMap 情報を含むサイトマップの例を以下に示します。 URL: http://www.example.com/foo と http://www.example.com/bar。

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 <url>
   <loc>http://www.example.com/foo</loc>
   <PageMap xmlns="http://www.google.com/schemas/sitemap-pagemap/1.0">
     <DataObject type="document" id="hibachi">
       <Attribute name="name">Dragon</Attribute>
       <Attribute name="review">3.5</Attribute>
     </DataObject>
   </PageMap>
 </url>
 <url>
   <loc>http://www.example.com/bar</loc>
   <PageMap xmlns="http://www.google.com/schemas/sitemap-pagemap/1.0">
     <DataObject type="document" id="biggreenegg">
       <Attribute name="name">Ribs</Attribute>
       <Attribute name="review">4.0</Attribute>
     </DataObject>
   </PageMap>
 </url>
</urlset>

PageMap データの解析

Programmable Search Element を使用すると、カスタム属性を 各結果の RichSnippet プロパティで返される、 検索要素コールバック

<r n="1">
 <u> http://www.xyz.com/business/vending_machine.html </u>
 ...
 <t> In Italy, a Vending Machine Even Makes the <b>Pizza</b> </t>
 ...
 <s>The European vending machine industry has annual sales of about #33
 billion, much of it coming from factories and offices.</s>
 ...
 <PageMap>
  <DataObject type="image">
   <Attribute name="image_src" value="http://www.nytimes.com/images/2009/03/14/business/14vend.751.jpg"/>
  </DataObject>
  <DataObject type="publication">
   <Attribute name="author" value="John Tagliabue"/>
   <Attribute name="date" value="March 14, 2009"/>
   <Attribute name="category" value="Business/World Business"/>
  </DataObject>
 </PageMap>
 ...
</r>

トップへ戻る

<meta> タグの使用

PageMaps では必要なデータを正確に指定できますが、 各ページには大量のコンテンツがあり できます。Google が選択したコンテンツを META <meta name="KEY" content="VALUE"> 形式のタグ。のバリエーションはサポートされていません。 メタタグ(name ではなく property を使用するなど)。

明示的に除外されていますが、 通常はウェブオーサリング ツールによってプログラムによって挿入されるタグ robotsdescriptionkeywords、サイトに固有のまれなタグ データを特殊な形式でデータとして タイプ metatags は、カスタムのすべてのパラメータと 検索の構造化データ機能。たとえば、次の形式の <meta> タグがあるとします。

<meta name="pubdate" content="20100101">

は、次のような XML 結果で返される PageMap DataObject を作成します。

<r n="1">
 ...
 <PageMap>
  <DataObject type="metatags">
   <Attribute name="pubdate" value="20100101"/>
  </DataObject>
 </PageMap>
 ...
</r>

自動的に作成された PageMap のデータは、 ページのコンテンツに明示的に含まれている PageMap のデータを使用する。対象 たとえば、次のような構造化検索演算子と併用できます。 属性で並べ替え:

https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=metatags-pubdate

または プログラム可能検索要素:

...
<div class="gcse-search" sort_by="metatags-pubdate:d:s"></div>
...

Google が除外する <meta> タグは次のとおりです。

  • ロボット
  • description
  • キーワード
  • 再訪問後
  • ジェネレータ
  • Verify-v1
  • Googlebot
  • google-site-verification
  • mssmarttagspreventparsing
  • キャッシュなし

Google は他のすべての <meta> タグを使用しようとしますが、 name での句読点、特殊文字、埋め込みスペース <meta> タグのフィールドは正しく解析されない可能性があります。プログラム可能検索エンジン <meta> タグ名でピリオドとダッシュを明示的にサポートしています。 プログラム可能検索エンジンでは、他の特殊文字は明示的にサポートされない <meta> タグ名内で使用し、一部の特殊文字 正しく受け入れられるかもしれませんが、 URL エンコード

制限事項

プログラム可能検索エンジンは最大 50 個の <meta> タグを PageMaps に変換します。 すべての処理済みプロパティのテキストの合計サイズが 1 MB を超えず、 1,024 文字以内で指定してください。

トップへ戻る

ページ日付の使用

ページで明示的に指定するメタデータに加えて 日付の推定も、ページの特徴に基づいて行われます。日付は 指定することもできます。プログラム可能検索エンジンでは 特別なメタデータを使用して、結果の並べ替え、バイアス、範囲制限を行う日付 date のキー。この予想日はすべてのオペレーターで使用できます &sort= URL パラメータを使用する 属性で並べ替え属性によるバイアス 範囲に限定

注: ページ日付は PageMap には追加されず、 JSON API の結果では返されません。プログラム可能検索エンジンでは使用できません。 要素であり、 属性によるフィルタ機能。

次の例は、これらの演算子でページ日付を使用する方法を示しています。

目的 この URL を送信... 詳細情報
結果を日付の降順で並べ替える https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=date 属性で並べ替え
新しい日付に対して結果に大きくバイアスする https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=date:d:s 属性別のバイアス
古い日付に対する結果にバイアスをかける https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=date:a:w 属性別のバイアス
2010 年 1 月 1 日から 2 月 1 日までの結果を返す(両端を含む) https://www.google.com/cse?cx=12345:example&q=oil+spill&sort=date:r:20100101:20100201 範囲に制限

Google が推定したページの正確な日付は、特徴量に基づいている たとえば、ニュース記事の署名日や、 ドキュメントのタイトルに日付が含まれています。ページの指定が不十分な場合や Google が推定したページの日付が一致しない場合がある プログラム可能検索エンジンは、検索結果を 予測できない可能性があります

日付の形式

サイトは、Google の ページに埋め込まれた日付を検出する、ページの推定日付機能 URL、タイトル、その他の機能を使うことも、明示的に 構造化データ形式です。いずれの場合も、日付は 正しい形式にする必要があります。

プログラム可能検索エンジンの 属性で並べ替え 属性によるバイアス 範囲に制限 日付の解析には、通常の日付と 形式や正式な標準の ISO 8601IETF RFC 850 に準拠する必要があります。 次の完全な日付形式を使用できます。

日付形式 日付の例
YYYY-MM-DD 2009-12-31
YYYY/MM/DD 2009 年 12 月 31 日
YYYYMMDD 20091231
月 DD YYYY 2009 年 12 月 31 日
DD 月 YYYY 2009 年 12 月 31 日

Google は、次のような日付形式のバリエーションの解析を試みます。 MM/DD/YYYYDD/MM/YYYY など。ただし、 日付があいまいなほど、Google が日付を解析する可能性は 確認します。たとえば、日付 06/07/08 は次のようになります。 非常にあいまいで、Google が割り当てることはほとんどありません。 必要があります。最良の結果を得るには、 ISO 8601 年で日付形式を指定します。

トップへ戻る

リッチ スニペット

JSON-LD、Microformats、RDFa からさまざまな構造化データも抽出 microdata も参照できます <ph type="x-smartling-placeholder"></ph> リッチ スニペット、通常の Google 検索結果の拡張表示。 同様のデータをプログラム可能検索エンジンの 構造化データ演算子(通常はリッチ スニペットで使用されるものと同じデータ) たとえば microformats でページをマークアップして hrecipe(標準)は、評価の数で並べ替えることができます レシピの星の数を &sort=recipe-ratingstars。 Google は抽出するデータと、その処理量を プログラム可能検索エンジンでデータを使用できる場合。Google が現在使用している データを確認し 使用したい場合は Search Console の構造化データ テストツール

トップへ戻る

JSON-LD の使用

JSON-LD は、広く使用されている構造化データの標準形式です。 データは JSON 形式で、 type="application/ld+json" を含む <script> タグ。

以下に、単純な JSON-LD を使用した最小限の HTML を示します。

<script type="application/ld+json">
      {
        "@id": "http://event.example.com/events/presenting-foo",
        "@type": "http://schema.org/Event",
        "http://schema.org/description": "Please attend. You'll love it!",
        "http://schema.org/name": "Presenting Foo",
        "http://schema.org/startdate": "2022-05-24",
        "http://schema.org/location": "Back room"
      }
    </script>

Google はプログラム可能検索エンジン用にこのデータのサブセットを抽出し、正規化します。「 正規化により JSON-LD が簡素化され、多くの JSON-LD イディオムが不要になります。正規化されたデータは、 次のように処理されます。

  • これは グラフ JSON-LD の構造をツリーの森に変換できます。
  • この森は、ある植物に起因して生存する枝分かれ schema.org タイプが含まれます。サブセットは schema.org の 型ツリーを <ph type="x-smartling-placeholder">で確認できます。 ご自身のユースケースに役立つ他のタイプがあれば、お知らせください。 サポート フォーラム
  • 選択したいずれかのタイプの JSON-LD ノードが、JSON-LD からブランチを pull します。 表示されます。ブランチには、ツリー内の祖先ノードと、そのすべての子孫ノードが含まれます。 たとえば、木の根元が MusicComposition で、 firstPerformance プロパティ Event のフルセットを含む Event 値 プロパティです。MusicComposition から イベントとその子孫はすべて保持され、意味のあるツリーのブランチを維持 firstPerformance Event が含まれます。
で確認できます。 上記の JSON-LD の場合、構造化データは次のような JSON として検索結果で返されます。 これを次のように使用します。
 ...
 "event": {
   "name": "Presenting Foo",
   "description": "Please attend. You'll love it!",
   "startdate": "2022-05-24",
   "location": "Back room"
 },
 ...

Google 検索でページが抽出される内容を確認し、JSON-LD を検証するには、 リッチリザルト テストツールをご覧ください。

JSON-LD について詳しくは、 構造化データのドキュメント json-ld.org

トップへ戻る

Microformats の使用

microformats 一般に公開されている API を クチコミ、人物、商品、店舗などのアイテムです。一般的に microformats は <span><div> 要素、クラス プロパティ、 簡潔でわかりやすいプロパティ名(dtreviewed など) または rating: アイテムが審査された日付を表します 評価)。

次のコードには、プレーン HTML コードのスニペットが含まれています。

<p><strong>Kevin Grendelzilla</strong></p>
<p>Technical writer at Google</p>
<p>555 Search Parkway</p>
<p>Googlelandia, CA 94043</p>

次のスニペットは、 microformats:

<div class="vcard">
   <p><strong class="fn">Kevin Grendelzilla</strong></p>
   <p><span class="title">Technical writer</span> at <span class="org">Google</span></p>
   <p><span class="adr">
      <span class="street-address">555 Search Parkway</span>
      <span class="locality">Googlelandia</span>, <span class="region">CA</span>
      <span class="postcode">94043</span>
      </span></p>
</div>

Google はこのデータのサブセットを抽出し、正規化および再編成 リッチ スニペットでの表示方法に対応している必要があります。この 次のような XML 結果で返されます。

<r n="1">
 ...
 <PageMap>
  <DataObject type="person">
   <Attribute name="location" value="Googlelandia"/>
   <Attribute name="role" value="Technical Writer"/>
  </DataObject>
 </PageMap>
 ...
</r>

Google がページについて抽出する内容を確認するには、 構造化データ テストツールをご覧ください。 Search Console サイトをご覧ください。Google がページから抽出するデータは 定期的に延長されます 必要なデータが利用可能になったということです。それまでの間、必要に応じて 定義済みの microformat に対応しないカスタムデータ、 PageMaps を使用できます。

microformats について詳しくは、 構造化データのドキュメント microformats.org をご覧ください。

トップへ戻る

Resource Description Framework in Attributes(RDFa)の使用

<ph type="x-smartling-placeholder"></ph> Resource Description Framework in Attributes(RDFa)は柔軟性に優れています。 処理できますmicroformats では、 構造化データを HTML ドキュメントと microformat のクラスのセットに変換する それぞれ固有の語彙が使用されています。RDFa、オン 構文のみを指定し、既存のルールを 独自の語彙を作成することや、さらに、複数のデバイスと 使用できます。既存の語彙が 独自の標準と語彙を定義するには、 新しいフィールドを作成します

次のコードには、プレーン HTML コードのスニペットが含まれています。

<div>
   <h3>5 Centimeters Per Second</h3>
   <h4>Makoto Shinkai</h4>
    ...
</div>

次のスニペットは、RDFa で拡張された前の HTML コードを示しています。

<div>
   <h3 property="dc:title">5 Centimeters Per Second</h3>
   <h4 property="dc:maker">Makoto Shinkai</h4>
   ...
</div>

RDFa について詳しくは、 <ph type="x-smartling-placeholder"></ph> 構造化データのドキュメントをご覧ください。RDF スキーマの定義について詳しくは <ph type="x-smartling-placeholder"></ph>をご覧ください RDF Primer

トップへ戻る

microdata の使用

HTML5 は、ウェブページの最も新しいバージョンで、 という形式を microdata RDFa と Microformats のアイデアを あります。microdata で HTML タグで単純な属性を使用する (通常は span または div)。簡潔な説明と わかりやすい名前を付けるようにしましょう。

RDFa や Microformats と同様に、microdata の属性を使用すると コンテンツが特定の種類の情報(レビュー、 生成します。たとえば、あるユーザーには 名前、ニックネーム、URL、タイトル、関係性が含まれます。以下は、 この基本的な連絡先を示す短い HTML ブロックの例 Bob Smith の情報:

<div>
  My name is Bob Smith but people call me Smithy. Here is my home page:
  <a href="http://www.example.com">www.example.com</a>
  I live in Albuquerque, NM and work as an engineer at ACME Corp.
</div>

microdata でマークアップした HTML は、次のようになります。この例では、 「nickname」というプロパティを使用します。schema.org の一部ではありませんカスタム Google 検索を活用すると、schema.org の拡張機能の候補をローカルで検討してから、 より広範なコミュニティに提案できます

<div itemscope itemtype="http://schema.org/Person">
  My name is <span itemprop="name">Bob Smith</span>
  but people call me <span itemprop="nickname">Smithy</span>.
  Here is my home page:
  <a href="http://www.example.com" itemprop="url">www.example.com</a>
  I live in Albuquerque, NM and work as an <span itemprop="title">engineer</span>
  at <span itemprop="affiliation">ACME Corp</span>.
</div>

この例の最初の行には、HTML div タグが含まれています。 div を示す itemscope 属性 microdata アイテムが含まれています。「 itemtype="http://schema.org/Person" 属性がオン 同じタグからこれが人物であることがわかります人物アイテムの各プロパティは、 itemprop 属性で識別されます。たとえば span タグの itemprop="name" の説明 表示されます。span に限定されないことに注意してください。 および divitemprop="url" タグが付いています a(アンカー)タグに割り当てる。

microdata について詳しくは、 <ph type="x-smartling-placeholder"></ph> 構造化データのドキュメントHTML microdata 標準。

トップへ戻る

抽出された構造化データの表示

JSON-LD 構造化データには、Google がサポートする特別な検証ツールである リッチリザルト テストツールチェックする JSON-LD の構文とそのセマンティクス(特に構造化データが 必須属性と推奨属性が含まれています。 他の形式の構造化データセットを確認するには、 スキーマ マークアップ検証ツールを使用します。以下を 構造化データの構文が表示され、解釈形式が表示されます。

プログラム可能検索エンジンは です。プログラム可能検索エンジンを使用して、プログラム可能検索エンジンの 表示する方法の例:

  1. 検索結果の構造化データの有効化 検索オプション機能

    構造化データの有効化のスクリーンショット

  2. 次に、その検索エンジンを使用して、確認したいデータを含むページを見つけ、 そのページの検索結果に表示された [構造化データ] ボタン:

    検索結果の構造化データボタンのスクリーンショット

構造化データでタグ設定しているウェブページがないものの、それを確認したい場合は、 たとえば、抽出した構造化データの URL を入力すると、 できます。人気のサイトにレビュー情報や 連絡先は構造化データを含む可能性が高くなります。

構造化データを含むページが見つかったら、そのページを表示できます。 ページのソースを参照して、サイトに実装されている構造化データを確認します。たとえば 構造化データを含む HTML の次のスニペットを microformats で実装された人:

<div class="vcard">
    <h1 class="fn">
      <span class="given-name">Godzilla</span>
      <span class="family-name">Gigantis</span>
    </h1>
    <span class="title">Senior Giant Monster</span>,
    <span class="adr">
      <span class="locality">Tokyo</span>
    </span>
<div>

プログラム可能検索エンジンは、そのデータの次のサブセットを抽出する : 構造化検索に使用できます。

person (source = MICROFORMAT)
  location = Tokyo

トップへ戻る

他の機能の確認

構造化データはプログラム可能検索エンジンの複数の機能で使用できる 例: