パンくずリストとは？図解でわかる仕組み・種類・SEO効果と設置手順

パンくずリストとは、Webサイトの現在ページがサイト内のどの位置にあるかを「ホーム＞カテゴリ＞現在のページ」のように示すナビゲーション機能です。ユーザーの迷子防止と離脱率の低減に役立つだけでなく、検索エンジンのクロール効率を高め、構造化データと組み合わせることでリッチリザルト表示にもつながります。本記事では図解イメージと具体例を使い、種類・SEO効果・設置位置・HTML/WordPressでの設置手順・構造化データの書き方までを網羅的に解説します。

パンくずリストとは？図解でわかる定義と由来

パンくずリストとは、Webサイトの階層構造の中で現在ページがどの位置にあるかを、ユーザーにわかりやすく示すナビゲーション機能のことです。一般的には「ホーム＞カテゴリ＞現在のページ」という形式で、サイト上部やメインコンテンツの直前に表示されます（出典：SEO Hacks）。

結論：現在地を示すナビゲーションのこと

パンくずリストは、ユーザーが今どのページを見ているかを一目で理解できるようにする道しるべのような役割を持つナビゲーションです。たとえばECサイトで「ホーム＞トップス＞Tシャツ＞半袖」と表示されていれば、自分がどのカテゴリの商品を見ているのかがすぐにわかります。この現在地表示によって、上位カテゴリへワンクリックで戻れる操作性も同時に提供されます。

TechSuite株式会社の「AI検索パートナーズ」は、生成AIが引用・推薦する仕組みを構造化データや意味的文脈、エンティティ認識の観点から技術的に捉え、パンくずリストのような階層情報の設計もLLMO/GEO/AEO対策の一部として一次情報設計まで踏み込んで支援しています。

図解でわかる表示イメージ（PC/スマホ）

パンくずリストは、コーポレートサイト・EC・オウンドメディア・採用サイトなど、サイトの種類によって表示される階層の内容が変わります。次の表は代表的なサイト種別ごとの表示イメージです。

サイト種別	表示例	意図
コーポレートサイト	ホーム＞会社情報＞代表挨拶	組織情報の位置づけを明示
ECサイト	ホーム＞トップス＞Tシャツ＞半袖	商品カテゴリの階層を明示
採用サイト	ホーム＞インタビュー＞Webデザイナー	職種別コンテンツの位置づけ
オウンドメディア	ホーム＞SEO＞パンくずリストとは	記事カテゴリの分類を明示

これらの表示例からもわかるように、パンくずリストは左端が最も広いカテゴリ（ルート）、右端が最も具体的な現在ページになる並び順が基本です（出典：Xserverビジネス）。PCでは上部に横一列で表示されることが多く、スマホでは画面幅の制約から下部に配置されたり、一部が省略表示されたりする点も特徴です。

名前の由来と正式名称・英語表記

パンくずリストという名前は、童話『ヘンゼルとグレーテル』で森の中で道に迷わないようパンくずを落として道標にしたエピソードに由来しています（出典：Willgate）。

英語表記では「Breadcrumbs」が最も一般的で、ほかに「ナビゲーションパス（Navigation Path）」や「階層ナビゲーション」とも呼ばれています（出典：ミエルカ）。呼び方は複数あるものの、指しているのは同じ「現在地を示す階層ナビゲーション」であるという点は変わりません。呼称の違いに惑わされず、機能面を正しく理解することが実装時の判断ミスを防ぐポイントになります。

パンくずリストの3つの種類とどれを選ぶべきか

パンくずリストには位置型・属性型・パス型の3種類があり、サイトの目的や構造に応じて適切なタイプを選ぶことが重要です。多くのサイトでは位置型が採用されていますが、ECサイトでは属性型が組み合わされることもあります。

位置型（サイトの階層をそのまま示す）

位置型はサイトの階層構造をそのまま反映するタイプで、どのページからたどっても同じページであれば表示内容が変わらない、最も一般的なパンくずリストです。SEO Hacksではこのタイプを「階層型」と呼び、検索エンジンがサイト構造を理解しやすくSEO効果が高いと説明しています（出典：SEO Hacks）。コーポレートサイトやオウンドメディアなど、カテゴリ構造がシンプルなサイトに向いています。

属性型（条件やタグで分類が変化する）

