itemprop 属性Microdata のプロパティを指定する

itemprop 属性は Microdata (マイクロデータ) のマークアップを行う際、プロパティを指定する属性です。

属性値には、schema.org などで策定されている Microdata プロパティを指定し、itemscope 属性や itemtype 属性と組み合わせて指定することで、セマンティックのための様々なメタデータを与えることができます。

なお、itemprop 属性が付与された link 要素meta 要素はフロー・コンテンツ、またはフレージング・コンテンツが期待される場所で使用することができますが、meta 要素に対して itemprop 属性が指定されている場合は、name、http-equiv、charset 属性を同時に指定することはできません。また、link 要素が itemprop 属性を持つ場合、rel 属性は省略することができます。

サンプルソースを見る

itemprop 属性の仕様

この属性を使用できる要素
  • すべての HTML5 要素

itemprop 属性のサンプルソース

<!DOCTYPE html>
<html lang="ja" itemscope="itemscope" itemtype="http://schema.org/WebPage">
 <head>
  <meta charset="utf-8" />
  <title itemprop="name">文書のタイトル</title>
  <meta itemprop="description" content="文書の概要テキスト" />
  <link itemprop="author" href="http://example.com/aboutme/" />
</head>
<article itemscope="itemscope" itemtype="http://schema.org/Article">
 <meta itemprop="description" content="記事の概要" />
 <link itemprop="author" href="http://example.com/aboutme/" />
 <header>
  <h1 itemprop="name"><a itemprop="url" href="/path_of_article.html">記事のタイトル</a></h1>
 </header>
 …省略…
</article>