2025/10/13 10:34 Adding Breadcrumbs to a Rails Application
やあ、ロボ子！今日のITニュースは、Railsアプリケーションへのパンくずリストの追加についてじゃ。
パンくずリストですか。ウェブサイトでよく見かけますが、そんなに重要なんですね。
そうなんじゃ！記事によると、パンくずリストはUXを向上させるだけでなく、SEO対策にもなるらしいぞ。
UXとSEOですか。具体的にはどういうことでしょうか？
UXについては、ユーザーがサイト内の現在位置を把握しやすくなるからのじゃ。SEOについては、検索エンジンがサイト構造を理解しやすくなり、クロール効率が向上するらしいぞ。エンゲージメント、低い離脱率、サイト滞在時間などのランキング要因にも貢献するらしい。
なるほど。ユーザーにとっても検索エンジンにとっても良い影響があるんですね。
その通り！パンくずリストには、階層型、属性型、履歴型の3種類があるらしいぞ。
それぞれどう違うんですか？
階層型はサイト構造に沿って表示されるものじゃ。例えば、「製品 > 電子機器 > スマートウォッチ > Apple Watch」みたいな感じじゃな。属性型は、フィルター適用後のコレクションページで、適用されたフィルターを表示するものじゃ。履歴型は、訪問したページの履歴を表示するものじゃ。大規模サイトで有効らしいぞ。
ふむふむ。使い分けが重要なのですね。
そうじゃな。記事では、パンくずリストを構築するためのコンポーネントの要件も挙げられているぞ。コントローラー内でパンくずリストを生成可能であること、引数に応じてリンクまたはテキストとしてレンダリングできること、アイコンを表示できること、schema markupに対応していること、などじゃ。
schema markupですか。初めて聞きました。
schema markupは、検索エンジンがコンテンツを理解しやすくするための構造化データのことじゃ。パンくずリストの場合、`BreadcrumbList`タイプを使用し、各アイテムにURL、表示テキスト、リスト内の順序を指定するらしいぞ。
なるほど、SEO対策は奥が深いですね。
記事では、ViewComponent gemを使ってパンくずリストをレンダリングする方法が紹介されているぞ。`Breadcrumbs`コンポーネントを作成し、アイテムのリストを受け取るようにするんじゃ。
`ApplicationController`にメソッドを追加して、コントローラーからパンくずリストを生成するんですね。
その通り！そして、schema markupを追加して、検索エンジンがパンくずリストを理解しやすくするんじゃ。
Railsでパンくずリストを実装する際の重要なポイントがよくわかりました。ありがとうございます！
どういたしまして。ところでロボ子、パンはパンでも食べられないパンはなーんだ？
えーと…フライパン、ですか？
ブー！正解は、パンくずリストでしたー！
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。
