EC-CUBEにパンくずリストを表示する | サンクユーWEB制作ブログ

パンくずリストとは
SEOにも効果的
EC-CUBEにはパンくずリストがない
パンくずリストの事例

パンくずリストとは

パンくずリストはWEBサイトに訪れたユーザーに、今どこにいるかを分かりやすく階層表示したものです。
なぜパンくずと呼ばれているかですが、グリム童話『ヘンゼルとグレーテル』で兄妹が道に迷わないようパンをちぎって置いていくシーンがあります。
パンくずを辿ると元に戻る（トップページに戻る）ことができることができることに由来しています。

略してパンくずとも呼ばれます。

SEOにも効果的

パンくずリストはSEOにも効果的と言われています。
パンくずリストはクローラービリティの向上やディレクトリー構造の明確化などに役立ちます。

Googleが公開しているSEOスターターガイドでもサイトの階層を整理する施策としてパンくずリストが紹介されています。
パンくずリストを使用する | SEO スターターガイド: 基本 | Google 検索セントラル

EC-CUBEにはパンくずリストがない

パンくずリストは、ユーザーが現在位置を視覚的に把握できますし、上位階層やトップページへ簡単に遷移することが可能です。
また、SEO対策としても推奨されています。

しかし、EC-CUBEにはパンくず機能がありません。
カスタマイズで表示することが可能です。

パンくずリストの事例

パンくずの事例です。

現在ページまで含む

以下のパンくずは現在閲覧しているページまで含んだパンくずリストです。
現在いるページのタイトルはリンクがありません。
キャンドルが一つ上の階層となります。
左に進むに連れて階層が上がっていき、一番左はトップページとなります。
どのパンくずリストでもこのような階層表示となります。

現在ページの上位階層から表示する

次は現在ページの上位階層から表示するパンくずリストです。
海外ブランド化粧品が一つ上の階層となります。

登録されているカテゴリーすべてを表示する

商品に登録されているカテゴリーの分だけパンくずリストを表示するパターンです。
ECサイトでは1つの商品に複数のカテゴリーが紐づくことがあります。

決められたカテゴリーのみパンくずに表示する

上記「登録されているカテゴリーすべてを表示するパターン」のように複数のカテゴリーが商品に紐づいている場合はよくあります。
しかし、パンくずは1つだけ表示したい。しかも表示するパンくずを決めておきたい。というECサイトもあります。
EC-CUBE管理画面＞商品登録でパンくずに表示するカテゴリーを設定できるように致します。

投稿者プロフィール

Nakamura: サンクユーのEC-CUBE先生。
EC-CUBEのカスタマイズをし出して早15年。
難易度の高いカスタマイズもお任せ。
２系、3系、4系すべて対応可能。

実はjavaでの業務システム開発がエンジニア人生のスタート。
PHP、Perl、フロントエンド開発、Movable Type、Wordpressも得意という万能エンジニア。