属性型は、カテゴリ・タグ・検索条件などユーザーがたどった経路によって表示内容が変わるタイプです。たとえば中古車サイトでは「中古車＞200万円以下」「中古車＞7人乗り」のように、絞り込み条件がそのままパンくずに反映されます（出典：ミエルカ）。商品数が多く絞り込み検索の利用頻度が高いECサイトに適しています。

パス型（閲覧履歴をそのまま示す）

パス型は、ユーザーが実際にたどってきた閲覧履歴を表示するタイプで、ブラウザの「戻る」機能に近い性質を持ちます。同じページでもたどってきた経路によって表示が変わるため、SEO上のアンカーテキストが一定にならず、現在では主流のタイプではありません（出典：Xserverビジネス）。

サイト種別ごとの選び方フロー

種類の違いを理解しても、自社サイトにどれを採用すべきか迷う方は少なくありません。次のチェックリストを参考に、サイト構造とユーザー行動の特徴から判断すると失敗しにくくなります。

TechSuite株式会社の「AI検索パートナーズ」は、業種・規模・商材ごとにサイト構造やユーザーの検索行動を捉えたうえで、パンくずの設計方針を含めた個別最適なコンサルティングを行い、テンプレートに依存しないフルカスタムの提案を行っています。

パンくずリストを設置するメリットとは？

パンくずリストを設置する主なメリットは、ユーザビリティ向上・サイト構造の明確化・離脱率の低減・検索結果表示の強化の4点です（出典：SEO Hacks）。ユーザー体験と検索エンジンからの評価の両方に効果が及ぶ点が特徴です。

ユーザーが迷子にならず離脱率が下がる

パンくずリストがあることで、ユーザーは今いるページの位置関係を把握でき、上位カテゴリへ簡単に戻れるため離脱を防ぎやすくなります。特に検索結果や外部リンクから直接下層ページに訪れたユーザーにとって、パンくずは「どこに来たのか」を理解する手がかりになります。この安心感がページ内での回遊行動を後押しします。

クロール効率とサイト構造理解を助ける

パンくずリストは内部リンクの一種であり、クローラーがリンクをたどることでサイト構造や階層関係を把握しやすくなります（出典：デジタリフト）。またアンカーテキストに対策キーワードを含む内部リンクが集まることで、クローラーに各カテゴリページの内容が伝わりやすくなるという効果も指摘されています（出典：Willgate）。ただし階層が複雑になりすぎると、この効果はむしろ薄れるため、構造はシンプルに保つ必要があります。

構造化データによるリッチリザルト表示とCTR改善

パンくずリストにBreadcrumbListの構造化データを付与すると、検索結果画面にパンくず形式のリッチリザルトが表示されることがあります。これにより検索結果上での情報量が増え、URLの羅列よりもクリック率の向上が期待できます。Googleも「検索エンジン最適化（SEO）スターターガイド」でパンくずリストの使用と構造化データの実装を推奨しています（出典：Willgate）。次の表はメリットと効果の対応関係をまとめたものです。

メリット	対象	期待できる効果
ユーザビリティ向上	ユーザー	離脱率の低減・回遊率の向上
サイト構造の明確化	クローラー	クロール効率とページ評価の向上
アンカーテキスト最適化	クローラー	カテゴリページの内容理解の促進
構造化データ対応	検索結果	リッチリザルト表示・CTR改善

TechSuite株式会社の「AI検索パートナーズ」の支援では、AI検索経由での受注率が従来のSEO経由の約3倍という実績があり、パンくずリストの整備のような基本的な構造改善も、露出だけでなく最終的な受注という成果につなげる視点で設計しています。

パンくずリストの効果的な設置位置とデザインとは？

パンくずリストは、ページ最上部のヘッダー直下、あるいはメインコンテンツの直前に設置するのが基本です。TOPページを除くすべてのページに設置することが望ましいとされています（出典：ミエルカ）。

基本はヘッダー下部、全ページへの設置

パンくずリストはページの上部、ヘッダーの下からメインコンテンツが始まる直前に置くのが最も認知されやすい配置です。フッター付近に設置する事例もありますが、ユーザーがページ到達直後に位置を確認できるという観点では、上部設置のほうが利便性は高いといえます（出典：デジタリフト）。

スマホ表示での注意点

