グーグルがHTML5のMicrodataに早くも対応

2010年3月16日

Microdataは、HTMLにメタデータを埋め込むための記述方法です。HTML5の仕様の一部として策定が開始され、現在はW3CのHTML5仕様からは独立した仕様となっています

そのMicrodataをグーグルが読み取って「リッチスニペット」に利用すると、ブログ「Google Webmaster Central Blog」のエントリ「Microdata support for Rich Snippets」で明らかにしました。

リッチスニペットのデータとしてMicrodataを読み込み

リッチスニペットとは、検索結果に表示される情報です(ただしすべての結果に表示されるわけではありません)。

fig

上記の例(グーグルのリッチスニペットのページから)では、ネット上のレビュー記事をグーグルが自動的に集計して、星の数を表示しています。

このリッチスニペットを構成するために、グーグルはネット上のさまざまなレビュー記事を読み込み、集計するわけです。そして、ネット上の記事がレビュー記事であり、何をレビューし、星の数がいくつなのか、といったメタデータとして埋め込む方法としては、いままでMicroformatsやRDFaなどがありました。そこに新たにMicrodataが加わった、ということになります。

Microdataの詳細については、以下のPublickeyの記事をご参照ください。

実際のHTMLにレビュー記事用のMicrodataを組み込んだHTMLのサンプルが、上記のエントリにありましたので引用しましょう。

<div itemscope itemtype="http://data-vocabulary.org/Review" >
  <h1>Review: <span itemprop="itemreviewd">L'Amourita Pizza</span></h1>
  Written by <span itemprop="reviewer">Bob Smith</span>
  <time itemprop="dtreviewd" datetime="2010-01-15">Jan 15, 2010</time>
  Rated <b itmprop="rating">4.5</b> - Excellent
</div>

名前空間として"http://data-vocabulary.org/Review"が指定されており、どのお店か? 著者名、日付、レーティングなどがMicrodataとして指定され、ロボットがちゃんと読み取れるようになっています。

個人的にもMicrodataはMicroformatsよりも書くのが簡単なように思います。また上記のサンプルを見れば分かるとおり、HTML5でなくともMicrodataの埋め込みは可能です。グーグルがMicrodataへの対応を明らかにしたことで、Microdata形式でメタデータの埋め込みを行うためのツールや、情報が実際に埋め込まれたWebサイトが今後登場してくることでしょう。

あわせて読みたい

HTML/CSS Web技術 Google




タグクラウド

クラウド
AWS / Azure / Google Cloud
クラウドネイティブ / サーバレス
クラウドのシェア / クラウドの障害

コンテナ型仮想化

プログラミング言語
JavaScript / Java / .NET
WebAssembly / Web標準
開発ツール / テスト・品質

アジャイル開発 / スクラム / DevOps

データベース / 機械学習・AI
RDB / NoSQL

ネットワーク / セキュリティ
HTTP / QUIC

OS / Windows / Linux / 仮想化
サーバ / ストレージ / ハードウェア

ITエンジニアの給与・年収 / 働き方

殿堂入り / おもしろ / 編集後記

全てのタグを見る

Blogger in Chief

photo of jniino

Junichi Niino(jniino)
IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。
詳しいプロフィール

Publickeyの新着情報をチェックしませんか?
Twitterで : @Publickey
Facebookで : Publickeyのページ
RSSリーダーで : Feed

最新記事10本