HTML Living Standard/itemprop属性

itemprop属性

itemprop属性は、HTMLにおいて要素のメタデータのプロパティ名を定義するために使用されるグローバル属性です。この属性は通常、Schema.orgのマイクロデータ仕様と連携して使用され、構造化データのプロパティを記述します。

基本構文

<element itemprop="property-name"></element>

• element: 属性を適用するHTML要素。
• property-name: 定義するプロパティの名前。Schema.orgなどで定義されたプロパティ名を使用します。

使用例

商品情報を定義

<div itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">サンプル商品</h1>
  <p itemprop="description">この商品はデモ用です。</p>
  <span itemprop="price">1200</span>円
</div>

この例では、itemprop属性を使用して、商品名、説明、価格などのプロパティを定義しています。

動作の概要

• プロパティの役割:
  • マイクロデータにおけるプロパティを定義し、構造化データを補完します。
• itemscopeと組み合わせ:
  • itemscopeおよびitemtype属性と連携して、エンティティのデータを構造化します。
• 検索エンジン最適化 (SEO):
  • 構造化データにより、リッチスニペットとして検索結果に表示される可能性が高まります。

itemprop属性の利用シーン

• 製品情報のマークアップ:
  • 商品名、価格、説明などをSchema.orgのプロパティとして定義します。
• イベントデータ:
  • イベント名、日時、場所などを明確に定義し、カレンダーや検索エンジンでの活用を促進します。
• レビューや評価の表示:
  • レビュー内容や評価スコアを構造化データとして記述します。

注意点

• プロパティ名の選択:
  • Schema.orgで定義されているプロパティ名を使用することが推奨されます。
• ブラウザサポート:
  • 属性自体はすべてのブラウザでサポートされていますが、構造化データの解釈は検索エンジンやツールに依存します。
• アクセシビリティ:
  • 構造化データのマークアップはアクセシビリティに直接影響しませんが、適切な要素とARIA属性で補完することが重要です。

互換性

互換性

ブラウザ	サポート状況
Chrome	対応
Edge	対応
Firefox	対応
Safari	対応
Opera	対応

参考文献

• HTML Living Standard - itemprop attribute
• MDN Web Docs - itemprop attribute

関連項目

• マイクロデータ
• itemscope属性
• itemtype属性