BitArts Blog

ロードバイク通勤のRubyプログラマで伊豆ダイバー。の個人的なブログ。

Railsでパンくずbreadcrumbs_on_railsにmicrodata構造化マークアップを追加

Railsパンくずリストを実装するのに、breadcrumbs_on_railsを使っています。

これの出力をカスタマイズしたい。

Googleの検索結果にもパンくずリストが表示されるようにしたい。こんな感じで↓

このようにするためには、microdata構造化マークアップを追加すればよい。

参照: リッチ スニペット - パンくずリスト - ウェブマスター ツール ヘルプ

ついでに、長いタイトルを切り詰めたい。こんな感じで↓

実装方法だが、breadcrumbs_on_railsのドキュメントには書いてないけど、ソースを見てみたらちゃんとカスタマイズが考慮されていた。デフォルトのビルダBreadcrumbsOnRails::Breadcrumbs::SimpleBuilderを継承したクラスを作って#render_elementをオーバーライドする。

オートロードパスに置くなりしてください。

viewではrender_breadcrumbsのbuilderオプションでビルダを指定すればok。

<%= render_breadcrumbs builder: CustomBreadcrumbsBuilder %>