【Cocoon】パンくずリストの表示と位置のカスタマイズ

「パンくずリストをカスタマイズしたい」

「固定ページでも設定できる？」

「パンくずリストを非表示にするには？」

この記事では、そんな方に向けて、Cocoonでパンくずリストの設定方法を解説します。

この記事を読めば、あなたも簡単に

• パンくずリストをカスタマイズしたり
• パンくずリストを非表示にしたり
• パンくずリストが表示されない対処法が分かったり

できるようになります。

私も「パンくずリスト」という言葉すら知りませんでしたが、今では本記事の方法で使いこなせるようになりました。

どこよりも分かりやすく書いている自信がありますので、ぜひ最後まで読んでマスターしてください！

また以下の記事では、Cocoonの使い方や設定方法をブログ運営歴・公開した記事数別でまとめて紹介しています。

さっそく本題に入りましょう。

パンくずリストとは？

パンくずリストとは、Webサイトにある記事ページを階層順にリスト化したもののことです。

本記事のパンくずリストを例にあげると

ホーム ＞ ブログ ＞ Cocoon

であり、自分が今どの階層にあるページを読んでいるのかが分かります。

パンくずリストの名前の由来

なぜ名前がパンくずリスト？と疑問に思った人もいると思います。

パンくずリストは、グリム童話「ヘンゼルとグレーテル」で語られるストーリーが由来で名前がつけられました。

ストーリーの中で、

主人公であるヘンゼルとグルーテルの兄妹が森を奥深く歩いている途中、帰り道を迷わないよう少しずつパンくずを落としていった

という場面があります。

このエピソードからあなたがWebサイトを訪れたときに

• 「自分が今どこにいるのか？」
• 「どこを通ったらその場所にたどり着けるのか？」

を示したものをパンくずリストと呼ぶようになりました。

Cocoonパンくずリストの表示と位置のカスタマイズ方法

Cocoonでパンくずリストの表示と位置のカスタマイズは、以下のページで設定できます。

それぞれ詳しく解説します。

投稿・カテゴリーページ

Cocoonの投稿・カテゴリーページでパンくずリストの表示や位置をカスタマイズ方法は、下記の通りです。

投稿・カテゴリーページのパンくずリストでカスタムサイズできる項目は、2つあります。

それぞれ詳しく解説します。

表示位置を決める

「パンくずリストの配置」では、

• 表示しない
• メインカラム手前
• メインカラムトップ
• メインカラムボトム（デフォルト）
• フッター手前

の5つから選べます。

以下が、パンくずリストを非表示にした場合と表示した場合の見え方です。

本文の1番下にパンくずリストを設置すると気づかれにくいので、

• メインカラム手前
• メインカラムトップ

のどちらかに設置することをおすすめします。

表示中のページも含める

「記事タイトル」では、パンくずリストに

• 表示している記事のタイトルも含めるかどうか

選べます。

固定ページ

Cocoonの固定ページでパンくずリストの表示や位置をカスタマイズ方法は、下記の通りです。

固定ページのパンくずリストでカスタムサイズできる項目は、2つあります。

固定ページでカスタマイズできる項目は、先ほど紹介した投稿・カテゴリーページと同じなので、割愛します。

Cocoonパンくずリストを表示する3つのメリット

Cocoonでパンくずリストを表示するメリットを、私なりに考えてみました。

それぞれ詳しく解説します。

利便性が高まる

パンくずリストを表示すると、ユーザーの利便性が高まります。

なぜなら、読んでいるページの下の階層にあるカテゴリーがパンくずリストとして表示され、

そのカテゴリーをクリックすると、リンク先のページにとぶことができるからです。

もしパンくずリストを非表示にすると…

• 他の記事へ回遊できる導線の数が減る
• ユーザーが迷子になる
• 読んでほしい記事を見つけてもらえる確率が下がる

ですので、ユーザーの利便性を高めるために、パンくずリストは表示させましょう。

インデックスが早くなる

パンくずリストがあれば、インデックスされるスピードが早くなります。

インデックスとは…公開した記事がGoogleの検索エンジンに登録されること

Googleでは、Web上にあるサイトを巡回するロボット＝クローラーがあり、クローラーに公開した記事を見つけてもらうまでインデックスされません。

クローラーに公開した記事を見つけてもらうには、内部リンクやサイトマップからたどってもらう必要がありますが、

たどってもらうリンクが多ければ多いほど見つかりやすくなり、インデックスされるスピードが早まります。

つまり、リンクになっているパンくずリストも表示すると、インデックスが早くなります。

SEO評価が良くなる

先ほど紹介した2つのメリットより、パンくずリストの表示は

• ユーザーにとって使いやすいサイトになる
• クローラーに効率よくサイトを巡回してもらえる

ので、間接的にSEO評価を上げる助けになります。

Cocoonパンくずリストが表示されない原因と対処法

Cocoonでパンくずリストが表示されない原因は、下記2つ考えられます。

それぞれの対処法を詳しく解説します。

表示しない設定にしている

WordPress管理画面のCocoon設定⇒投稿にあるページで、

「パンくずリストの配置」を表示しないになっていると、パンくずリストが表示されないです。

ですので、「パンくずリストの配置」を他4つから選び直せば、表示されます。

カテゴリー設定をしていない

その記事がどのカテゴリーに属するのかを設定しないと、パンくずリストは表示されないです。

カテゴリーを設定する方法は、

1. 記事編集画面の右上にある設定をクリックする

2. 投稿をクリックして表示されたページ内にある「カテゴリー」で設定する

3. 更新をクリックすれば、パンくずリストが表示されます。

まとめ：パンくずリストで回遊率UP

今回は、Cocoonでパンくずリストの設定方法を紹介しました。

当ブログでは、Cocoonに関する記事をいくつか書いてます。

下のカテゴリーページにまとめていますので、のぞいてみてください。