SEO

パンくずリストとは？設定方法・メリット・SEO効果について

アイキャッチ画像
目次

本記事ではパンくずリストの設定方法・メリット・SEO効果について、事例や公式情報を交えながらどう設定すべきか？について解説していきます。

テクニカルSEOよりの話になりますが、パンくずリストがSEOに与える影響は非常に大きいです。

自サイトの改善に役立てていただければ幸いです。

より深くSEO対策について学びたい方は、下記の記事が参考になりますので、ぜひ本記事と合わせて読んでみてください。

あわせて読みたい

【2025年】SEO対策とは？基本的な仕組みや施策、上位表示の方法を事例に基づき解説｜株式会社LANY | 企業のグロースパートナー (The Growth Partner)

SEO対策とは、"Search Engine Optimization"（検索エンジン最適化）のことです。Googleをはじめとする検索エンジン経由のアクセス数を増やすための手法です。検索エンジンでホームページを上位表示...

lany.co.jp

og_img

SEOの内部対策とは｜外部対策との違いや方法を解説

SEOで売上アップを目指すためには、「内部対策」と「外部対策」2種類の対策が必要です。とくに内部対策は社内で完結するため、すぐに対策を実行できます。内部対策の重要性や具体的な対策方法を解説します。

lany.co.jp

og_img


パンくずリストとは「サイトの階層をネスト化して視覚的に分かりやすくしたもの」

パンくずリストとは「サイトの階層をネスト化して視覚的に分かりやすくしたもの」です。

ユーザー自身が今どの階層にいるのかを分かりやすくしたり、前のページやTOPページに戻りやすくするメリットがあり、通常は画面上部に設置されることが多いです。

後述しますが、SPサイトにおいては画面下部にパンくずリストを設置しているサイトもあります。

LANYブログのパンくずリストPCのパンくずリストユーザーが階層構造を認識しやすくなるだけではなく、Googleなどの検索エンジンもパンくずリストの階層によって、ページ間の関係性を読み解き、ページの役割を認識しやすくなります。

参考：SEOスターターガイド

動画で投影しているスライドの内容を大幅にアップデートし、ホワイトペーパーを作りました！以下よりダウンロードしていただけます。

無料ホワイトペーパー「SEO対策の教科書【完全版】」はこちら＞＞

パンくずリストの名前の由来

パンくずリストという名称は、グリム童話「ヘンゼルとグレーテル」に由来しています。

物語の中で、兄妹は森に置き去りにされないよう、あるいは帰り道を見失わないように、通った道に少しずつパンくずを落としていきます。しかし小鳥にパンくずを食べられてしまい、結局道しるべの役目を果たせず、二人はお菓子の家に迷い込んでしまう、というエピソードです。

この「今どこにいて、どこから来たのかを示す目印」という発想が、Webサイトの階層ナビゲーションと重なることから、「パンくずリスト（breadcrumb list）」と呼ばれるようになりました。

パンくずリストの種類

パンくずリストは、何を基準に表示するかによって、大きく3つのタイプに分類されます。

パンクずリストの種類

種類何を示すか特徴
位置型パンくずリストサイトの階層構造誰が見ても同じ表示（静的）
属性型パンくずリスト閲覧中ページの属性・分類ユーザーの検索経路によって変化（動的）
パス型パンくずリストユーザーの閲覧履歴ユーザーごとに異なる（現在はほぼ使われない）

それぞれ詳しく見ていきましょう。

位置型パンくずリスト

位置型パンくずリストは、サイトのディレクトリ階層に沿って、現在のページがサイト全体のどの位置にあるかを示すタイプです。最も一般的で、多くのサイトで採用されています。

ホーム ＞ ブログ ＞ SEO ＞ パンくずリストとは

URLの階層構造とパンくずリストの表示がそのまま対応するのが特徴で、どの経路からアクセスしても同じページであれば常に同じパンくずリストが表示されます。コーポレートサイトやオウンドメディアなど、階層構造が明確なサイトであれば、基本的にはこの位置型を選んでおけば問題ありません。

属性型パンくずリスト

