Change breadcrumb markup from paragraph to ordered list

[r7kamura]

HTMLページ上部のパンくずリスト部分のマークアップ方法を、これまでp要素と>の文字で1つの段落として表現していたのを、ol要素とli要素を使って順序付きリストで表現するように変えたいのですが、どうでしょうか。

ナビゲーション用の要素であることが機械からもより理解しやすくなるので、検索インデックス生成用のクローラにも優しいし、将来もう少しメタデータを追記することで、例えばGoogleの検索結果にパンくずリストが表示されるようにもできます。
https://developers.google.com/search/docs/data-types/breadcrumb?hl=ja

[r7kamura]

見た目は変更前後でほぼ変わらないように気を付けてCSSを編集しています。

良い感じに確認する方法が分からなかったのでかなり雑ですが (もし良い方法を知っていたら教えてください！)、次のような見た目になります。

変更前

変更後

[hanachin]

header/navでマークアップするとアクセシビリティの観点でもよさそう 👍

確認、私はbitclustのこのブランチチェックアウトしてdoctreeの方で bundle exec rake して /tmp/html にある生成されたファイル見てます。

見た目、実際見てみて違い感じなかったので、マージしちゃいます。
Pull Request圧倒的感謝 🙏

[r7kamura]

確認、私はbitclustのこのブランチチェックアウトしてdoctreeの方で bundle exec rake して /tmp/html にある生成されたファイル見てます。

おー、rakeのタスクが用意されてるのか。ありがとうございます 👍