グーグルが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サイトが今後登場してくることでしょう。

このエントリーをはてなブックマークに追加
follow us in feedly


関連タグ HTML/CSS / Web技術 / Google



タグクラウド(β版)

クラウド / AWS / Azure / Google Cloud
コンテナ / Docker / Kubernetes
クラウドネイティブ / サーバレス
クラウド障害 / 運用・監視

プログラミング言語 / 開発ツール
JavaScript / Java / .NET / WebAssembly
HTML/CSS / Web標準
アジャイル開発 / スクラム / DevOps / CI/CD
ソフトウェアテスト・品質
ローコード/ノーコード開発

データベース / RDB / NoSQL / 機械学習・AI
Oracle Database / MySQL / PostgreSQL
Office / 業務アプリケーション

ネットワーク / HTTP / QUIC / セキュリティ
OS / Windows / Linux / VMware
ハードウェア / サーバ / ストレージ

業界動向 / 働き方 / 給与・年収
編集後記 / 殿堂入り / おもしろ

全てのタグを見る

Blogger in Chief

photo of jniino

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

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


最新記事10本