@kazuhito
Kazuhito Kidachi's Personal Web Site Since 2000

BreadcrumbListの実装

schema.orgのパンくずリストをようやくGoogleがサポート開始 | 海外SEO情報ブログを読んで、パンくずリストと呼ばれる何かの構造化データをちゃんと実装しなきゃ、と思いました。昨年末に勤務先のBlogでschema.org v1.92で追加されたBreadcrumbListという記事を書いていましたが、まさにそのBreadcrumbListを実装しようということです。まずは当覚え書きで採用しているマークアップパターンを実験台に、

<div class="topic_path" itemprop="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
現在地:<span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><meta itemprop="position" content="1"><a href="/" itemprop="item"><span itemprop="name">ホーム</span></a></span> &gt; <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><meta itemprop="position" content="2"><a href="/blog/" itemprop="item"><span itemprop="name">覚え書き</span></a></span> &gt; <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><meta itemprop="position" content="3"><a href="/blog/archives/" itemprop="item"><span itemprop="name">月別アーカイブ</span></a></span> &gt; <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><meta itemprop="position" content="4"><em itemprop="item"><span itemprop="name">2015年6月</span><meta itemprop="url" content="http://kidachi.kazuhi.to/blog/archives/2015_06.html"></em></span>
</div>

みたいにしてみました。現状、もやもやポイントは以下の2点:

現在地:ホーム > 覚え書き > 月別アーカイブ > 2015年6月 > BreadcrumbListの実装
Google カスタム検索を利用しています