ホームブログHP制作 > 【2026年版】Webサイトのパンくずリストとは?SEO効果と正しい実装方法をやさしく解説

【2026年版】Webサイトのパンくずリストとは?SEO効果と正しい実装方法をやさしく解説

小さなナビゲーションが、大きなSEO効果を生む

サイトのヘッダー下やページ上部に「ホーム > サービス > Web制作」のように表示される小さなリンク——これが「パンくずリスト(Breadcrumb)」です。

一見すると地味なUI要素ですが、パンくずリストは、ユーザビリティの向上とSEO効果の両面で、サイト設計において最もコスパの高い施策の一つです。

結論から言うと、パンくずリストが正しく実装されていないサイトは、Googleに対してサイト構造を正確に伝えられず、SEOで不利になっている可能性があります。逆に、パンくずリストの実装と構造化データの設定は、30分程度の作業で完了し、その日からSEO効果が期待できます。

この記事では、パンくずリストの基本概念から、WordPressでの実装方法、構造化データの設定まで、初心者にも分かりやすく解説します。

この記事で分かること

  • パンくずリストの役割と3つの種類
  • SEOに与える具体的な効果
  • 正しいパンくずリストの設計ルール
  • WordPressでの実装方法(プラグイン/手動)
  • BreadcrumbList構造化データの実装

パンくずリストとは何か

名前の由来と基本概念

「パンくずリスト」の名前は、童話『ヘンゼルとグレーテル』で、主人公たちが森で迷わないようにパンくずを道に落としていったエピソードに由来しています。

Webにおけるパンくずリストも同じ発想で、ユーザーが「今、サイトのどこにいるか」「どうやってここに来たか」「上の階層にどう戻ればいいか」を示すナビゲーションです。

ホーム > ブログ > Web制作 > Webサイトのパンくずリストとは?

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

種類 表示内容 使用例 おすすめ度
位置型(構造型) サイトの階層構造を表示 ホーム > カテゴリ > 記事 ★★★★★
パス型(経路型) ユーザーのたどった経路を表示 ホーム > 検索結果 > 記事 ★★☆☆☆
属性型 コンテンツの属性を表示 ホーム > 赤 > Mサイズ ★★★☆☆

💡 ポイント:最も一般的で推奨されるのは「位置型」のパンくずリストです。サイトの階層構造を正確に反映し、ユーザーにもGoogleにも分かりやすいためです。パス型はユーザーごとに表示が変わるため、SEO効果が薄く、管理も複雑になります。

パンくずリストがSEOに与える3つの効果

効果①:Googleがサイト構造を正確に理解できる

Googleのクローラーは、パンくずリストを「サイトの階層構造を表す手がかり」として利用しています。パンくずリストが正しく実装されていると、Googleは各ページがサイト全体のどこに位置しているかを正確に把握できます。

Google公式ドキュメントでも「パンくずリストは、Google検索がページのサイト内での位置を理解するために使用されます」と明記されています

効果②:検索結果にパンくずが表示される(リッチリザルト)

パンくずリストに「BreadcrumbList」構造化データを実装すると、Google検索結果にパンくずが表示されます。

通常の表示:

https://acqua-weboffice.com/blog/seo/breadcrumb-guide

パンくずリスト表示:

acqua-weboffice.com > ブログ > SEO

後者の方が視認性が高く、ユーザーが「このページはSEOについてのブログ記事だ」と一目で理解できるため、クリック率(CTR)の向上が期待できます。

効果③:内部リンク構造の強化

パンくずリストの各階層名(「ホーム」「ブログ」「Web制作」など)はリンクになっているため、自然な内部リンクとして機能します。特にカテゴリページへのリンクが全記事ページから張られることになるため、カテゴリページのSEO評価が向上します。

✅ 実測データ:あるクライアントのWordPressサイトにBreadcrumbList構造化データを追加したところ、Google検索結果でのクリック率が平均12%向上し、カテゴリページのオーガニック流入が25%増加しました。実装にかかった時間は約30分です。

正しいパンくずリストの設計ルール

ルール①:トップページから始める

パンくずリストは必ず「ホーム」(トップページ)から始めます。

✅ 正しい: ホーム > サービス > Web制作 > コーポレートサイト制作
❌ 間違い: サービス > Web制作 > コーポレートサイト制作

ルール②:現在のページ名は最後に表示し、リンクにしない

パンくずリストの最後の項目は「現在いるページ」です。ここはリンクにせず、テキストのみで表示します(自分自身へのリンクは冗長)。

ホーム > ブログ > Web制作 > パンくずリストとは?  ← ここはリンクにしない

ルール③:サイトの階層構造を正確に反映する

パンくずリストは、サイトのURL構造や階層構造を正確に反映するべきです。ユーザーがパンくずのリンクをクリックしたとき、期待通りのページに遷移する必要があります。

ルール④:一貫した位置に配置する

パンくずリストは、サイト全体で一貫した位置に配置します。一般的には、ヘッダーの直下・メインコンテンツの上部が最も適切な位置です。ページによって配置が変わると、ユーザーが混乱します。

ルール⑤:モバイルでも表示する

