パンくずリストとは？SEOにおけるメリット、種類、設置方法、書き方を解説

ユーザーエクスペリエンス（UX）の向上

パンくずリストの設置により、ユーザーは現在閲覧しているページの位置関係を直感的に理解できるようになります。

例えば、当サイトで「文章生成AIツール・サイトおすすめ10選！無料で使える製品を徹底比較」のページを見ているとき、「WEB集客ラボHOME > SEO／SEM > 記事一覧 > 文章生成AIツール・サイトおすすめ10選！無料で使える製品を徹底比較」というパンくずリストがあるため、「記事一覧」ページに戻って「コンテンツマーケティングに関する記事」を探すといった行動がスムーズにできます。

また、検索エンジンから直接下層ページにアクセスしたユーザーにとっても、サイトの構造を把握しやすくなります。これにより、ユーザーの回遊率が向上し、結果としてサイトの評価向上にもつながります。

サイト構造の明確化とクローラビリティ向上

パンくずリストを適切に設置することで、検索エンジンはサイト階層をより正確に理解しやすくなります。

その結果、クローラーがページ同士の関連性や階層を把握しやすくなるため、インデックス最適化に貢献するのです。

加えて、パンくずリストはすべてのページから上位階層へリンクを張る形となるため、関連するページ同士の内部リンクの強化にもつながります。

パンくずリストを実装することで、期待できる効果は以下の通りです。

冒頭でECサイトの「ホーム > 家電 > オーディオ > イヤホン」を例に挙げましたが、以下、わかりやすく図解にしました。

なお、Googleも公式サイト「検索エンジン最適化（SEO）スターター ガイド」において、サイトを整理する際の例としてパンくずリストに言及しています。

参考：検索エンジン最適化（SEO）スターター ガイド：サイトを整理する

1:大手小売サイト（Semrush社テスト）– パンくずリストの改善により自然流入が8%増加

Semrush社 は、SEO、コンテンツマーケティング、デジタル広告などの分野で世界的に利用されているマーケティング分析ツールを提供する企業です。そんなSemrush社が、パンくずリストの最適化が検索流入に与える影響を検証するため、大手オンライン酒類小売業者のサイトでA/Bテストを実施しました。

◯施策内容

この小売サイトでは、もともと、商品ページに以下のようなパンくずリストが表示されていました。

【従来のパンくずリスト】

テストでは、最後の要素（商品名）を削除し、次のように簡素化しました。

【修正後のパンくずリスト】

この変更を一部のページに適用し、従来のままのページと比較する形で21日間テストを行いました。

◯結果

変更を加えたページでは、自然流入が8.7%増加し、統計的に有意な改善が確認されました。また、クリック率、インプレッション数、ページランクの向上も認められています。

画像引用：SEO Split-Testing [Case Study] “Removing Breadcrumbs on Product Pages”

これらの数値改善が確認された理由として、Semrush社は以下の要因を挙げています。

この結果から、パンくずリストは「できるだけ詳細に設置すればよい」わけではなく、適度に簡素化することでSEO効果を高める可能性があることが示されました。

特にECサイトや情報量の多いサイトでは、冗長なパンくずリストを見直すことで、自然流入に加えてクリック率、インプレッション数、ページランクの改善につながる可能性があります。

2: Moz社クライアントサイト – パンくずリスト設置でアクセス6倍・順位大幅アップ

Moz社 は、SEOやデジタルマーケティングの分析ツールを提供する業界屈指の企業です。そんなMoz社が手掛けたあるクライアントサイトの事例では、適切なSEO対策を施すことで、アクセス数が6〜7倍に増加し、検索順位も大幅に向上しました。その中でも特に重要だったのが、パンくずリストの導入でした。

◯施策内容

このクライアントサイトは、サイト構造が混乱し、内部リンクが最適化されていないなど、多くのSEO上の課題を抱えていました。そこで、Moz社は以下の施策を実施しました。

◯結果

上記の施策を行ったことで、以下のようなSEO効果が確認されました。

本事例では、パンくずリストの導入と並行して様々な施策を実施しています。そのため、パンくずリストの効果「のみ」で上記の結果が得られたとはいえません。

とはいえ、複雑なサイト構造を持つ場合、パンくずリストを正しく設置することで、検索順位やアクセス数の向上が期待できることを示す事例の一つといえるでしょう。

3: Kravitz社（ECサイト） – パンくず導入で自然流入が70%増加

Kravitz社 は、90年以上の歴史を持つイスラエルのオフィス用品メーカーです。同社のECサイトにおいて、パンくずリストの導入を含むSEO施策を実施した結果、以下のような効果が出ました。

◯施策内容

Kravitz社のECサイトは、商品数が多く、複雑なカテゴリ構造を持っていました。ユーザーが目的の商品にたどり着きやすくするため、以下の施策を実施しました。

◯結果

これらの施策により、Kravitz社のECサイトは以下の成果を得ました。

