- パンくずリストって何？
- パンくずリストの役割は？
- パンくずリストのSEO効果は？
- パンくずリストの設置方法は？
現役でSEO対策の仕事をしている私がパンくずリストについて解説します。
「パンくずリストなんてとりあえず付けておけばいいんでしょ？」くらいに思っている方もいるかもしれませんが、意外に奥が深いんですよ。
パンくずリスト
パンくずリストについて語っていく前に、「パンくずリストって自分が思っているものであってる？」という方のために確認です。
こやつです。通常、タイトルの周辺に設置されていることが多いです。
ほら、きっと見たことありますよね？
パンくずリストの役割
それではさっそく、パンくずリストの役割についてみていきましょう。
閲覧ユーザーを迷わせない
パンくずリストの名前の由来は、童話「ヘンゼルとグレーテル」からきているようです。
「ヘンゼルとグレーテル」は森の中で迷わないようにパンくずを落として歩くそうなのですが、パンくずリストの名称は、このパンくずからきているようです。
ですのでサムネイル画像にパンを設定した私の見解はあながち間違っていないようです。
「ようです」ばかりで申し訳ないですが、「ヘンゼルとグレーテル」を読んだことがないのであしからず。
ヘンゼルとグレーテルが道に迷わないように使用したパンくずですが、パンくずリストにも「道に迷わないようにする」という役割があります。
たとえば上の画像はSEO対策とは何かを解説した記事のパンくずリストですが、記事が「SEO対策」というカテゴリの中にあることがすぐにわかりますよね。
パンくずリストのおかげで、サイト内の色々なページを閲覧していても、ユーザーは自分が今どこにいるのかがすぐにわかります。
また、検索から記事ページに入ってきたユーザーは、階層構造の把握が容易になり、記事が所属するカテゴリの一覧にパンくずリストからすぐに移動することもできます。
ユーザーを迷わせないパンくずリストの役割は、ECサイトなど、サイト構造が複雑なサイトではとくに重要です。
クローラーの巡回を助ける
パンくずリストはクローラー（検索エンジンのロボット）の仕事も助けます。
クローラーはリンクをたどってページを巡回するので、サイト構造にそって設置されたパンくずリストがあることで、サイトの構造を理解しやすくなります。
サイトの構造を理解してもらいやすくなる。巡回してもらいやすくなる。つまりSEO対策としても良いことです。
パンくずリストには「クローラーを迷わせないようにする」という効果もあるのです。さすが。
内部リンクを増やせる
パンくずリストのSEO効果をもうひとつ。
内部リンクを自然に増やせる点です。
内部リンクはSEO対策の中でも重要視されているものです。
重要なページに向けてリンクを貼ることで、リンクを貼られたページの重要度を高めるという施策です。
パンくずリストは上の階層にいけばいくほど、下の階層からの被リンクを獲得できます。
たとえば「SEO対策」というカテゴリがあったとします。
そして「SEO対策」のカテゴリのなかに50記事あったとします。
それはつまり、SEOに関連した50記事から「SEO対策」のカテゴリに向けてリンクが貼られることを意味します。
その結果、SEO対策のカテゴリページの重要度が高まります。
また、下の階層から内部リンクを貼る＝「ページの重要度を高める」という点を考えると、サイト内でもっとも内部リンクを集められるのはトップページです。
つまり、ページ数が増えれば増えるほどトップページへの内部リンクを増やせるということです。
キーワードを含むアンカーテキストを増やせる
当ブログ『ウェブファイト』では実施していないのでお伝えを迷いましたが、パンくずリストのSEO効果をもう一個。
パンくずリストにキーワードを入れると、アンカーテキスト（リンク）を増やせる（キーワード比率を高められる）＝設定したキーワードの重要度を高められるという効果があります。
- アンカーテキストを増やせる。
- 設定したキーワードの重要度が高まる。
検索エンジンのロボットは、アンカーテキストで設置されたテキストを重要視する傾向があります。この性質を利用して、パンくずリストにキーワードを含めるわけです。
多くのサイトでパンくずリストの最上位階層は、「トップページやホーム」「会社名」が設定されていると思いますが、この最上位階層に目標キーワードを含めます。
たとえば「ホーム」を「SEO対策の○○（サイト名）」のようなイメージです。
実際現場ではよく使われますのでご紹介です。
パンくずリストの設置方法
パンくずリストを設置するメリットをご理解いただいたところで、技術的な話です。
パンくずリストを設定したい場所に以下のようなコードを設置です。
<div class="breadcrumb">
<ol>
<li><a href="#">HOME</a></li>
<li><a href="#">○○</a></li>
</ol>
</div>CSSはお好みでどうぞ。
ワードプレスですとプラグインで簡単に設置可能です。
構造化マークアップ
パンくずリストは構造化マークアップすることも可能です。
構造化マークアップとは、決められたルールでマークアップすることで、検索エンジンのロボットに内容を正しく理解してもらいやすくする手法です。
内容を正しく理解してもらえるだけでなく、検索結果の表示もリッチリザルト（通常の表示とは変化）表示され、競合サイトとの差別化が可能です。
パンくずリストの構造化マークアップについてはGoogleの検索セントラルがわかりやすいです。
まとめ
以上でパンくずリストについては終わりです。
私はパンくずリストが好きなので、
サイトを見ながら、「このサイトはどんなパンくずリストが設置されてるのかい？」と仕事中にニヤニヤしています。
「キモい」という意見は甘んじて受け入れます。
ぜひあなたも、次にWebサイトを見たときに「このサイトのパンくずリストわかりやすいな」とか「わかりにくいな」とか少し意識してみてください。
きっと楽しくなるはずですよ。