属性型パンくずリストは、サイトの階層構造ではなく「閲覧中のページがどのような属性・条件に分類されるか」を示すタイプです。ECサイトや不動産サイトなど、ユーザーが複数の切り口（カテゴリ・ブランド・ランキングなど）から同じページにたどり着けるサイトでよく使われます。

例えば、アパレルECで同じTシャツの商品詳細ページに行く場合でも、たどってきた経路によってパンくずリストの表示が変わります。

ホーム ＞ トップス ＞ Tシャツ・カットソー ＞ 商品詳細
ホーム ＞ 人気アイテムランキング（メンズ） ＞ 商品詳細
ホーム ＞ ブランド名 ＞ トップス ＞ 商品詳細

このように、属性型パンくずリストは検索フィルターのような役割を果たし、ユーザーが「元のカテゴリ一覧に戻りたい」というニーズに応えやすいのがメリットです。

一方で、こうしたサイトでも近年は経路にかかわらず商品詳細ページのパンくずリストを固定表示（＝位置型に寄せる）するケースも増えています。これは、パンくずリストが構造化データとしてクローラーにも読み取られるため、経路によって表示内容がバラつくと検索エンジンに一貫したページの関連性を伝えにくくなるためだと考えられます。この点については後述の「メリット・SEO効果」の章で改めて触れます。

パス型パンくずリスト

パス型パンくずリストは、ユーザーがそのページにたどり着くまでに閲覧してきたページの履歴をそのまま表示するタイプです。

トップページ ＞ カテゴリA ＞ ページA ＞ カテゴリB ＞ ページB

ユーザーごとに表示内容が変わる点が特徴ですが、ブラウザ標準の「戻る」ボタンや閲覧履歴機能と役割が重複するため、現在ではほとんど採用されているのを見かけません。実務上、新規にパス型を選ぶメリットはないと考えて問題ないでしょう。

パンくずリストの設定方法

パンくずリストの設定方法は、主に以下の4つです。サイトの規模やCMS、社内のリソースに応じて選びましょう。

パンくずリストの設定方法：4つのアプローチ

・HTMLで直接実装する方法
・CMS（WordPress等）で実装する方法
・構造化データ（JSON-LD）でマークアップする方法
・有料CMSの標準機能を使う方法

HTMLで直接実装する方法

シンプルな静的サイトであれば、HTMLで直接マークアップするのが基本です。

<nav aria-label="breadcrumb">
  <ol class="">
    <li class=""><a href="/">ホーム</a></li>
    <li class=""><a href="/seo/">SEO</a></li>
    <li class="" aria-current="page">パンくずリストとは</li>
  </ol>
</nav>

<nav>でナビゲーション領域を明示し、最後の要素（現在ページ）はリンクなしでaria-current="page"を付けるのが基本形です。デザインの自由度は高いですが、ページ数が多いサイトでは1ページずつ手動で書く運用負荷がかかります。

CMS（WordPress等）で実装する方法

WordPressの場合、主に3つの選択肢があります。

① パンくずリスト対応のテーマを選ぶ
これから構築するなら、標準でパンくずリスト機能を持つテーマを選ぶのが最も手軽です。

② プラグインを使う
「Breadcrumb NavXT」や「Yoast SEO」などの専用プラグインを使えば、コード編集なしで導入できます。固定ページで正しい階層を表示させるには、「ページ属性」で親ページを設定しておく必要がある点だけ注意してください。

③ functions.phpにカスタム関数を追加する
表示ロジックを細かく制御したい場合は、functions.phpに関数を追加する方法もあります。

function custom_breadcrumb() {
    if (is_home() || is_front_page()) return;
    echo '<nav aria-label="breadcrumb"><ol class="">';
    echo '<li class=""><a href="' . home_url('/') . '">ホーム</a></li>';
    if (is_single()) {
        $categories = get_the_category();
        if ($categories) {
            $category = $categories[0];
            echo '<li class=""><a href="' . get_category_link($category->term_id) . '">' . $category->name . '</a></li>';
        }
        echo '<li class="" aria-current="page">' . get_the_title() . '</li>';
    } elseif (is_page()) {
        $ancestors = array_reverse(get_post_ancestors(get_the_ID()));
        foreach ($ancestors as $ancestor) {
            echo '<li class=""><a href="' . get_permalink($ancestor) . '">' . get_the_title($ancestor) . '</a></li>';
        }
        echo '<li class="" aria-current="page">' . get_the_title() . '</li>';
    }
    echo '</ol></nav>';
}
add_action('wp_body_open', 'custom_breadcrumb');

