bootstrap3になって、パンくずのパークアップが変更されたのは皆さんご存知ですよね。 その変更によって、パンくずをmicrodata形式でリッチスニペット化する際に問題が起きるようになりました。 bootstrap2のパンくずのリッチスニペット bootstrap2の時は以下でgoogleリッチスニペットのパンくずを実現していました。 microdata形式です。 <ul class="breadcrumb"> <li> <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a href="/" itemprop="url"><span itemprop="title">TOP</span> <span class="divider">/</span></a> </div> </li> <li>
![【パンくず】bootstrap3のパンくずをリッチスニペット化する際の注意点【microdata】 - 文系プログラマによるTIPSブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/4f9de93f62727be5cbf1ab22ba8cde6ad4d9d557/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ftreeapps%2F20130929%2F20130929141653.png)