Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】itemprop属性の使い方

itemprop属性の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

itempropプロパティは、HTML要素が保持する特定の意味や値を定義するためのプロパティです。これにより、Webページのコンテンツに「マイクロデータ(Microdata)」と呼ばれる構造化された情報を埋め込むことが可能になります。

このプロパティを使用することで、Webページ上のテキストや画像などの情報が具体的に何を意味するのかを、人間だけでなく検索エンジンや他の機械が正確に理解できるようになります。例えば、「価格」「商品名」「著者」「評価」といった、特定のデータが持つプロパティの名前を指定し、そのプロパティに対応する値をHTML要素に紐付けます。これにより、検索エンジンはページの内容をより深く解釈し、検索結果にその情報をリッチスニペットとして表示するなど、ユーザーにとってより有益な形で提供することが可能になります。

itempropは、itemscopeプロパティで定義されたアイテムのスコープ内で、そのアイテムの具体的なプロパティとして機能します。また、itemtypeプロパティと組み合わせることで、アイテムの種類(例:商品、人物、イベントなど)を定義し、その種類に応じた標準的なプロパティ名をitempropで指定します。これは、国際的な標準に基づいた情報の構造化を可能にし、幅広いシステムでの相互運用性を確保します。

システムエンジニアを目指す初心者の方にとって、itempropはWebサイトの検索エンジン最適化(SEO)や、セマンティックな(意味のある)Webコンテンツを構築する上で重要なツールであり、情報の機械可読性を高める技術として理解しておくことが推奨されます。

公式リファレンス: HTML itemprop global attribute

構文(syntax)

1<element itemprop="property_name"></element>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