コンテンツにスキップ

HTML Living Standard/マイクロデータ

出典: フリー教科書『ウィキブックス(Wikibooks)』

マイクロデータ

[編集]

概要

[編集]

マイクロデータは、HTMLドキュメント内に機械可読なデータを埋め込むための仕様です。Webページのコンテンツに意味的なアノテーションを追加することで、検索エンジンやその他のアプリケーションがコンテンツをより正確に理解し、処理することができます。

基本的な構文

[編集]

マイクロデータは以下の属性を使用して実装されます:

  • itemscope - 新しいアイテムの開始を示します
  • itemtype - アイテムの種類を示すURLを指定します
  • itemprop - アイテムのプロパティを定義します

基本的な例

[編集]
<div itemscope itemtype="https://schema.org/Person">
  <span itemprop="name">山田太郎</span>
  <span itemprop="jobTitle">ソフトウェアエンジニア</span>
  <span itemprop="telephone">03-1234-5678</span>
</div>

スコープとネスト

[編集]

マイクロデータのアイテムは互いにネストすることができます。これにより、複雑なデータ構造を表現することが可能になります。

ネストの例

[編集]
<div itemscope itemtype="https://schema.org/Organization">
  <span itemprop="name">株式会社テック</span>
  <div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
    <span itemprop="postalCode">100-0001</span>
    <span itemprop="addressRegion">東京都</span>
  </div>
</div>

プロパティの値

[編集]

プロパティの値は以下のように設定できます:

  • 要素の内容から(デフォルト)
  • content属性を使用して
  • href, src, dataなどの特定の属性から

content属性の使用例

[編集]
<div itemscope itemtype="https://schema.org/Product">
  <span itemprop="name">スマートフォン</span>
  <meta itemprop="productID" content="isbn:978-4-123456-78-9"/>
</div>

Schema.orgとの統合

[編集]

マイクロデータは多くの場合、Schema.orgの語彙と組み合わせて使用されます。Schema.orgは、主要な検索エンジンによってサポートされている標準化された語彙を提供します。

主要なSchema.orgタイプ

[編集]
  • Person - 人物の情報
  • Organization - 組織の情報
  • Product - 製品の情報
  • Event - イベントの情報
  • Recipe - レシピの情報

マイクロデータの利点

[編集]

マイクロデータを使用する主な利点:

  • 検索エンジン最適化(SEO)の向上
  • リッチスニペットの生成
  • データの構造化による再利用性の向上
  • 機械可読性の向上

検証とテスト

[編集]

マイクロデータの実装を検証するためのツール:

  • Google構造化データテストツール
  • Schema.org Validator
  • Yandex構造化データバリデータ

ベストプラクティス

[編集]

マイクロデータを実装する際の推奨事項:

  • 適切なSchema.orgタイプの選択
  • 必須プロパティの確実な実装
  • 明確で一貫性のある構造化
  • 正確なデータの提供

参考文献

[編集]

関連仕様

[編集]