Googleパンくずリストを認識させるやつ

<a href="http://www.ikedakana.com/entry/category-breadcrumb">はてなブログでパンくずリストを無理やり実装してGoogleにカテゴリ構造を認識させたよ - 太陽がまぶしかったから</a>

　この記事で紹介したスクリプトについて、正直なところ「Googleに階層関係で認識させるまで」に力点があって、ベタ書きのテストスクリプトをそのまま出してしまったので、扱い辛いものとなっていました。またJavaScript中の「topUrl」という変数を自サイトのURLに変更する必要があるというアナウンスが充分でなかったためか、このブログのURLが入ったままとなってしまったブログもあるようです*1。

<a href="http://psn.hatenablog.jp/entry/2014/10/12/090500">Googleとパンくずとその他のお話 - すなばいじり</a>

　このため、ブログURLをスクリプトを起動したURLから取得するようにし、またJSファイルの外部化を行って配置の簡略化を行いましたため、お手数ですが差し替えをお願い致します。動作内容については基本的に変えてません*2。

　既に別の方々による改良版についても開発されているので、そちらの利用を検討いただいていてもよいかと思います。「-」区切り型の階層関係については、このスクリプト独自の仕様となっていますので、既に利用している方は、今回の物を利用頂く必要がありますが。

<a href="http://psn.hatenablog.jp/entry/2014/10/11/200756">はてなブログのカテゴリをGoogleに認識させるやつ 3 (パンくずリスト) - すなばいじり</a> <a href="http://sprint-life.hatenablog.com/entry/2014/10/13/220756">はてなブログのカテゴリーリンクをパンくずリストに書きかえるスクリプト - Sprint Life</a>

JavaScriptの配置

　デザイン画面のヘッダまたはフッタに以下のスクリプトを配置します。

f:id:bulldra:20140923211820p:plain

<script src="https://www.google.com/jsapi"></script>
<script src="http://bulldra.github.io/commons.js" charset="utf-8"></script>
<script src="http://bulldra.github.io/breadcrumb.js" charset="utf-8"></script>

　サイドバーのカテゴリモジュールで親カテゴリのみを表示させる処理については標準で動かないようになっているので、動作させる場合には上記コードに以下のコードを追記します。

<script type="text/javascript">
google.setOnLoadCallback(categoryHierarchyModule);
</script>

　記事上や記事下などのパンくずリストを表示させたい場所に以下のHTMLを記述します。

f:id:bulldra:20140923212043p:plain

<style>
div #breadcrumb div {
    display: inline;
    font-size: 13px;
}
</style>
<div id="breadcrumb"></div>

まとめ

　以前まで、自分がブログパーツを公開する時は「コピペで簡単に」というよりは、「自分なりのパーツを作るための半完成品のキット」というスタンスでいたのですが、思っていたよりも使って頂く機会がありますし、なるべく安全側に傾ける方がよいのだろうと感じてます。一旦広ってしまうと直してもらうのも手間ですし、こちらでも利用者を把握しきれないため、問題があっても修正が後手後手となってしまいました。

<a href="http://www.ikedakana.com/entry/might_spam_read_together">当ブログで配布していた「あわせて読みたいウィジット」がSEOスパムになっている可能性があるため差し替えをお願いします - 太陽がまぶしかったから</a>

　これに対応するため、今後は以下のブログパーツと同様にスクリプト本体はこちらで管理して、適宜内部的なアップデートを加える運用を前提にしていきます。

<a href="http://www.ikedakana.com/entry/read-together-g">表示記事に関係するカテゴリのブログカードを記事下に表示させる「あわせて読みたいG」の公開 - 太陽がまぶしかったから</a>

　本ブログパーツについてもお手数ですが差し替えをよろしくおねがいします。