注意点として、functions.phpに関数を追加しただけでは画面に表示されません。上記のようにadd_actionでフックに登録するか、表示したいテンプレートファイル（single.phpやpage.phpなど）に直接<?php custom_breadcrumb(); ?>を記述する必要があります。

プラグインに頼らず柔軟に実装できる反面、PHP・WordPressのテンプレート構造への理解が必要なため、社内にエンジニアリソースがない場合はプラグイン利用の方が安全です。

構造化データ（JSON-LD）でマークアップする方法

画面表示とは別に、検索エンジンに正しく認識してもらうための構造化データも合わせて実装することが推奨されています。GoogleはJSON-LD形式を推奨しており、BreadcrumbListの中に各階層をListItemとして記述します。

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "ホーム",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "SEO",
      "item": "https://example.com/seo/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "パンくずリストとは"
    }
  ]
}
</script>

最後の階層（現在のページ）にはitem（URL）を含めないのが正しい書き方です。実装後は、Googleの「リッチリザルトテスト」で必ず検証しましょう。

WordPressの場合、SEOプラグインがこの構造化データの出力まで自動対応してくれることが多く、表示のマークアップとは別に手作業で用意する必要がないケースがほとんどです。

有料CMSの標準機能を使う方法

HubSpotやShopify、STUDIOなどの有料CMSでは、パンくずリスト機能が標準搭載されており、ページの階層構造に応じて自動生成されます。WordPressに比べてサポート体制が充実している一方、費用がかかる点はデメリットです。

パンくずリスト設定のポイント

パンくずリストは、サイト構造を簡易的に明示化したものになるので、関連性を持たせてシンプルな形でまとめることが求められます。

まずは、サイトの構造を整理し、階層構造を明確にしたうえで、どのページにはどのパンくずリストを表出させるかを整理して設定していくという手順が望ましいです。

下記に示すAパターンはきちんと構造化できておりますが、Bパターンではデスクトップパソコンとノートパソコンは並列関係にもかかわらず、階層構造のようになってしまっておりNGな例です。

  • A：家電TOP > パソコン> ノートパソコン> 商品詳細
  • B：家電TOP > パソコン> デスクトップパソコン> ノートパソコン> 商品詳細
サイト設計の段階で、ディレクトリマップと呼ばれる設計書を作成しながら、ページテンプレートごとにどのようなパンくずリストにするのかをよく検討するべきです。

特に、データベース型サイトであれば、パンくずリストの設計を失敗すると、階層構造が不明確なページ群が生まれてしまい、検索エンジンに適切な関連性を伝えることができず、本来のポテンシャルが発揮できなくなってしまう可能性もあります。

サイト設計やリニューアル時には、きちんと専門家を入れて、パンくずリストをはじめとするサイト設計は丁寧にレビューをしてもらうと良いでしょう。

SEOおたく
LANYは、多くのサイトリニューアルや立ち上げに携わっているため、パンくずリストの設計をはじめとする各種SEO要件の設計が可能です。

リニューアル等をお考えの方は、ぜひ一度LANYにご相談ください。

> LANYのSEOコンサルティングの詳細を見てみる

SEOについてお悩みの方へ

LANYのSEOコンサルティング
サービス概要資料

無料で資料請求する　

LANYのサービス導入事例

NTTドコモ 様
株式会社NTTドコモ 様
（ご利用サービス：SEOコンサルティング）
LANYさんとの取り組み開始直後から綺麗な右肩上がりでクロール数・インデックス数が共に伸びており、インデックス数は開始前と比べて130%程度増加しました。
▶︎SEOコンサルティング事例詳細を見る


パンくずリストのメリット・SEO効果について

