【設置推奨】パンくずリストの正しい書き方とSEOの意味

パンくずリストは一般的なWEBサイトで設置されるのを確認できます。「パンくずリストは設置するべきなの？」と迷われている方のために、ユーザー観点と検索エンジン側からみたSEO観点でパンくずリストの設置を推奨する理由を説明していきます。こちらを見てパンくずリストの正しい書き方やSEO効果を理解しましょう。

パンくずリストとは

パンくずリスト（英：breadcrumb list、別名：）とは、今見ているページ階層と上位構造（階層）のアンカーテキストリンクを設定したリストのことです。一般的にページの上部（ヘッダー）か下部（フッター）に設置されます。パンくずリストはユーザーにとって、他の上位階層ページにすばやく移動することができるので、サイト内のナビゲーションの役割があります。また、検索エンジンのクローラーがパンくずリストを辿ることでSEO効果も見込むことができます。

当記事を運営するデジ研にもパンくずリストは当然設置しております。普段みなさんが目にしているサイトにも、こういったパンくずリストが設置されていることが多いのではないでしょうか。ユーザービリティの観点から常識的にパンくずリストを設置する意味だけでなく、パンくずリストはSEOという点においても重要な役割を担っていることをみなさんはご存知でしょうか。適切に設定することで、ユーザーにも、クローラ（検索エンジン）にも有益な情報となります。

次に、ユーザー観点から見たパンくずリストの効果とクローラー（検索エンジン）から見たSEOのパンくずリスト効果を説明していきます。

ユーザー観点から見たパンくずリストの効果

ユーザーは必ずしもサイトのトップページから来てくれるとは限りません。

ユーザーにとってのパンくずリストは、検索エンジンの検索結果などからトップページ以外のページに来たユーザーが、いま自分がサイト内のどこの階層にいるのか、そのページがどのカテゴリに属しているのかが、一目でわかる情報です。

上記のように、ランディングした（検索結果などから来た）ページが「新宿区」で、そのページを見終えたあと、他のエリアの情報も知りたいと考えた場合、パンくずリストがあれば、「東京都」へすぐ移動できるというメリットがあります。つまり、サイト内の回遊率（1訪問あたりのページビュー数）をアップさせることができます。

さらに、CV数（コンバージョン数）の増加も期待できます。なぜなら、回遊率が上がることにより、CVポイントとなるページへ訪れる可能性がアップするからです。

このように、パンくずリストは、ユーザーの要望に応え、サイト内の回遊率・CV数をアップさせる重要な要素なのです。

クローラー（検索エンジン）から見たSEOのパンくずリスト効果

パンくずリストを設置することで、クローラーがリンク回遊可能な内部リンクにもなるため、クローラ（検索エンジン）に対してもSEOの意味があります。SEO観点から見た場合に、以下2点の効果が考えられます。

• 巡回効率と順位向上への貢献
• 検索結果への影響

巡回効率と順位向上への貢献

検索エンジンはクローラを使ってWEBサイトを巡回します。巡回したコンテンツの評価によって検索エンジンの順位が決定します。つまり検索エンジンの検索結果にWEBサイトを露出したい場合、クローラーに対する効率的な巡回（WEBサイトのクロール）が必要です。

クローラの巡回効率と巡回する頻度がSEO的には重要になってきます。パンくずリストがあることで、クローラはサイト内を効率よく巡回できるようになります。巡回効率を改善させることで、クローラに正しい情報が伝わりやすくなり、ページの内容に対して正しい評価を得ることができます。正しい評価を得ることができると、ページの検索結果の順位の向上にもつながる可能性があります。

パンくずリストは内部SEOにとって、かなり重要と言えます。

検索結果への影響

パンくずリストを設置した上で、この後に説明する適切な設定方法を実装することで、titleタグと、descriptionメタタグとともに検索結果へ表示させることができます。以下は検索結果に表示されたパンくずリストの画像キャプチャです。

上記のように検索結果にパンくずリストを表示することによって、コンテンツの階層構造がわかりやすく、ユーザー自身が探しているページかを判断することができ、クリック率向上につながります。

サイトのコンテンツが多いほど、クリック率向上の恩恵は受けられるため、パンくずリストの活用が推奨されます。検索結果で自身のサイトの取り扱いコンテンツをアピールし、流入数増加を目指すために、この後に説明するパンくずリストの設定方法を確認しましょう。

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