スマートフォンでは画面幅が限られるため、パンくずリストが下部に配置されたり、階層が長い場合に一部が省略・折り返し表示されたりすることがあります（出典：Xserverビジネス）。タップ領域が小さすぎると誤操作の原因になるため、文字サイズとリンク間の余白は十分に確保する必要があります。階層名が長い場合は中間階層を省略記号で表示するなどの工夫も検討するとよいでしょう。

区切り記号・文字サイズ・色の決め方

区切り記号には「＞」や「／」が広く使われています。パンくずリストは本文よりも視覚的な優先度を下げつつ、視認性は確保するというバランスが求められます。次の表はデザイン要素ごとの考え方の目安です。

要素	目安	意図
区切り記号	＞または／	階層の順序を直感的に示す
文字サイズ	本文より小さめ	優先度の低さを視覚的に表現
色	本文より控えめな色	本文コンテンツとの区別
現在ページの表記	リンクなしのテキスト	これ以上遷移できないことを示す

TechSuite株式会社の「AI検索パートナーズ」は、技術面を担う人材とコンテンツ設計に強い人材が同じチームで連携し、設置位置やデザインの検討から実装、効果測定までを一気通貫で支援できる体制を整えています。

パンくずリストの作り方・設置方法とは？

パンくずリストの設置方法は、HTMLで手動で記述する方法と、WordPressのテーマ機能やプラグインを使う方法の大きく2つに分かれます。加えて構造化データを併用することで検索結果表示まで最適化できます。

HTMLでの実装例

パンくずリストは、リスト構造(ul/li)を使い、各階層にリンクを設定し、現在ページのみリンクなしのテキストにするのが基本の書き方です。次のような構造で実装します。

• nav要素でパンくず全体を囲み、区切り記号は視覚的な装飾として挟む
• ol または ul の中に、階層ごとの li を並べる
• ホームからカテゴリまでの各 li にはリンク(a要素)を設定する
• 現在ページの li はリンクを付けず、テキストのみで表示する

現在ページにリンクを付けないというルールは見落とされやすいポイントで、リンク先が自分自身のページになってしまうミスは意外と多く発生します。実装後は実際にすべてのリンクをクリックして遷移先を確認しておくと安心です。

WordPressで設置する方法

WordPressでパンくずリストを設置する場合、パンくず表示機能を標準搭載したテーマを利用する方法と、専用プラグインを利用する方法があります。プラグインの「Breadcrumb NavXT」は有効インストール数80万件を超え、ブロックエディタへの挿入にも対応しているため、コード編集なしで設置できます（出典：Xserverビジネス）。ヘッダー直下など共通エリアへ設置したい場合はテーマファイルの編集が必要になるケースが多く、その際は事前のバックアップが推奨されます。

方法	メリット	注意点
対応テーマを使う	設定が簡単で表示が安定	テーマ変更時に作り直しが必要
プラグインを使う	既存テーマのままでも設置可能	プラグインの更新停止リスクがある
HTML手動実装	デザインを自由に調整できる	ページごとの実装・保守の手間が増える

構造化データ（BreadcrumbList）の書き方と注意点

構造化データはschema.orgの「BreadcrumbList」という仕様を使い、itemListElementという配列の中に、position・name・item（URL）を持つListItemを順番に並べる形で記述します（出典：SEO Hacks）。次の表はBreadcrumbListの基本構成です。

プロパティ	意味	記述例
position	階層の順番（1から連番）	1
name	表示する階層名	ホーム
item	そのページの絶対URL	https://example.com/

記述時は3つの注意点があります。まずitemのリンク先は必ず「https://」から始まる絶対URLにすること、次に構造化データ上のnameと画面に表示されているパンくずの文言を一致させること、そしてpositionは1から始まる連番にすることです（出典：SEO Hacks）。相対URLや表記のゆれがあると、正規URLの判断が曖昧になり評価が分散するおそれがあります。

TechSuite株式会社の「AI検索パートナーズ」は、AIを活用した高品質なコンテンツ制作の仕組みを「バクヤスAI記事代行」事業で培っており、そのナレッジを構造化データを含むページ構造の設計にも転用し、検索意図の分解に沿った実装を高速に進められる点が特徴です。

失敗しない注意点とAI検索時代に求められる役割とは？