先ほどの事例と同様、本事例でも様々なSEO施策を行っており、「パンくずリストの導入による効果」と言い切れません。しかしながらパンくずリストは、とりわけ商品数が多いECサイトにおいて大変有用です。パンくずリストを適切に設置することで、ユーザーが目的の商品に迅速にアクセスでき、各種数字の向上につながったと考えられます。

パンくずリストの設置場所

パンくずリストの設置場所は、SEOに直接影響を与えません。パンくずリストは主に内部リンクとして認識され、設置位置によって評価が変わることはないとされています。そのため、SEOを考慮するのではなく、ユーザーの利便性を最優先に考えた配置にするべきです。ただし、ページ下部に設置する場合は、構造化マークアップを忘れずに行ってください。

一般的には、以下のような配置が推奨されます。

複数のパンくずリストの設置

原則として、パンくずリストは1ページに1つ設置することが推奨されます。 ただし、サイトの構造やコンテンツによっては、例外的に複数のパンくずリストが有効な場合もあります。

例えば以下のようなケースで、複数設置することが考えられます。

実際には、以下のように表示されます。

画像引用：mybest：auじぶん銀行をレビュー！クチコミ・評判をもとに徹底検証

しかしながら、Googleは1ページに複数のパンくずリストが存在する場合、最初の1つしか取得しない という仕様になっています。したがって、検索エンジンに正しく認識してほしいパンくずリストをページ内の最上部に配置することが重要です。

複数のパンくずリストを設置する場合、メインのパンくずリストを明確に定め、ユーザーと検索エンジンの両方にとって最適な形に調整しましょう。

プラグインで設置するケース

WordPressなどのCMSを使用している場合、プラグインを活用することで比較的簡単にパンくずリストを設置できます。特に以下のプラグインが広く使われています。

【Breadcrumb NavXT】

【Breadcrumb NavXT】

【Yoast SEO】

【Yoast SEO】

プラグインを使用する場合の基本的な手順は以下の通りです。

HTMLで構造化するケース

HTMLで直接実装する場合は、navタグ、ol/ulタグ、liタグを組み合わせて構造化します。この方法は細かいカスタマイズが可能で、サイトの要件に応じた柔軟な実装ができます。

【基本的なHTML構造の例】

<nav aria-label=”パンくずリスト”>
<ol>
<li><a href=”/”>ホーム</a></li>
<li><a href=”/category/”>カテゴリー</a></li>
<li><span>現在のページ</span></li>
</ol>
</nav>

さらに、検索エンジン向けに構造化データを追加することで、検索結果でのパンくずリスト表示が期待できます。

{
“@context”: “https://schema.org”,
“@type”: “BreadcrumbList”,
“itemListElement”: [{
“@type”: “ListItem”,
“position”: 1,
“name”: “ホーム”,
“item”: “https://example.com”
},
{
“@type”: “ListItem”,
“position”: 2,
“name”: “カテゴリー名”,
“item”: “https://example.com/category/”
}]
}

ホームページ内の構造を明確に設計する

パンくずリストの効果を最大限に引き出すためには、サイト全体の構造を論理的に設計する必要があります。以下の点に注意して設計を行いましょう。

例えば、ECサイトの場合、以下の例を参考にしてみてください。

全ページに設置する

パンくずリストは、トップページを除くすべてのページに一貫して設置することが重要です。なぜなら、ユーザーは検索エンジンからさまざまなページに直接アクセスする可能性があるためです。どのページからアクセスしても、サイト内の現在位置が把握でき、上位階層への移動がスムーズにできる必要があります。

また、すべてのページに設置することで、サイト全体の構造を検索エンジンに明確に伝えることができ、クロールの効率化にもつながります。これにより、サイト全体のSEO評価の向上も期待できます。

ターゲットキーワードを含むアンカーテキストにする

パンくずリストのリンクテキストには、SEOを意識したキーワードを適切に含める必要があります。ただし、不自然なキーワードの詰め込みは逆効果です。ユーザーにとって理解しやすく、かつ検索エンジンにも適切に認識される表現を選びましょう。

例えば、「デジタルカメラ」というカテゴリーページであれば、アンカーテキストもそのまま「デジタルカメラ」とするのが自然です。「デジカメ最新人気ランキング2024」のような長いキーワードは避け、シンプルで的確な表現を心がけましょう。

また、パンくずリストのリンクテキスト（アンカーテキスト）には、SEOを意識したキーワードを含めることが重要です。ただし、下記の点に注意して設定しましょう。

例えば、以下のようなイメージです。

「ミラーレス一眼」というカテゴリーページであれば、アンカーテキストもそのまま「デジタルカメラ」とするのが自然です。「人気のミラーレス一眼カメラ2024年版」のような長いキーワードは避け、シンプルで的確な表現を心がけましょう。

スマートフォン対応のフォントサイズと位置にする

スマートフォンでの表示を考慮したデザイン設計は必須です。限られた画面サイズでも快適に利用できるよう、以下の点に注意して実装しましょう。

スマートフォンユーザーが増加している現在、モバイルフレンドリーな設計は非常に重要です。パンくずリストが画面の大部分を占めすぎないよう注意しながら、操作性と視認性のバランスを取ることが大切です。