パンくずリストは、Webサイトを閲覧するユーザーと運営する担当者の双方にメリットをもたらす施策です。Webサイトにおけるユーザーの現在地が一目でわかり、ユーザビリティの向上につながるほか、SEOにおいてはサイト構造の理解を助ける要素として活用されます。
本記事では、パンくずリストの基本知識や設置のメリット・ポイントなどを解説します。パンくずリストについて理解を深め、自社のSEO対策に活かしたい方は、本記事を参考にしてください。
1.パンくずリストとは？
パンくずリストは、閲覧中のページが、Webサイト上のどの位置かを階層構造で示したものです。「階層ナビゲーション」「ナビゲーションパス」のほか、英語圏では「Breadcrumbs」「Breadcrumb Trail」と呼ばれます。
パンくずリストという名称は、グリム童話の「ヘンゼルとグレーテル」で、主人公の兄妹が道に迷わないようにと森の中にパンくずを置いたことが由来です。Webサイト上でも、ユーザーが現在地を把握できるよう、ページの階層（カテゴリ構造）を示します。
たとえば、オンラインショップでボールペンの商品一覧ページを開いた場合の、パンくずリストの表示例は以下のとおりです。
「ホーム ＞ 商品情報 ＞ 文房具 ＞ ボールペン」
パンくずリストはWebページの上部や記事タイトルの前後に設置するのが一般的ですが、スマートフォンサイトの場合は下部に設置するケースもあります。
2.パンくずリストの種類
パンくずリストは、以下の3種類に大きく分けられます。
- 位置型パンくずリスト
- 属性型パンくずリスト
- パス型パンくずリスト
それぞれの特徴を、詳しく見ていきましょう。
2-1.位置型パンくずリスト
位置型パンくずリストは、Webサイトにおけるユーザーの現在地を示すものです。目的のページへ辿り着くまでの過程が異なる場合も、表示されるパンくずリストは同じという特徴があります。
たとえば、オンラインショップのトップページからカテゴリを順に選択した場合と、目的のページへ直接アクセスした場合とで、表示されるパンくずリストは変わりません。
位置型パンくずリストは、アクセスの過程にかかわらず、ユーザーが自身の現在地を容易に把握できる利点があります。また、上位の階層へ移動しやすいことから、Webサイト内の回遊性が高まる点もメリットです。
位置型パンくずリストは、ページの階層構造やコンテンツが多いWebサイトに適したタイプといえるでしょう。
2-2.属性型パンくずリスト
属性型パンくずリストは、辿り着くページが同じでも、遷移の過程によって表示されるパンくずリストが変化します。たとえば、以下のような場合です。
- 「ホーム ＞ 商品情報 ＞ 文房具 ＞ ボールペン」
- 「ホーム ＞ 商品情報 ＞ プレゼントにおすすめ ＞ 999円以下 ＞ボールペン」
属性型パンくずリストは検索フィルターのような役割を担っており、求人サイトやECサイトなどに多く利用されています。
ユーザーが現在どのカテゴリのページを閲覧しているか把握しやすく「同様の情報を深掘りしたい」と思ったときに、目的のページへ容易に遷移できるのが特長です。
2-3.パス型パンくずリスト
パス型パンくずリストは、Webサイト内でユーザーが遷移したページの履歴をリスト形式で表示します。つまり、閲覧中のページが同じ場合でも、辿り着くまでの過程によって表示内容が異なります。
ただし、近年はブラウザの履歴や戻るボタンから過去のページへ戻れるため、Webサイトではそれほど多く使用されない方式です。
3.パンくずリストを設置するメリット
本章では、パンくずリストを設置する2つのメリットを詳しく解説します。
3-1.SEO効果が期待できる
パンくずリストの設置は、検索エンジンの内部リンク理解を補助する施策の一つです。
パンくずリストを設置すると、Webサイトの内容を検索エンジンがクローリングしやすくなります。クローリングとは、クローラーと呼ばれるGoogleの検索エンジンロボットが、Webページを巡回してコンテンツの内容を認識することです。
検索結果は、クローリングの情報を基にデータベース化したものをランキング形式で表示する仕組みです。パンくずリストの適切な設置により各ページの関連性を検索エンジンが把握しやすくなることで、サイト構造の理解が促進される可能性があります。
3-2.ユーザビリティが向上する
パンくずリストを設置することで、ユーザビリティの向上も見込めます。
ユーザーは必ずしもWebサイトのトップページからアクセスするとは限らず、ページ内で迷子になることもあるでしょう。パンくずリストがあれば、ユーザー自身がWebサイト内のどこにいるかを視覚的に把握可能です。
また、ユーザーがWebサイト内の下層ページを閲覧している場合、上層ページへ容易に戻れることを直感的に理解できるメリットもあります。つまり、パンくずリストは、ユーザーがWebサイト内で迷子になることを防ぐ役割も果たすといえるでしょう。
4.パンくずリストを設置する際のポイント
最後に、パンくずリストを設置する際に注意すべき4つのポイントを紹介します。ユーザーと自社の双方に大きな効果がもたらされるように、要点を押さえた上で適切に設置しましょう。
4-1.わかりやすい階層構造にする
パンくずリストを設置する際は、ユーザー目線を意識したわかりやすい階層構造にすることが重要です。たとえば、以下のようなパンくずリストの場合、ボールペンを価格帯で絞り込むには複数のページを遡らなければいけません。
「ホーム ＞ 999円以下 ＞ 文房具 ＞ 筆記具 ＞ ボールペン」
以下のように「ホーム＞大カテゴリ＞中カテゴリ＞小カテゴリ＞コンテンツ」と、関連性のあるカテゴリー構成を行うことで、ユーザビリティの向上が見込めるでしょう。
「ホーム ＞ 商品情報 ＞ 文房具 ＞ 筆記具 ＞ ボールペン」
4-2.SEOの対策キーワードをアンカーテキストに含める
SEOの対策キーワードをアンカーテキストに含めることで、検索順位の向上につながることがあります。ユーザーだけでなく検索エンジンにも、ページの内容を理解してもらえるためです。パンくずリストのカテゴリ名には、検索頻度が高いキーワードを極力使用するとよいでしょう。
アンカーテキストとは、Webサイト上でクリックできるハイパーリンク付きのテキストのことです。キーワードを不自然に含めると、ユーザーの混乱を招く可能性があるため注意しましょう。
4-3.パンくずリストは全ページに設置する
パンくずリストは、Webサイト上のすべてのページに対してカテゴリ設計と整合性が取れるように設置するのが基本です。WordPressを利用する場合、パンくずリストの表示設定をテーマやプラグインでスムーズに行えます。
ただし、カテゴリ分類が難しいページへの設置は不要です。トップページやキャンペーンCV用のページに、無理に設置する必要はありません。
4-4.スマホでも見やすい位置・フォントサイズにする
スマートフォンでWebサイトを閲覧する際、ページ上部に表示されたパンくずリストが長すぎると、コンテンツを確認しにくくなる恐れがあります。パンくずリストの階層表示を一つ上までにする、横スクロールに対応するなど、表示方法に工夫を凝らすとよいでしょう。
スマートフォン版のサイトのみパンくずリストを非表示にする選択肢もありますが、Googleはモバイルファーストインデックスを重視する傾向にあるため注意が必要です。SEO効果を考慮すると、スマートフォン用のサイトにもパンくずリストを導入するのが望ましいでしょう。
5.ユーザーにとって使いやすいサイトにするためにパンくずリストを設置しよう！
パンくずリストの設置はSEO対策の一つとして多くの方に認知されていますが、ユーザビリティの向上も期待できる施策です。
設置の際はわかりやすい階層構造を意識し、アンカーテキストにSEOの対策キーワードを含めながら、すべてのページに導入しましょう。スマートフォンでも見やすいように、位置・フォントサイズを工夫することも重要です。
Webosqueは、BtoB企業やローカル企業に向けたSEOコンサルティングを手掛ける企業です。
専任のコンサルタントがターゲット顧客・ユーザーのニーズを分析し、既存ページの改善と新規ページの制作を行います。検索流入からの問い合わせや資料請求といったリード獲得、MEO施策をプロに任せたい方は、Webosqueにご相談ください。