パンくずリストは、あまり気にされたことがない方も多いかもしれませんが、SEOにおいて非常に重要な要素です。

ユーザーにとっても、クローラーにとっても大きな役割を果たすため、ぜひここでパンくずリストのメリットを抑えていってください。

パンくずリストの効果

ユーザビリティが向上する

パンくずリストを設置することで、ユーザーが今どの階層にいるのかが分かりやすくなります。

また、上階層にも戻りやすくなるため、ECサイトをはじめとするデータベース型サイトでは多くのユーザーが実際に利用するリンクとなっています。

スマホユーザーが増えてきたことで、パンくずリストをUIの邪魔にならないページの下部に設置する場合も多くありますが、場合によっては利用率も高いのできちんとデータを見て判断することをおすすめします。

利用率が高い場合には、階層構造が分かりやすい文言（アンカーテキスト）にしてあげる部分も工夫するなどして、パンくずリストを使ってユーザービリティを高められるようにしましょう。

無料ホワイトペーパー「ECサイトのSEOガイドブック」はこちら＞＞

クローラビリティが向上する

クローラーは内部リンククロールと、リッチリザルト表示のためにパンくずリストを利用すると言われています。

そのため、HTML上のどこに記述されていても、それがパンくずリストであるとわかれば問題ないです。

また、パンくずリストは構造化マークアップを実装することができるので、適切にマークアップしておけば確実にパンくずリストを認識してもらうことは可能です。

よって、パンくずリストの位置は「ユーザー視点」で考えれば問題なく、SEO観点ではそれがパンくずリストであることを伝えるようにマークアップする点だけ意識しましょう。

内部リンクの濃淡によるSEO効果

パンくずリストを適切に設置することで、下層から上層ページへ内部リンクが集まりやすくなります。

TOPページへのリンクは、どのページのパンくずリストにも含まれるため、ページ数分だけリンクが集まることになります。

その結果、上層ページにはより多くのリンクジュースが集まりやすくなり、PageRankが上がることで順位が上がりやすくなったり、ページごとの相対的重要度が検索エンジンに伝わるのでカニバリを防ぐことにもつながります。

また、内部リンクの設置はリーズナブルサーファーモデルという概念が採用されていると言われており、設置する箇所やアンカーテキストも工夫すると良いです。

リンクジュースやリーズナブルサーファーモデルについては、次の記事にて詳細に解説していますので、ぜひ参考にしてみてください。

あわせて読みたい

【リンクジュースとPageRank（ページランク）】SEOをする上で外せない概念

SEOをしていると、リンクジュースという単語を耳にすることもあるかと思います。 ある程度のイメージを掴んでいる方もいるかと思いますが、多くの方はリンクジュースが具体的にどのような概念なのかを説明することはできないのではないでしょうか。 しか

lany.co.jp

og_img


SEOについてお悩みの方へ

LANYのSEOコンサルティング

  • サービス・料金プランの詳細
  • 提供内容のアウトプットイメージ
  • SEOコンサルティングの事例

LANYのサービス導入事例

NTTドコモ 様

株式会社NTTドコモ 様
（ご利用サービス：SEOコンサルティング）
LANYさんとの取り組み開始直後から綺麗な右肩上がりでクロール数・インデックス数が共に伸びており、インデックス数は開始前と比べて130%程度増加しました。
▶︎SEOコンサルティング事例詳細を見る


パンくずリストにまつわるよくある質問

ここからはパンくずリストに関連するよくある質問について答えていきます。

Q パンくずリストの構造化データマークアップは設定したほうがいいのか？

パンくずリストを設定した後には、併せて構造化データマークアップの設定もすることが推奨されております。これはGoogleのSEOスターターガイドでも述べられています。

パンくずリストを表示する場合は、パンくずリストの構造化データのマークアップを使用することをおすすめします。

パンくずリストを使用する_SEOスターターガイド

具体の記述方法については検索セントラルのページを参照して設定してください。

WordPress等のCMSを使用している場合、プラグインで導入できるケースが多いかと思いますので、詳細な設定方法についてはプラグインやテーマの設定方法を参考に設定ください。

