リッチ スニペットで microdata をサポート
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
2010 年 3 月 12 日(金曜日)
HTML5 は、ワールド ワイド ウェブのコア言語である HTML の 5 番目のメジャー バージョンです。HTML5 仕様には、ウェブページ内の構造化された情報を指定するための新しいマークアップ標準である microdata の説明が含まれています。
本日は、microformats と RDFa の既存のサポートに加えて実施することとなった、リッチ スニペットで使用される microdata のサポートについて発表いたします。ウェブページで microdata マークアップを使用すると、Google 検索結果におけるページの表示を改善するために Google が使用できる、ウェブページのクチコミ、ユーザー プロフィールまたはイベントに関する情報を指定できます。
"L'Amourita Pizza" のレビューのセクションを示すシンプルな HTML ブロックは次のとおりです。
:
<div>
<h1>Review: L'Amourita Pizza</h1>
Written by Bob Smith
Jan 15, 2010
Rated <b>4.5</b> - Excellent
</div>
以下の例では同じ HTML に、レビュー対象レストラン、レビューの作成者と日付、評価を指定するために microdata を追加しています。
<div itemscope itemtype="https://data-vocabulary.org/Review">
<h1>Review: <span itemprop="itemreviewed">L'Amourita Pizza</span></h1>
Written by <span itemprop="reviewer">Bob Smith</span>
<time itemprop="dtreviewed" datetime="2010-01-15">Jan 15, 2010</time>
Rated <b itemprop="rating">4.5</b> - Excellent
</div>
microdata には、シンプルさと豊富さのバランスが取れているという優れた特性があります。ご覧のように、itemscope
(新しいアイテムを定義する)、itemtype
(説明対象のアイテムのタイプを指定する)、itemprop
(対象のアイテムのプロパティを指定する)などのいくつかの HTML 属性を使用して、ページにマークアップを簡単に追加できます。ページにマークアップを追加したら、リッチ スニペット テストツールを使用してテストを行い、ページ上のデータを Google が解析できるかどうかを確認できます。
microformats や RDFa と同様に、Google がサポートしている語彙(Google が認識できるアイテムの種類やプロパティなど)は、リッチ スニペットのドキュメントと data-vocabulary.org で規定されています。コンテンツをマークアップしても、サイトのリッチ スニペットが表示されるとは限りません。Google は、優れたユーザー エクスペリエンスを確保するために、microdata のマークアップの使用範囲を徐々に拡大していきます。
ご利用開始にあたっては、以下のリンクを参考にしてください。
Written by Siddhartha Chattopadhyay, Kavi Goel, Ramanathan V. Guha, Pravir Gupta, Othar Hansson
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
[null,null,[],[[["\u003cp\u003eThis blog post is outdated; refer to the current documentation on structured data for the latest information.\u003c/p\u003e\n"],["\u003cp\u003eGoogle now supports microdata for rich snippets, alongside existing support for microformats and RDFa.\u003c/p\u003e\n"],["\u003cp\u003eMicrodata allows you to specify structured information like reviews, profiles, and events within web pages, which Google may use to enhance search result presentation.\u003c/p\u003e\n"],["\u003cp\u003eMicrodata uses attributes like \u003ccode\u003eitemscope\u003c/code\u003e, \u003ccode\u003eitemtype\u003c/code\u003e, and \u003ccode\u003eitemprop\u003c/code\u003e to easily add markup to web pages for specifying structured data.\u003c/p\u003e\n"],["\u003cp\u003eWhile rich snippets are not guaranteed, using microdata enables Google to better understand and potentially enhance the display of your content in search results.\u003c/p\u003e\n"]]],["Microdata, a new markup standard within HTML5, enables the specification of structured information on web pages. This allows users to add markup to their web pages using attributes such as `itemscope`, `itemtype`, and `itemprop`, to define and describe items like reviews, people profiles, or events. Google supports microdata for rich snippets and offers a testing tool to validate the markup. This information helps Google enhance the presentation of pages in search results.\n"],null,["# Microdata support for Rich Snippets\n\n| It's been a while since we published this blog post. Some of the information may be outdated (for example, some images may be missing, and some links may not work anymore). Check out our [current documentation on structured data](/search/docs/appearance/structured-data/intro-structured-data).\n\nFriday, March 12, 2010\n\n\nHTML5 is the fifth major revision of HTML, the core language of the World Wide Web. The HTML5\nspecification includes a description of **microdata**, a new markup standard for specifying\nstructured information within web pages.\n\n\nToday, we're happy to announce support for microdata for use in\n[rich snippets](/search/docs/appearance/structured-data/intro-structured-data)\nin addition to our existing support for microformats and RDFa. By using microdata markup in your\nweb pages, you can specify\n[reviews](/search/docs/appearance/structured-data/review-snippet),\n[people profiles](/search/docs/appearance/structured-data/intro-structured-data),\nor\n[events](/search/docs/appearance/structured-data/event)\ninformation on your web pages that Google may use to improve the presentation of your pages in\nGoogle search results.\n\n\nHere is a simple HTML block showing a section of a review of\n\"L'Amourita Pizza\"\n: \n\n```\n \u003cdiv\u003e\n \u003ch1\u003eReview: L'Amourita Pizza\u003c/h1\u003e\n Written by Bob Smith\n Jan 15, 2010\n Rated \u003cb\u003e4.5\u003c/b\u003e - Excellent\n \u003c/div\u003e\n```\n\n\nHere is the same HTML with microdata added to specify the restaurant being reviewed, the author\nand date of the review, and the rating: \n\n```\n \u003cdiv itemscope itemtype=\"https://data-vocabulary.org/Review\"\u003e\n \u003ch1\u003eReview: \u003cspan itemprop=\"itemreviewed\"\u003eL'Amourita Pizza\u003c/span\u003e\u003c/h1\u003e\n Written by \u003cspan itemprop=\"reviewer\"\u003eBob Smith\u003c/span\u003e\n \u003ctime itemprop=\"dtreviewed\" datetime=\"2010-01-15\"\u003eJan 15, 2010\u003c/time\u003e\n Rated \u003cb itemprop=\"rating\"\u003e4.5\u003c/b\u003e - Excellent\n \u003c/div\u003e\n```\n\n\nMicrodata has the nice property of balancing richness with simplicity. As you can see, it's easy\nto add markup to your pages using a few HTML attributes like `itemscope` (to define a\nnew item), `itemtype` (to specify the type of item being described), and\n`itemprop` (to specify a property of that item). Once you've added markup to a page,\nyou can test it using the\n[rich snippets testing tool](https://www.google.com/webmasters/tools/richsnippets)\nto make sure that Google can parse the data on your page.\n\n\nAs with microformats and RDFa, the vocabulary that we support---including which item types\nand item properties are understood by Google---is specified in our rich snippets documentation\nas well as on data-vocabulary.org. Marking up your content does not guarantee that rich\nsnippets will show for your site; Google will expand the use of microdata markup gradually to\nensure a great user experience.\n\nTo get started, here are some helpful links:\n\n- [Rich snippets documentation](/search/docs/appearance/structured-data/intro-structured-data)\n- [Overview of microdata](/search/docs/appearance/structured-data/intro-structured-data)\n- [Official microdata specification](https://www.whatwg.org/specs/web-apps/current-work/multipage/microdata)\n- [Rich snippets testing tool](https://www.google.com/webmasters/tools/richsnippets)\n\n\nWritten by Siddhartha Chattopadhyay, Kavi Goel, Ramanathan V. Guha, [Pravir Gupta](/search/blog/authors/pravir-gupta), Othar Hansson"]]