パンくずリストは、アンカーテキストで作成しページ内に設置するだけでは、検索結果に表示するには不十分です。

検索結果にパンくずリストを表示するためには、ソースの記述に構造化データのマークアップ記述を加える必要があります。構造化データは、コンテンツの情報をわかりやすく検索エンジン（クローラー）に伝えることが可能です。つまりパンくずリストの構造化を行うことで、検索エンジン（クローラー）にパンくずリストの存在を伝えます。

検索結果で、通販ページの商品などが表示された際に価格や、★での評価が表示されているものを見かけたことはありませんか？　あれは構造化データを用いて作られた「リッチスニペット」というものです。

リッチスニペットについてはこちらの記事を参考にしてください。

まずはサイト内のディレクトリ構造を整理する

パンくずリストは、サイト内の階層構造にしたがって設定するものです。それにはまず、サイトの内部構造をきちんと把握しなければいけません。サイトの内部構造が把握できれば、階層構造の整理にもつながり、ユーザーにもわかりやすいサイト構造となるでしょう。

パンくずリストは通常、下記のように階層を表す形になります。

例えば、不動産売買のサイトで査定したい物件を検索できるページのディレクトリを設定する場合は下記のようになります。

それぞれを実際に落とし込んでみると下記のようになります。

このように設定することで都道府県からだけではなく、市区町村の詳細からも探すことができるのです。

サイト内のページ数が多ければ多いほど、あとから階層構造を変更したり、整理することは難しくなってしまいます。

サイトを制作・運用する際には、あらかじめきちんとサイトのディレクトリ構造やカテゴリ設定のプランを練り、それにしたがってページを作成していきましょう。

階層構造の整理・見直しが完了したら、パンくずリストの設定スタートです！

無理に対策キーワードを含めない

不自然にキーワードを含めるとGoogleから「キーワードの乱用」として、手動による対策を受ける可能性があります。
また、パンくずリスト自体も長くなり、1行に収まらずに改行され見にくくなり、ユーザビリティを損ないます。
パンくずリストは、無理にキーワードを含めずにユーザビリティを意識した自然な内容となるよう設定することが大切です。

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

1つのページへたどり着くルートは、必ずしも1つとは限りません。
その場合、パンくずリストを複数設置することになるのですが、SEOに影響が出るかどうかが気になりますよね。

例えば、ECサイトを運営している際に下記のように設定したい場合もあるのではないでしょうか？

このように設置することで、ユーザーは「ランニングシューズ」「ブランド名」「売れ筋ランキング」からも再度商品を探すことができるようになるため、ユーザビリティの向上につながります。

では、Googleの見解はどうなのでしょうか？

結論から述べると、パンくずリストを複数設置していることで、サイトの評価を下げてしまうのではないか、というようなことを心配する必要はありません。

Googleの公式では、パンくずリストが複数存在した場合「1つ目を優先して採用する」と発表しています。つまり、1つ目にサイト構造を意識したパンくずリストを設置し、その他に設置するパンくずリストは、ユーザビリティを意識したパンくずリストを設置することが有効となるのです。

構造化データマークアップでパンくずリストを設置する

構造化データでパンくずリストを設置するには、Googleでは下記の形式の構造化データを使用することができます。

この記事では、Googleが推奨しているJSON-LDを用いた構造化データマークアップについて説明いたします。

JSON-LDでの構造化データマークアップ記述例

単一のパンくずリスト

このような単一のパンくずリストの場合、JSON-LDを使用した構造化データマークアップは、下記のようになります。

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "トップ",
    "item": "https://www.example.com/"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "ランニングシューズ",
    "item": "https://www.example.com/running-shoes/"
  },{
    "@type": "ListItem",
    "position": 3,
    "name": "ブランド名",
    "item": "https://www.example.com/running-shoes/●●●（ブランド名）/"
  },{
    "@type": "ListItem",
    "position": 4,
    "name": "商品名",
    "item": "https://www.example.com/running-shoes/●●●（ブランド名）/■■■（商品名）/"
  }]
}
</script>

複数のパンくずリスト

このような複数のパンくずリストの場合、JSON-LDを使用した構造化データマークアップは、下記のようになります。

