構造化マークアップの基本パターン（ぱんくず・グローバルナビ）

繰り返しよく利用する構造化ナビゲーションのパターンです。ワードプレスのプラグイン「Breadcrumb NavXT」など、放っておていも構造化マークアップされる場合もありますが、基本パタンを覚えておくと便利なので。

グローバルナビゲーションの例

• メニュー１
• メニュー2

<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<li itemprop="name"><a itemprop="URL" href="URL">メニュー１</a></li>
<li itemprop="name"><a itemprop="URL" href="URL">メニュー2</a></li>
</ul>

ぱんくずリストの例

<div class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
<span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="URL"><span itemprop="name">TOPレベル</span></a><meta itemprop="position" content="1" /></span>
>
<span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item" href="URL"><span itemprop="name">第2階層</span></a><meta itemprop="position" content="2"></span>
>
</div>