パンくずリストとは
パンくずリストはWEBサイトに訪れたユーザーに、今どこにいるかを分かりやすく階層表示したものです。
なぜパンくずと呼ばれているかですが、グリム童話『ヘンゼルとグレーテル』で兄妹が道に迷わないようパンをちぎって置いていくシーンがあります。
パンくずを辿ると元に戻る（トップページに戻る）ことができることができることに由来しています。
略してパンくずとも呼ばれます。
SEOにも効果的
パンくずリストはSEOにも効果的と言われています。
パンくずリストはクローラービリティの向上やディレクトリー構造の明確化などに役立ちます。
Googleが公開しているSEOスターターガイドでもサイトの階層を整理する施策としてパンくずリストが紹介されています。
パンくずリストを使用する | SEO スターター ガイド: 基本 | Google 検索セントラル
EC-CUBEにはパンくずリストがない
パンくずリストは、ユーザーが現在位置を視覚的に把握できますし、上位階層やトップページへ簡単に遷移することが可能です。
また、SEO対策としても推奨されています。
しかし、EC-CUBEにはパンくず機能がありません。
カスタマイズで表示することが可能です。
パンくずリストの事例
パンくずの事例です。
現在ページまで含む
以下のパンくずは現在閲覧しているページまで含んだパンくずリストです。
現在いるページのタイトルはリンクがありません。
キャンドルが一つ上の階層となります。
左に進むに連れて階層が上がっていき、一番左はトップページとなります。
どのパンくずリストでもこのような階層表示となります。
現在ページの上位階層から表示する
次は現在ページの上位階層から表示するパンくずリストです。
海外ブランド化粧品が一つ上の階層となります。
登録されているカテゴリーすべてを表示する
商品に登録されているカテゴリーの分だけパンくずリストを表示するパターンです。
ECサイトでは1つの商品に複数のカテゴリーが紐づくことがあります。
決められたカテゴリーのみパンくずに表示する
上記「登録されているカテゴリーすべてを表示するパターン」のように複数のカテゴリーが商品に紐づいている場合はよくあります。
しかし、パンくずは1つだけ表示したい。しかも表示するパンくずを決めておきたい。というECサイトもあります。
EC-CUBE管理画面＞商品登録でパンくずに表示するカテゴリーを設定できるように致します。
投稿者プロフィール
- サンクユーのEC-CUBE担当。15年以上にわたりEC-CUBE開発に従事し、2系・3系・4系すべてに精通。難易度の高いカスタマイズや、他社構築サイトの改修・再設計も多数対応しています。
Javaでの業務システム開発を起点に、PHP・Perl・フロントエンド・CMSまで横断的に対応。基幹システム連携や業務フローを踏まえた設計を得意とし、複雑な要件にも柔軟に対応可能です。
ChatGPT CODEXを活用し、開発スピードと品質の両立を実現しています。