構造化データマークアップの注意点として、Googleは2021年1月末にdata-vocablary.orgによる構造化データマークアップのサポートを終了しているため、これから実装する場合はSchema.orgでご実装いただく必要があります。

もし現在data-vocablary.orgによるパンくずリストの構造化データマークアップを実装している場合は、Schema.orgでのマークアップに修正することが望ましいです。



Q パンくずリストは2本あってもいいのか？

結論2本あっても問題ないです。

検索セントラルのパンくずリスト構造化データマークアップセクションの中に、複数のマークアップ事例があるように、2本あっても問題ないです。

分かりやすい例としては、ファッションECの場合、アイテムカテゴリーからのパンくずリストと、そのアイテムが属するブランドからのパンくずリストと2本出るというのが分かりやすいかと思います。

SEOドリブンで考えるというよりかは、2本あったほうがユーザーが分かりやすい、と判断できるのならば、2本設置するという意思決定が正しいと思います。

  • ファッション通販TOP > メンズファッション > Tシャツ・カットソー > 商品詳細
  • ファッション通販TOP > メンズファッション > $Brand Name$> 商品詳細

参考：複数のパンくずリスト_パンくずリスト  |  検索セントラル  |  Google Developers


Q パンくずリストはSPサイトにおいて表示しなくてもいいのか？

こちらについては明確な解はないと思われます。

SEOを意識するのであれば設定したほうが良いと思いますし、UX的に設置することが厳しいのであればSPでは表示しないという意思決定も一つだとは思います。

個人的意見としてはSEOもUXも両者大事だと思っていますので、画面の下部にUXを損ねない範囲でパンくずリストを表示させるというのがベターだと思います。

また、パンくずリストをページ上に表示せず、構造化データマークアップを実装することは原則ガイドライン違反になりますので注意してください。

まとめ

本記事ではパンくずリストについて解説いたしました。

SEOとしても重要度は高いパンくずリストですので、UXを抱き合わせで考えながらいい形を模索できたら、と思っています。

もし、設定方法やSEOにお悩みの方がいらっしゃいましたら、お気軽にお問い合わせいただければと思います。

SEOコンサルティングサービスはこちらから＞＞

SEOコンサルティングサービス概要資料のダウンロードはこちら＞＞

LANYのサービスに関するお問い合わせはこちら＞＞

LANYのサービス概要資料のダウンロードはこちら＞＞

プロフィール画像
担当メンバー 竹内 渓太
Twitter

株式会社リクルートホールディングスにデジタルマーケティング職で新卒入社。3年間デジタルマーケティングに従事。大規模サイトのSEOを中心に、デジタル広告運用やBtoBマーケティングなど多種多様な業務を経験。その後、株式会社LANYを創業し、Webメディア・サービスサイト・データベース型サイトなど幅広いモデルのSEO改善をプレイヤーとしてサポート。現在もプレイヤーとして多くの企業のSEOコンサルティングに取り組んでいる。

X・YouTubeチャンネルで「SEOおたく」としても情報発信中。著書『強いSEO』『強いBtoBマーケティング』『強いLLMO』（エムディエヌコーポレーション）出版。

＞＞詳細なプロフィールはこちら

【無料お役立ち資料】 SEO対策の教科書【完全版】

【無料お役立ち資料】 SEO対策の教科書【完全版】
  • スライド179枚
  • 2時間の無料動画
無料のデジタルマーケティングメールマガジン

＼マーケターのあなたへ／

デジタルマーケティングの課題解決に役立つ情報をお届けする
購読者数4,200人超えの人気メルマガ

☑️ 最新の業界情報をキャッチアップできる
☑️ 施策の成功事例や限定Tipsが届く
☑️ 限定ウェビナーの情報がいち早く届く

初心者マーケターから
マーケの最新情報をキャッチアップしたい経営者の方まで
役立つ内容のためぜひご登録ください！

関連記事

View More

デジタルマーケティングのお悩み、
まずはお気軽にご相談ください。

LANYがお客様と共に考え、最適な解決の方向性をディスカッションを通じて見つけ出します。
サービス詳細は資料でもご確認いただけます。