<script type="application/ld+json">
[
{
  "@context": "https://schema.org/",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "トップ",
    "item": "https://www.example.com/"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "ランニングシューズ",
    "item": "https://www.example.com/running-shoes/"
  },{
    "@type": "ListItem",
    "position": 3,
    "name": "ブランド名",
    "item": "https://www.example.com/running-shoes/●●●（ブランド名）/"
  },{
    "@type": "ListItem",
    "position": 4,
    "name": "商品名",
    "item": "https://www.example.com/running-shoes/●●●（ブランド名）/■■■（商品名）/"
  }]
},
{
  "@context": "https://schema.org/",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "トップ",
    "item": "https://www.example.com/"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "ブランド名",
    "item": "https://www.example.com/●●●（ブランド名）/"
  },{
    "@type": "ListItem",
    "position": 3,
    "name": "商品名",
    "item": "https://www.example.com/running-shoes/●●●（ブランド名）/■■■（商品名）/"
  }]
},
{
  "@context": "https://schema.org/",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "トップ",
    "item": "https://www.example.com/"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "売れ筋ランキング",
    "item": "https://www.example.com/ranking/"
  },{
    "@type": "ListItem",
    "position": 3,
    "name": "商品名",
    "item": "https://www.example.com/running-shoes/●●●（ブランド名）/■■■（商品名）/"
  }]
}
]
</script>

パンくずリストの構造化データタイプの定義

パンくずリストに構造化データを設定するには、少なくとも2つのListItemを設定し、BreadcrumbListを定義する必要があります。

BreadcrumbList

パンくずリスト内のすべての情報をBreadcrumbList内に記述します。

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "トップ",
    "item": "https://www.example.com/"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "ランニングシューズ",
    "item": "https://www.example.com/running-shoes/"
  },{
    "@type": "ListItem",
    "position": 3,
    "name": "ブランド名",
    "item": "https://www.example.com/running-shoes/●●●（ブランド名）/"
  },{
    "@type": "ListItem",
    "position": 4,
    "name": "商品名",
    "item": "https://www.example.com/running-shoes/●●●（ブランド名）/■■■（商品名）/"
  }]
}
</script>

ListItem

各パンくずリスト内のタイトルやURLなどの詳細情報をListItem内に記述します。

"item": "https://www.example.com/"

"item": {
  "@id": "https://www.example.com/",
  "name": "●●●"
}

{
  "@type": "ListItem",
  "position": 2,
  "name": "ランニングシューズ",
  "item": "https://www.example.com/running-shoes/"
}

{
  "@type": "ListItem",
  "position": 2,
  "item": {
    "@id": "https://www.example.com/running-shoes/",
    "name": "ランニングシューズ"
  }
}

パンくずリストを設置したら

パンくずリストの構造化データをテストする

パンくずリストの構造化データを設置したら、構造化データに問題がないかどうかを確認します。
Googleの提供している「リッチリザルトテストツール」を使用することで確かめることができます。間違った記述があった場合は、エラーや警告が表示されます。

このツールは、パンくずリスト以外の構造化データも確認することができるので、他の構造化データを設置した際にも活用してみてください。

Google Search Consoleで構造化データを監視する

Google Search Consoleにサイトを登録していなくてもGoogle検索結果に表示されますが、登録するとGoogleにサイトがどのように見られているかがわかり、問題点があれば改善できるようになります。

構造化データで発生した問題を解決する（トラブルシューティング）

構造化データの実装で、エラーが発生した場合は、以下の項目を確認してください。
●リッチリザルトテストツールで、構造化データにエラーがある場合は、「構造化データエラーの一覧」を確認して、修正をしてください。

●構造化データが検出されない、もしくは構造化データの合計数がSearch Console上から減少している場合。

パンくずリストに関するよくある質問

（質問）パンくずリストは、複数設置しても良いのでしょうか？

（回答）商品ページなどへの経路が複数ある場合は、複数のパンくずリストを設置することができます。その場合、メインの経路を1つ目のパンくずリストに設定してください。クローラは、パンくずリストが複数見つかった場合、現状では、1つ目を採用しています。

（質問）パンくずリストには、どれくらいキーワードを含めたら良いのでしょうか？

