パンくずリスト — "今どこ"を示して迷わせず、回遊率を底上げ

パンくずリスト、まだ設置していませんか？

パンくずリストは、お客様に「今どこにいるか」を伝えるナビゲーションです。
商品ページやコレクションページの上部にあるだけで、お客様が迷わず自然にサイトを回遊し、購入へ進みやすくなります。

「前のカテゴリに戻りたい」と思ったお客様がブラウザバックで離脱する代わりに、パンくずリストからひとつ上の階層へ自然に移動できる——直帰率の低下・回遊率の向上に静かに効く導線です。
カテゴリページへの内部リンクがすべてのページに整うため、サイトの階層構造も伝わりやすくなります。

しかし多くのShopifyテーマではパンくずリストが標準搭載されておらず、アプリで追加しようとするとランニングコストが発生します。
Copilifyのパンくずリストセクションなら買い切り型で月額費用はゼロ。テーマエディタから日本語で設定できるので、コードの知識は一切不要です。

主な機能・特徴

🗂️ 全ページタイプに対応した自動生成

商品ページ・コレクションページ・ブログ・記事・固定ページなど、すべてのページでパンくずリストを自動的に生成・表示します。
トップページ・カートページ・404ページでは自動で非表示になるため、設定不要ですっきり運用できます。

🏠 ホームリンクのアイコン＆テキストをカスタマイズ

ホームリンクには、任意の画像アイコン（サイズ調整可）とテキストを組み合わせて表示できます。
ブランドの世界観に合わせたホームボタンのデザインが可能です。

✏️ 区切り文字を自由に変更

パンくずリスト間の区切り文字（デフォルト：＞）を自由に変更可能。
ストアの雰囲気に合わせて「/」「≫」など好きな文字にできます。

🧭 コレクションの親子階層に対応

「階層メニュー」を設定すると、メニューの入れ子（最大3階層）がそのままパンくずの親子関係になります。
例：ホーム > メンズ > 時計 > 商品名
商品が複数のコレクションに属する場合も、メニューの並び順を優先順位として親を1件だけ表示。パンくずがごちゃつきません。メニュー未設定でもそのまま動作します。

🔍 検索結果のパンくず表示に対応（構造化データを自動出力）

表示中のパンくずと同じ階層を BreadcrumbList 構造化データ（JSON-LD）として自動出力します。
Googleの検索結果でURLの代わりに階層が表示される「リッチリザルト」に必要なマークアップが、設定不要で揃います。

📱 PC / モバイル別のレスポンシブ設定

フォントサイズと余白（上下左右）をPC・モバイルそれぞれ個別に設定可能。
デバイスごとに最適な表示を実現します。

🖌️ 細やかなデザイン調整（17の設定項目）

• フォントサイズ（PC / モバイル別）
• テキスト色 / テキストの太さ（通常 / 太字）
• 区切り文字 / 階層メニュー（コレクションの親子関係）
• ホームアイコン画像 / アイコンサイズ / ホームテキスト
• 余白（PC / モバイル：上・下・左右）
• 背景色 / 最大幅

テーマエディタの設定画面はすべて日本語なので、直感的に操作できます。

🚏 回遊を支え、サイト構造を伝えるナビゲーション

訪問者が「前のカテゴリに戻る」際の動線が生まれることで、直帰率の低下・回遊率の向上に貢献します。
また、全ページにカテゴリへの内部リンクが整うため、サイトの階層構造が伝わりやすくなります。

💰 料金の考え方 — アプリと比べてください

※ $1=150円換算の概算です。

制作を請け負う方へ: 全ページタイプ対応のパンくずリストをゼロから実装すると3〜5時間の工数です。本セクションなら導入は10分ほど。クライアント様のストアでもそのままお使いいただけます。

🔧 開発・検証について

Copilifyのセクションは、Shopify Plusパートナー企業に所属する現役エンジニアが開発しています。
月商5,000万円超のECサイト構築を手がける実案件と同じ基準で、コードの品質・表示速度・テーマエディタの使いやすさまで検証済みです。

• Shopify標準のLiquid・CSS・JavaScriptのみで構築し、特定テーマの専用機能に依存しない設計。Online Store 2.0対応テーマであれば基本的にご利用いただけます
• 開発・表示確認はDawn系テーマで実施。世の中すべてのテーマでの検証はできているわけではないため、ご不安な場合はご購入前にテーマ名を添えてお問い合わせください
• 設定画面はすべて日本語ラベル、導入手順は動画付きガイドでご案内
• 導入でつまずいた場合は無料サポートで解決まで対応