パンくずリストとは？SEO効果・種類・設置方法を初心者向けに解説

Webサイトの上部でよく見かける「ホーム＞カテゴリ＞記事タイトル」といった表示、あれが「パンくずリスト」です。名前は知っていても、由来やSEOへの効果、正しい設置方法まで説明できる人は意外と多くありません。本記事では、Web制作初心者からWeb担当者、マーケター、デザイナー・エンジニアまで、それぞれの関心に沿って基礎から実装方法まで解説します。

パンくずリストとは？意味と名前の由来

パンくずリスト（英語ではBreadcrumbs、Breadcrumb Trail）とは、Webサイトを訪れたユーザーに対して「今、サイト内のどこにいるのか」を視覚的に示すナビゲーション要素です。多くの場合ページ上部に設置され、「ホーム ＞ Webデザイン講座 ＞ パンくずリストとは」のように、階層構造をリンク付きのテキストで表示します。

ヘンゼルとグレーテルに由来する名前

「パンくず」という少し変わった名前は、グリム童話『ヘンゼルとグレーテル』に由来します。主人公の兄妹が森の中で迷子にならないよう、通ってきた道にパンくずを少しずつ落としていったエピソードが元になっており、道に迷わないための目印という意味合いがそのままWebサイトのナビゲーションの名称として定着しました。

初めてWebサイトの制作・運営に携わる方にとっては些細な雑学に思えるかもしれませんが、名前の由来を知っておくと、パンくずリストの本質的な役割、すなわち「ユーザーが迷わないための道しるべ」であるという設計思想を理解しやすくなります。

パンくずリストとURLの違い

URLはブラウザのアドレスバーに表示される技術的な住所であり、一般のユーザーが意識して読むことは多くありません。一方パンくずリストは、ページの本文エリアに表示され、ユーザーが目にする「サイト内の地図」として機能します。ディレクトリ構造をそのままURLに反映しているサイトでは両者が近い形になりますが、必ずしも一致させる必要はなく、ユーザーにとって分かりやすい経路を優先して設計するケースも少なくありません。

パンくずリストの3つの種類

パンくずリストには大きく分けて3つの種類があります。それぞれ目的や向いているサイトが異なるため、自社サイトの構造に合わせて選ぶことが大切です。

Webサイト全体の設計に責任を持つデザイナーやエンジニアの方は、まず位置型を基本としつつ、ECサイトなど絞り込み要素が強いサイトでは属性型の併用を検討するとよいでしょう。

パンくずリストを設置する4つのメリット

パンくずリストの設置には、ユーザビリティ・SEOの両面でメリットがあります。ここでは代表的な4つを紹介します。

ユーザビリティが向上し直帰率が下がる

ユーザーは今自分がサイトのどの位置にいるかを直感的に把握でき、上位階層への移動もワンクリックで行えます。目的の情報と少し違うページにたどり着いた場合でも、パンくずリストから一つ上の階層に戻れるため、そのままサイトを離脱してしまう可能性を減らせます。

サイト内の回遊率が高まる

兄弟階層や上位カテゴリへの移動をしやすくすることで、1回の訪問で複数のページを閲覧するユーザーが増え、サイト全体の回遊率向上が期待できます。

内部リンクとしてクローラビリティを高める

検索エンジンのクローラーはリンクをたどってサイト内を巡回するため、パンくずリストが適切に設置されていると、サイト全体の階層構造や各ページの関連性を検索エンジンが把握しやすくなります。

検索結果でのクリック率（CTR）向上につながる

構造化データとしてマークアップしておくと、Googleの検索結果でURLの代わりにパンくず形式の階層情報が表示される場合があります。クリックする前に内容とのミスマッチが減り、クリック率の向上や不要な離脱の防止が期待できます。

パンくずリストのSEO効果を正しく理解する

「パンくずリストを設置すれば検索順位が上がる」という単純な話ではありませんが、SEOの土台となる複数の要素に関わっています。

クロールバジェットと内部リンク評価

パンくずリストによって全ページから上位階層への内部リンクが自然に生まれるため、サイト全体の情報構造が整理され、クローラーがサイトのテーマ性やページ同士の関係性を把握しやすくなります。

2025年1月のGoogleモバイル検索仕様変更と今後の考え方

Googleは2025年1月、モバイル検索結果の表示URL欄からパンくずリスト形式の表示を廃止し、サイト名（ドメイン）のみを表示するシンプルな形式に統一しました。この変更はモバイル検索のみが対象で、デスクトップの検索結果では従来通り表示が維持されています。

この変更は「表示上の見え方」に関するものであり、BreadcrumbList構造化データを設置する意味がなくなったわけではありません。内部リンクとしての価値、クローラビリティの向上、ユーザビリティ向上によるサイト内回遊率の改善といった効果は引き続き有効です。

パンくずリストの設置方法（HTML/CSSの基本実装）

基本的なHTMLマークアップの書き方

パンくずリストは、リンクのリストであることを踏まえ、

（順序付きリスト）を使ってマークアップするのが一般的です。外側を