パンくずリストは設置すれば必ず効果が出るわけではなく、設計を誤ると逆にユーザーやクローラーを混乱させることがあります。あわせて、生成AI検索が広がる中でパンくずリストが持つ意味も変化しています。

よくある失敗例

カテゴリ名がわかりづらかったり、複数のカテゴリで同じ名称が重複していたりすると、ユーザーもクローラーも階層関係を正しく理解できません。またリンク切れや誤ったURL設定は、ユーザビリティとクロールの両方を損なう典型的な失敗例です（出典：SEO Hacks）。検索順位を狙う目的だけで不自然なアンカーテキストや実際のサイト構造と異なる階層を作ることは、ユーザーの利便性を損ない、結果としてSEO評価を下げる可能性があります（出典：デジタリフト）。

改善事例に見る効果

ある中古トラック専門ECサイトでは、パンくずリストに含まれていた地域名を外し、代わりにモデル名を追加するなどユーザーニーズに合わせた改善を行った結果、施策開始から約1年後の12月に売上が前年同月比323.2パーセントとなり、過去最高益を達成したと報告されています（出典：ミエルカ）。この事例は、パンくずリストの階層設計をユーザーの検索行動に合わせて見直すことが、単なるSEO効果だけでなく実際の売上にも影響しうることを示しています。

LLMO・GEO時代のパンくずリストの意味

生成AIによる検索やAI Overviewが広がる中で、パンくずリストはサイト構造やページ同士の関係性を機械に伝える手がかりとしての役割がより重要になっています。構造化データを通じて階層関係やページの位置づけが明確になっていると、AIがサイト内のエンティティ（会社・カテゴリ・商品などの意味的な実体）の関係を把握しやすくなると考えられます。こうした構造化データの重要性は、LLMOとは何かを理解するうえでも共通する考え方です。

TechSuite株式会社の「AI検索パートナーズ」は、自社サイトにおいてAI Share of Voiceが高水準を維持しており、支援先でAI Overviewの引用率を改善した実績もあります。パンくずリストの整備は、LLMO対策の具体的なやり方やAI検索対策の進め方を検討する際の基礎的な土台としても位置づけられます。

よくある質問

パンくずリストは上部と下部どちらに設置すべきですか？

基本はページ上部、ヘッダー直下からメインコンテンツが始まる直前への設置が推奨されています。フッター付近やスマホでの下部設置も見られますが、ユーザーが到達直後に位置を把握できる上部設置のほうが利便性は高いと考えられます。

TOPページにもパンくずリストは必要ですか？

TOPページ自体はサイトの起点であり、これより上の階層が存在しないため、パンくずリストの設置は必須ではありません。TOPページを除くすべての下層ページに設置することが望ましいとされています。

小規模なサイトでもパンくずリストは設置すべきですか？

ページ数が少ないサイトでも、階層が2階層以上あるなら設置する価値があります。ユーザビリティの向上に加え、将来的にページ数が増えた際の構造の土台にもなるため、早い段階からの設置が無理のない選択といえます。

構造化データを設置してもリッチリザルトが表示されないのはなぜですか？

絶対URLになっていない、名前が画面表示と一致していない、positionが連番になっていないなどの記述ミスが原因になっている場合があります。Googleのリッチリザルトテストやサーチコンソールで検証し、エラーが出ていないかを確認することが対処の第一歩です。

まとめ

パンくずリストとは、現在ページの位置を「ホーム＞カテゴリ＞現在のページ」の形式で示すナビゲーションで、位置型・属性型・パス型の3種類があります。ユーザビリティの向上とクロール効率の改善、構造化データによるリッチリザルト表示など、SEOとユーザー体験の両面にメリットがあります。

設置にあたっては、正しい位置とデザイン、HTMLやWordPressでの実装、BreadcrumbList構造化データの記述ルールを守ることが重要です。カテゴリ名の重複や不自然なアンカーテキストといった失敗例を避け、AI検索時代のサイト構造理解の観点も踏まえて設計することが、これからのパンくずリスト運用の鍵になります。

参考にした情報源

• パンくずリストとは｜SEO Hacks
• パンくずリストとは｜Xserverビジネス
• パンくずリストとは｜ミエルカ
• パンくずリストのSEO効果｜Willgate
• パンくずリストとは｜デジタリフト