パンくずリストと階層構造

パンくずリストとは、ページが属するカテゴリ階層をナビゲーション形式で示したUI要素であり、「トップページ > カテゴリ > 記事名」のように連なった構造で表示される。ユーザーがサイト内の現在地を把握し、上位階層に素早く戻りやすくするためのナビゲーション補助として機能する。特にコンテンツ数が多く階層が深いサイトにおいては、ユーザーが迷子になりにくくなるためにパンくずリストの存在が特に有効に働く。

検索エンジンの観点では、パンくずリストはサイトの階層構造を伝えるシグナルとして機能する。HTMLで適切にマークアップされたパンくずリストは、検索結果のスニペット内にURL代わりに表示されることがあり、ユーザーがページの位置づけを直感的に把握しやすくなる。この表示を確実に行うには、BreadcrumbList 型の構造化データをページに追加することが推奨される。構造化データとHTMLのパンくずが一致していることが重要であり、内容が食い違うと評価の対象外となる場合がある。

パンくずの設計においては、実際のURLのディレクトリ構造とパンくずの階層が一致していることが望ましい。不一致がある場合でも canonical と組み合わせることで矛盾を解消できるが、構造を統一しておく方が長期的な保守性は高まる。また、一つのページが複数のカテゴリに属する場合は、代表となるカテゴリ一つを選んでパンくずに表示し、他のカテゴリへは内部リンクで横断的に誘導する設計が一般的である。パンくずリストをページフッターではなくコンテンツ本体の冒頭近くに配置することで、ユーザーが最初に目にしやすくなり、離脱率の抑制にも貢献する。