itemprop属性 - アイテムのプロパティ
公開日:
itemprop属性は、アイテムのプロパティを指定するための属性です。構造化データをマークアップするのに利用します。
説明
itemprop属性は、構造化データにおけるアイテムのプロパティを指定するための属性です。例えば、「書籍」という構造化データを考えた場合、本のタイトル、著者名、発売日、ISBN番号など、様々なプロパティがあります。
HTML
<!-- 書籍名、ISBN番号という2つのプロパティで値を指定した -->
<dl itemscope
itemtype="http://schema.org/Book">
<dt>書籍名</dt>
<dd itemprop="name">SYNCER</dd>
<dt>ISBN</dt>
<dd itemprop="isbn">123-4-5678-AAAA-B</dd>
</dl>
サンプルコード
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>【デモ】itemprop属性 - アイテムのプロパティ</title>
<link rel="canonical" href="https://syncer.jp/Web/HTML/Reference/Global_attribute/itemprop/">
<style>
body {
background-color: #fff ;
}
</style>
</head>
<body>
<p>itemprop属性は、構造化データにおけるアイテムのプロパティを指定するための属性です。</p>
<p>どのような構造化データになるのか確認してみて下さい。 (<a href="https://search.google.com/structured-data/testing-tool/u/0/?hl=ja#url=https%3A%2F%2Fdemo.syncer.jp%2F824%2F" target="_blank">Google構造化データテストツール</a>)</p>
<dl itemscope
itemtype="http://schema.org/Book">
<dt>書籍名</dt>
<dd itemprop="name">SYNCER</dd>
<dt>ISBN</dt>
<dd itemprop="isbn">123-4-5678-AAAA-B</dd>
</dl>
</body>
</html>