SYNCER

SYNCER

itemtype属性 - アイテムの種類

公開日:

itemtype属性は、アイテムの種類を指定するための属性です。schema.orgにおいては、種類はアドレスで指定します。構造化データをマークアップするのに利用します。

説明

itemtype属性を付けると、構造化データにおける、アイテムの種類を指定するための属性です。下記の例の場合、「書籍」がアイテムの種類で、「書籍名」「ISBN番号」はアイテムの種類の各プロパティとなります。

HTML

<!-- 書籍(http://schema.org/Book)の構造化データをマークアップ -->
<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>【デモ】itemtype属性 - アイテムの種類</title>
		<link rel="canonical" href="https://syncer.jp/Web/HTML/Reference/Global_attribute/itemtype/">
		<style>
			body {
				background-color: #fff ;
			}
		</style>
	</head>
	<body>

<p>itemtype属性は、構造化データの、アイテムの種類を指定するための属性です。</p>

<p>どのような構造化データになるのか確認してみて下さい。 (<a href="https://search.google.com/structured-data/testing-tool/u/0/?hl=ja#url=https%3A%2F%2Fdemo.syncer.jp%2F827%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>

デモを開く

デモ

</head><body>までを含めて下さい。

<body> <div id="___body">

</div> <script>...</script> </body> </html>

<style>

</style>

<script>

</script>