マイクロデータ (HTML)

マイクロデータは、ウェブページ上の既存のコンテンツ内にメタデータをネストするために使用されるWHATWG HTML仕様です。 ^[1]検索エンジン、ウェブクローラー、ブラウザは、ウェブページからマイクロデータを抽出して処理し、それを使用してユーザーに豊かなブラウジング体験を提供することができます。検索エンジンは、マイクロデータに直接アクセスすることで、ウェブページ上の情報を理解し、より関連性の高い結果をユーザーに提供できるため、大きなメリットを得ています。^{[2] [3]}マイクロデータは、補助語彙を使用して項目を記述し、名前と値のペアを使用してそのプロパティに値を割り当てます。^{[4]マイクロデータは、} RDFaやマイクロフォーマットを使用する同様のアプローチよりも簡単に、機械可読タグでHTML要素に注釈を付ける方法を提供する試みです。

2013年、W3C HTMLワーキンググループはマイクロデータHTML仕様の編集者を見つけられなかったため、その開発は「ノート」で終了しました。^{[5] [6]}しかし、その時から2人の新しい編集者が選ばれ、5つの新しいバージョンのワーキングドラフトが公開されました。^{[7] [8] [9] [10]}最新のものは2018年4月26日のワーキングドラフトです。^[10]

マイクロデータ語彙は、アイテムのセマンティクスや意味を提供しません。 ^[11] Web開発者はカスタム語彙を設計するか、Webで利用可能な語彙を使用できます。一般的に使用されるマークアップ語彙のコレクションは、Schema.orgスキーマによって提供され、これにはPerson、Place、 Event、Organization、Product、Review、Review-aggregate、Breadcrumb、Offer、Offer-aggregateが含まれます。ウェブサイトschema.orgは、 Google、Microsoft、Yahoo!、Yandexなどの検索エンジンオペレーターによって設立され、検索結果を向上させるためにマイクロデータマークアップを使用しています。^{[12] : 85}

目的によっては、アドホックな語彙で十分です。他の目的には、語彙を設計する必要があります。可能な場合は、コンテンツの再利用が容易になるため、著者は既存の語彙を再利用することが推奨されます。^[1]

場合によっては、特定地域をカバーする検索エンジンが、地域固有のマイクロデータの拡張機能を提供することがあります。たとえば、ロシアの大手検索エンジンであるYandex は、 hCard (会社の連絡先情報)、hRecipe (料理のレシピ)、hReview (市場レビュー)、hProduct (製品データ)などのマイクロフォーマットをサポートし、用語の定義と百科事典記事に独自のフォーマットを提供しています。この拡張機能は、キリル文字とラテン文字間の音訳問題を解決するために作成されました。Schema の語彙から追加のパラメータを実装した後、^[13]ロシア語の Web ページの情報のインデックス作成がより成功するようになりました。

• itemscope– アイテムを作成し、この要素の子孫にそのアイテムに関する情報が含まれていることを示します。^[1]
• itemtype– アイテムとそのプロパティのコンテキストを説明する語彙の有効な URL。
• itemid– アイテムの一意の識別子を示します。
• itemprop– 包含タグが指定されたアイテムプロパティの値を保持していることを示します。プロパティの名前と値のコンテキストは、アイテムの語彙によって記述されます。プロパティ値は通常、文字列値で構成されますが、a要素とそのhref属性、img要素とそのsrc属性、または外部リソースにリンクまたは埋め込まれた他の要素を使用した URL を使用することもできます。^[1]
• itemref– 属性を持つ要素の子孫ではないプロパティは、itemscopeこの属性を使用してアイテムに関連付けることができます。itemidドキュメント内の他の場所にある追加のプロパティを持つ要素ID（sではない）のリストを提供します。^[1]
• datetime– ISO 8601規格で指定された日付または期間を示します。

人物に関する情報を含む典型的な「About」ページには、次の HTML5 マークアップが見られます。

< div >こんにちは、私の名前はジョン・ドゥです。私は
夢の大学。
友達は私をジョニーと呼びます。私のホームページは< a  href = "http://www.example.com/~JohnnyD" > www.example.com/~JohnnyD </ a >
からご覧いただけます。
私はジョージア州ワーナーロビンズのピーチドライブ1234番地に住んでいます。</ div >

以下はSchema.org ^{[14] [15] [16]} Microdataを追加した同じマークアップです。

< div 項目スコープ 項目タイプ= "http://schema.org/Person" > 
	こんにちは、私の名前は
	< span  itemprop = "name" >ジョン・ドゥ</ span >、
	私は
	< span  itemprop = "jobTitle" >大学院研究アシスタント</ span > 
	で
	< span  itemprop = "affiliation" >夢の大学</ span >。
	友達が私に電話してくる
	< span  itemprop = "additionalName" >ジョニー</ span >。
	私のホームページは
	< a  href = "http://www.example.com/~JohnnyD"  itemprop = "url" > www.example.com/~JohnnyD </ a >。 
	 < div  itemprop = "address"  itemscope  itemtype = "http://schema.org/PostalAddress" >
		私は住んでいます
		< span  itemprop = "streetAddress" > 1234 Peach Drive </ span >、
		 < span  itemprop = "addressLocality" > Warner Robins </ span >、
		 < span  itemprop = "addressRegion" > Georgia </ span >。
	 </ div > 
</ div >

上記の例が示すように、マイクロデータ項目はネストできます。この場合、http://schema.org/PostalAddress タイプの項目は、http://schema.org/Person タイプの項目内にネストされています。

以下のテキストは、Googleが上記のサンプルコードからマイクロデータをどのように解析するかを示しています。開発者は、Googleのリッチスニペットテストツールを使用して、マイクロデータを含むページをテストできます。^[17]

アイテム
   タイプ: http://schema.org/Person
   名前 = ジョン・ドゥ
   jobTitle = 大学院研究アシスタント
   所属 = 夢の大学
   追加名 = ジョニー
   URL = http://www.example.com/~JohnnyD
   住所 = 項目(1)
項目 1
   タイプ: http://schema.org/PostalAddress
   住所 = 1234 ピーチ ドライブ
   住所地域 = ワーナーロビンズ
   住所地域 = ジョージア

同じ機械可読用語は、HTML Microdata だけでなく、マークアップ内のRDFaやJSON-LDなどの他の注釈、またはRDF/XML、Notation3、Turtleなどのシリアル化内の外部RDFファイルでも使用できます。

• サーバー：Googleは^[18]検索結果ページでマイクロデータを使用できます。^{[17]これは}Google+ソーシャルネットワークで推奨されるスニペット形式でした。^[19]
• ブラウザ: 2021年7月現在^[update]、主要なブラウザでMicrodata DOM APIはサポートされていません。^[20] Operaは11.60（2011年リリース）からサポートしていましたが、その後実装を削除しました。^[21] Firefoxはバージョン49で削除しました^。[22]

• セマンティックウェブ
• マイクロフォーマット
• RDFa ライト
• JSON-LD
• CP/LD (コンテンツ プロファイル/リンク ドキュメント)
• セマンティック HTML
• セマンティックソーシャルネットワーク

• マイクロデータ — HTML ドラフト標準、WHATWG
• W3C HTML マイクロデータワーキンググループノート、W3C
• Almaer, Dion (2009-05-11)、Hixie が HTML5 の「マイクロデータ」の追加について説明、Ajaxian、2009-12-12 にオリジナルからアーカイブ
• HTML5 マイクロデータ仕様、Data-Vocabulary.org