パンくずリストとは、Webサイトの中で「現在どの位置にいるのか」を示すナビゲーションです。
ユーザーが現在位置を把握したり、ひとつ上の階層へ戻ったりするために使われます。
ただし、パンくずリストは単に設置すればよいものではありません。重要なのは、Webサイトのカテゴリやページ階層が適切に設計され、その構造がパンくずリストにも正しく反映されていることです。
GMOらくらくホームページ制作のサービス内容はこちらからご確認いただけます。
\ Webサイトの見直しを検討している方へ /
- パンくずリストの基本的な意味と役割
- パンくずリストとSEOの関係
- パンくずリストの種類
- 正しい設計・設置方法
- WordPressなどでの実装方法
- よくある失敗と確認ポイント
パンくずリストとは
パンくずリストとは、現在表示しているページがWebサイト内のどの階層にあるのかを示すナビゲーションです。
名称は、童話「ヘンゼルとグレーテル」で、登場人物が帰り道の目印としてパンくずを落としたことに由来するとされています。
たとえば、SEOの記事を閲覧している場合は次のように表示します。
これによってユーザーは、次のような情報を把握しやすくなります。
- 今どのカテゴリを見ているのか
- このページの上位カテゴリはどこか
- どこまで戻れば関連情報を探せるか
パンくずリストは「サイト構造を見せるもの」
実務で特に重要なのがこの考え方です。
パンくずリストだけをあとから設置するのではなく、まず、
という情報設計があり、その構造をユーザーにもわかるように表示したものがパンくずリストです。
パンくずリストを設置するメリット
パンくずリストには、大きく分けて「ユーザー」と「検索エンジン」の双方にメリットがあります。
ユーザーが現在位置を把握しやすくなる
ページを検索結果から直接訪問した場合、ユーザーはWebサイトのトップページから順番に閲覧しているとは限りません。
また、上位カテゴリへ移動できるため、関連情報を探すときのナビゲーションとしても利用できます。
サイト内の関連ページをたどりやすくなる
パンくずリストには通常、上位階層へのリンクが設定されています。
そのため、個別ページだけで閲覧を終えるのではなく、カテゴリページなどへ移動する導線になります。
ただし、「パンくずを設置すれば回遊率が必ず上がる」「離脱率が下がる」というものではありません。パンくずリストは、ユーザーが必要なページへ移動しやすくするためのナビゲーションのひとつと考えましょう。
パンくずリストとSEOの関係
SEOでは、主に次の2つの観点で考えるとわかりやすくなります。
1.内部リンクとしてサイト構造を伝えられる
Googleは、リンクをページの発見や内容理解に利用しています。
ここで重要なのは、パンくずだけを見るのではなく、次の要素をひとつのサイト構造として考えることです。
- グローバルナビゲーション
- カテゴリ構造
- 記事同士の内部リンク
- URL設計
- パンくずリスト
パンくずだけ整っていても、カテゴリ分けや内部リンクがバラバラでは十分とはいえません。
2.構造化データでページの位置関係を伝えられる
Googleは「Breadcrumb」の構造化データを正式にサポートしています。
検索結果の表示にも利用される場合があります。
ただし、構造化データを設定したからといって、必ず特定の形式で検索結果に表示されるわけではありません。Googleも、ガイドラインへの準拠だけでクロール・インデックス・検索結果への表示を保証していません。
「パンくずを入れる=SEO順位を上げる施策」ではなく、「検索エンジンにも理解しやすいサイト構造をつくる施策」として考えるのが適切です。
パンくずリストだけでなく、サイト全体の構造や導線を見直したい場合は、GMOらくらくホームページ制作のサービス内容もご確認ください。
\ サイト全体の改善を検討している方へ /
パンくずリストの種類
パンくずリストは、大きく3種類に分けて考えられます。
| 種類 | 特徴 | 向いているサイト |
|---|---|---|
| 階層型 | Webサイトの階層を表示する | コーポレートサイト・メディア |
| 属性型 | 商品や情報の属性を表示する | ECサイト・検索サイト |
| 履歴型 | ユーザーがたどったページを表示する | 一部のWebサービス |
階層型
最も一般的な形式です。
Webサイトのカテゴリ構造をそのまま反映します。
属性型
商品のカテゴリや属性などを表示する形式です。
商品数や絞り込み条件が多いECサイトなどで利用されます。
履歴型
ユーザーが実際に閲覧したページの履歴を表示する形式です。
パンくずリストを設計するときのポイント
1.ページの親子関係を整理する
たとえば、
というパンくずを表示するなら、「パンくずリスト」の記事が本当に「SEO」というカテゴリに属しているのかを確認します。
記事数が増えてくると、次のような問題が発生しやすくなります。
- カテゴリが増えすぎる
- 同じ意味のカテゴリが複数存在する
- どのカテゴリに属するのかわからない記事が増える
パンくずリストを整えることは、サイト構造そのものを見直すきっかけにもなります。
2.リンク先がわかる名称にする
「サービス」「コラム」のような名称だけでなく、ユーザーがリンク先を予測できる名称になっているか確認しましょう。
SEOキーワードを無理に詰め込むのではなく、ページ内容を自然に表す名称にすることが重要です。
3.階層を深くしすぎない
パンくずが、
のように長くなる場合は、パンくずの問題ではなく、サイト構造そのものが複雑になっている可能性があります。
特にスマートフォンでは表示領域が限られるため、階層の深さや表示方法も確認しましょう。
4.構造化データも設定する
表示上のパンくずだけでなく、可能であればBreadcrumbListの構造化データも設定します。
実装後はGoogleのリッチリザルトテストなどを利用して、エラーがないか確認しましょう。
パンくずリストの設置方法
設置方法は、利用しているCMSやWebサイトの構成によって異なります。
WordPressの場合
WordPressでは、次のような方法があります。
- 使用しているテーマの標準機能
- SEO系プラグイン
- パンくず用プラグイン
- PHPなどによる独自実装
まずは現在使用しているテーマにパンくず機能が用意されていないか確認しましょう。
すでに機能があるにもかかわらず別のプラグインを追加すると、パンくずが重複したり、構造化データが二重に出力されたりする可能性があります。
WordPress以外のCMSの場合
利用しているCMSの標準機能やテンプレートを確認します。
HTMLなどで独自に制作している場合
サイト構造に合わせてHTMLでリンクを実装します。
パンくずリストの費用はどれくらい?
パンくずリスト単体の費用を一律に示すのは難しいため、「パンくずを表示するだけなのか」「サイト構造から見直すのか」を分けて考える必要があります。
たとえば、次の作業では必要な工数が異なります。
- CMSの標準機能を有効にするだけ
- CSSで表示を調整する
- テンプレートを改修する
- カテゴリ構造から設計し直す
- URLや内部リンクも含めてSEO設計を見直す
そのため、制作会社などへ依頼する場合も、単純に「パンくずを追加したい」と伝えるだけではなく、現在のサイト構造に問題がないかもあわせて確認することをおすすめします。
よくある失敗と注意点
1.実際のサイト構造とパンくずが合っていない
カテゴリ構造とパンくずが一致していないと、ユーザーにとってかえってわかりにくくなります。
パンくずだけを個別に修正するのではなく、サイト全体の情報設計を確認しましょう。
2.すべてのページを無理にパンくずへ含める
階層が深くなりすぎると、パンくず自体が読みにくくなります。
ユーザーが現在位置を理解するために必要な階層を整理しましょう。
3.パンくずがリンクとして機能していない
パンくずリストは現在位置を表示するだけでなく、上位ページへのナビゲーションとしても利用されます。
リンク切れや誤ったURLがないか確認しましょう。
4.スマートフォンで見づらい
PCでは問題なくても、スマートフォンではパンくずが何行にも折り返されることがあります。
実機やブラウザの開発者ツールを使って、表示を確認しましょう。
5.見た目のパンくずと構造化データが一致していない
ユーザーに表示している内容と、検索エンジン向けに設定している構造化データの内容が異ならないよう注意が必要です。
構造化データはページ上の内容を正しく表す必要があります。
パンくずリストだけ直しても解決しないケース
- カテゴリが整理されていない
- 同じテーマの記事が複数カテゴリに分散している
- URL構造とサイト階層が大きく異なる
- グローバルナビゲーションとカテゴリ構造が一致していない
- 関連記事への内部リンクがほとんどない
- ページ数が増えて目的の情報を探しにくくなっている
SEOでは、ひとつの施策だけで考えるのではなく、
サイト構造 → カテゴリ → 内部リンク → パンくず → コンテンツ
まで一連の設計として見ることが重要です。
「パンくずを設置すること」が目的にならないようにしましょう。
まとめ
パンくずリストは、ユーザーと検索エンジンの双方にサイト構造をわかりやすく伝えるためのナビゲーションです。
ポイントは次のとおりです。
- ユーザーが現在位置を把握しやすくなる
- 上位カテゴリへの移動導線になる
- 内部リンクとしてページ同士の関係を伝えられる
BreadcrumbListの構造化データを利用できる- 設置するだけで検索順位が上がるものではない
- パンくずより先にサイト構造を整理することが重要
特にページ数の多いWebサイトでは、パンくずリストだけを見るのではなく、カテゴリ設計や内部リンクも含めて確認することをおすすめします。
パンくずリストのチェックリスト
- 現在のページ位置を理解できるか
- 上位カテゴリへ移動できるか
- 実際のサイト階層と一致しているか
- カテゴリ名がユーザーにわかりやすいか
- 階層が深くなりすぎていないか
- スマートフォンでも見やすいか
- リンク切れがないか
- 構造化データが正しく設定されているか
- 表示内容と構造化データが一致しているか
パンくずリストを見直していて「そもそもカテゴリ構造が適切かわからない」「内部リンクやサイト設計も含めて整理したい」と感じた場合は、Webサイト全体を確認する必要があります。
自社だけでは判断が難しい場合は、サイト構造やSEOを含めて制作会社へ相談するのもひとつの方法です。
カテゴリ構造や内部リンク、サイト設計まで含めて見直したい方は、GMOらくらくホームページ制作のサービス内容をご確認ください。
\ Webサイト制作・改善の相談先を探している方へ /