（回答）不用意にパンくずリストにキーワードを含めるとGoogleから「キーワードの乱用」として、手動による対策を受ける可能性があります。また、長すぎるパンくずリストは、1行に収まらずに改行されてしまい見にくくなり、ユーザビリティを損ないます。クローラにも階層構造が正しく伝わらなくなる可能性もあります。パンくずリストは、無理にキーワードを含めずにユーザビリティを意識した自然な内容となるよう設定してください。

（質問）パンくずリストを設置すると、どのようなメリットがありますか？

（回答）ユーザビリティ（サイトの使いやすさ）が良くなります。サイト内のナビゲーションの役割があり、すばやく上位階層に移動することができ、回遊率が増します。また、いま自分がサイト内のどこの階層にいるのか、そのページがどのカテゴリに属しているのかが、一目でわかります。

クローラが効率よくサイト内をクロールすることができます。パンくずリストがあることで、クローラはパンくずリストのリンクをたどって、サイト内を効率よくクロールできるようになります。

パンくずリストは、ユーザーにも検索エンジンにもメリットがあります。デメリットはありませんので、ぜひ、設置してください。

（質問）デザイン上、どうしてもページ内にパンくずリストを設置することができないが、JSON-LDでパンくずリストの構造化データを設定しても問題ないでしょうか？

（回答）ページ内にパンくずリストが設置できない場合、パンくずリストの構造化データの設定もお控えください。ページ内のコンテンツと構造化データが一致しないと、Googleのガイドライン違反となり、サイトは手動による対策を受ける可能性があります。手動による対策を受けると、一部のページまたはサイトすべてがGoogleの検索結果に表示されなくなります。

（質問）パンくずリストの構造化データはどのように実装すれば良いでしょうか？

（回答）Googleが推奨するJSON-LD形式で、構造化データを実装してください。ただし、構造化データを実装したからといって、検索結果に必ず表示されるとは限りません。「リッチリザルトテストツール」で構文にエラーが無いか、Googleが公開している「構造化データに関する一般的なガイドライン」をご確認いただき、実装するようお願いいたします。また、data-vocabulary.orgの構造化データに関して、Googleのサポートは、2021年1月29日に廃止すると公式ブログ（英語版）でアナウンスされています。廃止後は、検索結果にパンくずリスト形式で表示されなくなるでしょう。data-vocabulary.orgで実装している場合は、廃止されるまでにGoogleが推奨するJSON-LD形式での構造化データに変更してください。

まとめ

今回はパンくずリストがSEOにおよぼす影響についてと設置方法についてお伝えいたしました。

パンくずリストはページを移動する際に便利なだけではなく、使い方によってはユーザーにも検索エンジンにも大きな影響があります。メリットこそあれ、デメリットはありませんので、これを利用しない手はないですね。

ページへの流入は、検索結果でどれだけユーザーにアピールできるかに関わってきますので、パンくずリストを構造化データマークアップで設置することにより、流入を増やせるかもしれません。

また、パンくずリストを設置するには、サイトの内部構造をきちんと把握しなければいけないので、階層構造の整理にもつながりますし、整理することで内部リンクを上手く集中させることができれば、Googleからの評価も上がるかもしれません。

正しくマークアップしたパンくずリストを使って、ユーザーにも検索エンジンにも最適なサイトを目指しましょう！

2022年 最新版 SEOセルフチェックリスト 無料プレゼント！

年間何百ものWebサイトを確認している当社でも、内部施策SEOが完璧にできているというサイトを見たことがありません。内部施策SEOに漏れがあるということは、自分でできることをやっていないということであり、それだけで機会損失を発生させている可能性があります。本書では、ご自身でセルフチェックと修正ができるよう、Googleが推奨する内部施策SEOのうち、重要なポイントをかいつまんでご紹介しております。

無料で資料をダウンロードする

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

阿部 円佳

ディーエムソリューションズ株式会社 デジタルマーケティング事業部 シニアコンサルタントグループ SEOコンサルタント。 キーワードプランニングや内部施策の施策仕様書作成など、シニアコンサルタントグループを支える縁の下の力持ち。

>最新記事 by 阿部 円佳 (全て見る)

• 【設置推奨】パンくずリストの正しい書き方とSEOの意味 - 2022年6月7日
• hタグとは？見出しタグ<h1>～<h6>のSEOを意識した正しい使い方 - 2016年11月8日
• リッチスニペットとは？ 種類と設定方法について - 2016年7月21日