コンテンツにスキップ

HTML Living Standard/itemtype属性

リンクを追加
出典: フリー教科書『ウィキブックス（Wikibooks）』

itemtype属性

[編集]

itemtype属性は、HTMLにおいてアイテムの種類を指定するために使用されるグローバル属性です。この属性は、Schema.orgなどのスキーマURLを指定することで、そのアイテムがどのようなタイプであるかを定義します。itemscope属性と組み合わせて使用されます。

基本構文

[編集]
<element itemscope itemtype="schema-URL"></element>
  • element: 属性を適用するHTML要素。
  • schema-URL: スキーマの種類を指定するURL。通常、Schema.orgのURLを指定します。

使用例

[編集]
製品タイプの指定
<div itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">サンプル商品</h1>
  <p itemprop="description">この商品はデモ用です。</p>
</div>

この例では、itemtype属性により、<div>要素がhttp://schema.org/Product（製品）タイプであることを定義しています。

イベントタイプの指定
<div itemscope itemtype="http://schema.org/Event">
  <h1 itemprop="name">サンプルイベント</h1>
  <p itemprop="description">このイベントはデモ用です。</p>
  <time itemprop="startDate" datetime="2025-01-10">2025年1月10日</time>
</div>

この例では、イベントタイプのスキーマを指定し、イベントに関連するデータを構造化しています。

動作の概要

[編集]
  • アイテムの種類を明示:
    • itemtype属性を使用することで、アイテムの種類を検索エンジンやツールに明示できます。
  • スキーマURLの活用:
    • Schema.orgのURLを指定することで、標準化されたデータ構造を適用します。
  • itemscopeとの併用:
    • 必ずitemscope属性と組み合わせて使用します。

itemtype属性の利用シーン

[編集]
  • 構造化データの提供:
    • ウェブページのデータを明確に分類し、検索エンジンやアプリケーションでの処理を容易にします。
  • リッチスニペットの生成:
    • 指定されたスキーマに基づいて、検索結果にリッチスニペットが表示される可能性が高まります。
  • 業種別データの管理:
    • 商品、イベント、組織、レビューなど、さまざまなタイプのデータを適切に分類できます。

注意点

[編集]
  • 正確なスキーマURLの指定:
    • Schema.orgやカスタムスキーマの正しいURLを使用してください。誤ったURLを指定すると、データが正しく解釈されない可能性があります。
  • ブラウザサポート:
    • 属性自体はHTML仕様の一部としてサポートされていますが、検索エンジンや解析ツールによる対応状況に依存します。
  • アクセシビリティ:
    • 属性自体はアクセシビリティに直接影響しませんが、構造化されたマークアップがユーザー体験の向上につながる場合があります。

互換性

[編集]
互換性
ブラウザ サポート状況
Chrome 対応
Edge 対応
Firefox 対応
Safari 対応
Opera 対応

参考文献

[編集]

関連項目

[編集]
"https://ja.wikibooks.org/w/index.php?title=HTML_Living_Standard/itemtype属性&oldid=267216" より作成