WordPressでmicrodataに対応したパンくずリストを出力するプラグイン

動作サンプル

以下のように表示されます。CSSを利かさずに表示したらこんな感じ。

表示サンプル

これをCSSで調整することでこんな感じにできます。
記事が属するカテゴリー構造がわかりやすく?表示されます。

表示サンプル2

Googleでの表示

microdataに対応したパンくずリストを記述することで、Googleにカテゴリー構造を伝えられることができます。

Googleがカテゴリー構造を認識すると、以下のSERPのように通常はURLが表示される箇所(ページタイトル下の緑色文字)がパンくずリストに変わります。

microdataによるカテゴリー構造がGoogleのSERPに反映された例

プラグインのダウンロード

category-tree.zip

表示したい場所に

$categoryTree->display();

と、記述します。

設定

$categoryTree->display(FALSE, FALSE, "»");

第1引数(Bool / デフォルト:FALSE)をTRUEにすると、属するのカテゴリーを表示(FALSEなら、1つだけ)
第2引数(Bool / デフォルト:FALSE)をTRUEにすると、microdataも出力します。
ただ、複数のカテゴリーに属する記事の場合、microdataを出力してしまうと、逆に検索エンジンを混乱させてしまうかもしれません。

microdataについてはこのあたりを参照

第3引数(String / デフォルト: »)に入力した文字が、各パンくずの区切り文字になります。

CSSのサンプルはコチラ

.breadclumbs {
	font-size: 1.3em;
	text-align:left;
	margin: 5px 13px;
}
.breadclumbs ul {
margin: 0;
padding: 0;
float: left;
display: inline;
width: 100%;
list-style: none inside;
}
.breadclumbs>ul {
padding: 3px 5px;
}
.breadclumbs ul li {
margin: 0;
padding: 0;
float: left;
display: inline;
}
ul.depth > li {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.separater {
display: inline-block;
padding: 0 3px;
}