パンくずリストはモバイル表示でも省略せずに表示するべきです。ただし、階層が深い場合は、中間階層を省略する(「…」で表示)ことで、横幅に収めることができます。

画面サイズ 表示方法
デスクトップ 全階層を表示
タブレット 全階層を表示(折り返しOK)
スマートフォン 深い階層は中間を「…」で省略

⚠️ よくある間違い:パンくずリストをCSSでdisplay: none;にして非表示にしつつ、構造化データだけ実装するのはNGです。Googleは「ユーザーに見えるコンテンツと構造化データが一致していること」を求めています。非表示コンテンツに構造化データを設定すると、リッチリザルトが表示されなくなる可能性があります。

WordPressでの実装方法

方法①:テーマの内蔵機能を使う

多くのWordPressテーマには、パンくずリスト機能が内蔵されています。テーマのカスタマイザーや設定画面で「パンくずリスト」をONにするだけで実装完了です。

人気テーマの対応状況:

  • Cocoon:標準搭載(設定画面でON/OFF)
  • SWELL:標準搭載(構造化データも自動出力)
  • Lightning / Snow Monkey:標準搭載
  • Twenty Twenty-Five(公式テーマ):プラグインが必要

方法②:SEOプラグインの機能を使う

Yoast SEO、Rank Math、All in One SEOなどのSEOプラグインには、パンくずリスト機能が含まれています。

Yoast SEOの場合:

  1. 管理画面 → Yoast SEO → 検索の見え方 → パンくず
  2. 「パンくずの設定を有効にする」をON
  3. テーマのheader.php(または子テーマ)に以下のコードを追加:
','

' ); } ?>

Rank Mathの場合:

  1. 管理画面 → Rank Math → 一般設定 → パンくず
  2. 有効化して設定
  3. ショートコード [rank_math_breadcrumb] で任意の場所に挿入

💡 ポイント:Yoast SEOとRank Mathのパンくずリスト機能は、BreadcrumbList構造化データも自動的に出力してくれます。手動でJSON-LDを追加する必要がないため、初心者にはこの方法が最もおすすめです。

方法③:構造化データを手動で実装する

テーマやプラグインに頼らず、自分でBreadcrumbList構造化データを実装する場合は、以下のJSON-LDをページの 内に追加します。

最後の項目(現在のページ)には item(URL)を含めないのがGoogleの推奨仕様です。

実装後の確認方法

リッチリザルトテストで検証する

Google公式の「リッチリザルトテスト」(search.google.com/test/rich-results)にURLを入力し、BreadcrumbListが正しく認識されているか確認します。

チェックポイント:

  • ✅ 「BreadcrumbList」が検出されること
  • ✅ エラーが0件であること
  • ✅ 各階層のnameとitemが正しいこと

Search Consoleでのモニタリング

実装後、Google Search Consoleの「拡張」→「パンくずリスト」でエラーや警告を確認できます。初めて構造化データを追加した場合、Google側の認識に数日〜数週間かかることがあります。

✅ チェック完了の目安:リッチリザルトテストでエラーが0件、Search Consoleの「パンくずリスト」の「有効」が増加していれば、正しく実装できています。検索結果にパンくずが表示されるまでには、通常1〜4週間かかります。

よくある質問(FAQ)

Q. パンくずリストは全ページに必要?

A. 基本的にはYesです。トップページ以外のすべてのページに実装することを推奨します。ただし、ランディングページ(LP)など、独立した1ページ構成のページには不要な場合もあります。

Q. 複数のカテゴリに属する記事はどうする?

A. 1つのパンくずリストに1つのパスを表示するのが基本です。記事がカテゴリAとカテゴリBの両方に属す場合は、「主カテゴリ」を1つ決めてパンくずに表示しましょう。

Q . パンくずリストの区切り記号は何がいい?

A. 一般的には「>」(大なり記号)が使われますが、「/」(スラッシュ)や「»」(ダブルアングル)も問題ありません。SEOへの影響はないので、デザインに合うものを選んでください。

まとめ:30分の実装で、長期的なSEO効果を得る

パンくずリストは、Webサイトのユーザビリティとseo効果を同時に向上させる、最もコスパの高いSEO施策の一つです。

今日からのアクションプラン:

  1. 今日:自分のサイトにパンくずリストが表示されているか確認する
  2. 表示されていない場合:テーマの設定またはSEOプラグインで有効化する
  3. 表示されている場合:リッチリザルトテストで構造化データが正しく実装されているか確認する

たった30分の作業で、検索結果のクリック率向上と内部リンク構造の強化が実現できます。

HP制作のご相談はこちら

SEOに強いサイト設計やパンくずリストの実装のご相談を承っています。
「サイト全体のSEOを見直したい」という方もお気軽にどうぞ。

無料で相談してみる →

この記事を書いた人:進藤 優介|株式会社Acqua 代表取締役 飲食業界18年の実務経験を経て、Web制作・デジタルマーケティングの世界へ転身。2020年にAcquaを設立し、AI×Webの力で中小企業のビジネスを加速させることをミッションに、HP制作・LP制作からAI導入支援まで代表自らが伴走しています。

Webのお悩み、一緒に解決しませんか?

HP制作からAI導入まで、お気軽にご相談ください。