@kazuhito
Kazuhito Kidachi's Personal Web Site Since 2000

パンくずナビとマイクロデータ

俗にいうパンくずナビと呼ばれる存在があるのですけど、その構造化データをHTML5のマイクロデータを使って実装しようとリッチ スニペット - パンくずリスト - ウェブマスター ツール ヘルプを見ると、面倒臭すぎて死んでしまいそうなマークアップ例が掲載されています:

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/dresses" itemprop="url">
<span itemprop="title">ドレス</span>
</a> ›
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/dresses/real" itemprop="url">
<span itemprop="title">ドレス</span> </a> ›
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
<span itemprop="title">緑のドレス</span> </a>
</div>

個々のリンクに都度itemscope属性とかitemtype属性を指定するなんて冗長すぎます。CMSの類でも無い限り、こんなマークアップ嫌ですね。というか、そもそもGoogle先生はschema.orgのほうもサポートしているはずなのに、いつまでdata-vocabulary.orgの語彙のみをサンプルに使っているのか謎なのですけど。で、そのschema.orgのほう(WebPage - schema.org)なんですが、

<body itemscope itemtype="http://schema.org/WebPage">
...
<div itemprop="breadcrumb">
<a href="category/books.html">Books</a> >
<a href="category/books-literature.html">Literature & Fiction</a> >
<a href="category/books-classics">Classics</a>
</div>

こんな感じのサンプルが載っています......何それー。シンプルですごくラクだけど、逆にいろいろ不安というか、ちゃんとうまいこと構造を拾ってもらえるんですかね、これだけで?あと、これはdata-vocabulary.orgの語彙についても言えることですが、そのページ自身、つまり現在地を表現するためのプロパティって不要なんでしょうか。というのも含め、絶賛もやもや中。

現在地:ホーム > 覚え書き > 月別アーカイブ > 2013年6月 > パンくずナビとマイクロデータ
Google カスタム検索を利用しています