設定
柔軟な表示制御で、Shopifyストア全体にパンくずリストを表示する場所を設定します。

パンくずリストの仕組み
パンくずリストは、カテゴリーツリー構造に基づいて自動生成されます。ツリービューでコレクションを整理すると、アプリは自動的に以下を行います:
パンくずリストのナビゲーションパスを作成します
SEOに適したJSON-LD構造化データを生成します
ツリーを変更するとリアルタイムで更新されます
設定に基づいてストアフロントに表示されます
Home › Women › Dresses › Summer Dressesパンくずリストの設定
設定ページでは、ストアのどこにパンくずリストを表示するかを制御できます。各設定には特定のページタイプに対してパンくずリストを有効または無効にするトグルスイッチがあります。
ブログページで有効にする
トグル: ON/OFF 説明: ブログページにパンくずリストを表示します
有効にすると:
ブログの一覧ページにパンくずリストが表示されます
読者がメインブログやホームに戻るのを助けます
例:
Home › Blog
利用例:
ブログを運営しているストア
コンテンツマーケティングサイト
SEO目的でブログを利用しているストア
記事ページで有効にする
トグル: ON/OFF 説明: 個別記事ページにパンくずリストを表示し、ブログページへの明確なナビゲーションを提供します
有効にすると:
個別のブログ投稿ページにパンくずリストが表示されます
Home → Blog → Article のパスを表示します
例:
Home › Blog › How to Style Summer Dresses
利用例:
ブログのナビゲーションを改善する
ブログ投稿の直帰率を減らす
読者が関連コンテンツを見つけやすくする
検索結果で有効にする
トグル: ON/OFF 説明: 検索結果ページにパンくずリストを表示します
有効にすると:
パンくずリストが
/searchページに表示されますユーザーが検索結果から離れるのを助けます
例:
Home › Search Results
利用例:
検索ユーザーのUXを向上させる
検索からの退出経路を提供する
一貫したナビゲーションを維持する
ページ(About、Contactなど)で有効にする
トグル: ON/OFF 説明: 通常のコンテンツページ(例:About Us、Contact)にパンくずリストを表示し、ナビゲーションの一貫性を保ちます
有効にすると:
静的ページにパンくずリストが表示されます
About、Contact、FAQ、利用規約、プライバシーなどに対応します
例:
Home › About Us
利用例:
すべてのページで一貫したナビゲーションを提供する
ユーザーがホームや主要セクションに戻るのを助ける
プロフェッショナルなサイト構造
商品ページで有効にする
トグル: ON/OFF 説明: 商品詳細ページにパンくずリストを表示します
有効にすると:
すべての製品ページにBreadcrumbsが表示されます
製品へのカテゴリ階層パスを表示します
例:
Home › Women › Dresses › Summer Floral Dress
使用例:
eコマースのナビゲーションに不可欠です
顧客が製品の分類を理解するのに役立ちます
構造化データでSEOを向上させます
ナビゲーションオプションを提供して直帰率を減らします
コレクションページで有効にする
切り替え: ON/OFF 説明: コレクションページにBreadcrumbsを表示します
有効にすると:
コレクション一覧ページにBreadcrumbsが表示されます
コレクションの階層を表示します
例:
Home › Women › Dresses
使用例:
親コレクションと子コレクション間をナビゲートします
顧客にコレクションの階層を示します
コレクションページのSEOを改善します
閲覧体験を向上させます
コレクション一覧ページで有効にする
切り替え: ON/OFF 説明: メインの「すべてのコレクション」ページにBreadcrumbsを表示し、サイトナビゲーションを明確にします
有効にすると:
Breadcrumbsが
/collectionsページに表示されますホームへのシンプルなパス
例:
Home › Collections
使用例:
コレクション概要ページで一貫したナビゲーション
ユーザーがホームページに戻るのを助けます
プロフェッショナルな外観
スマートな動作
ユーザー体験を向上させる高度なBreadcrumbs機能。
訪問者のナビゲーション経路に従う
切り替え: ON/OFF 説明: Breadcrumbsは訪問者が製品に到達するために通ったコレクションパスに動的に適応します
有効にすると:
Breadcrumbsは実際の閲覧経路を反映します
同じ製品でも訪問したコレクションによって異なるパスを表示します
複数のコレクションに属する製品に最適です
例: - 訪問者がVolvoコレクションを閲覧 → 製品は:
Home › Trucks › Volvo › Productを表示 - 同じ訪問者がScaniaコレクションを閲覧 → 同じ製品は:Home › Trucks › Scania › Productを表示
無効にすると:
Breadcrumbsはデフォルトコレクション(設定されていれば)または最も深いコレクションを使用します
すべての訪問者に一貫したパスを提供します
例:
Home › Trucks › Default Collection › Product
使用例:
マルチブランドストア(同じ製品が異なるブランドコレクションにある場合)
カテゴリと季節コレクションの両方に属する製品
複雑なコレクション階層を持つストア
顧客のナビゲーションのメンタルモデルによりよく合致します
重要な注意事項:
SEO構造化データは常にデフォルトコレクション(設定されていれば)を使用し、安定したランキングを維持します
新しいタブで製品を開いてもパスは記憶されます
すべてのテーマで動作します
国際化 (i18n)
ストアの言語設定に基づいて、50以上の言語にBreadcrumbsラベルを自動翻訳します。
自動翻訳を有効にする
切り替え: ON/OFF 説明: ストア言語に基づいてデフォルトのBreadcrumbsテキストを翻訳します(例: lang="vi" → "Home"が"Trang chủ"になります)
有効にすると:
Breadcrumbsラベルがストアの言語に自動的に翻訳されます
ベトナム語、フランス語、ドイツ語、スペイン語、中国語、日本語、韓国語、アラビア語、ロシア語など52言語をサポートします
翻訳は
<html lang="...">属性に基づいて即時に適用されます例:
Vietnamese: Home → Trang chủ, Collections → Bộ sưu tập, Search for → Tìm kiếm
French: Home → Accueil, Collections → Collections, Search for → Rechercher
Spanish: Home → Inicio, Collections → Colecciones, Search for → Buscar
Arabic: Home → الصفحة الرئيسية, Collections → المجموعات, Search for → البحث عن
Russian: Home → Главная, Collections → Коллекции, Search for → Поиск
無効の場合:
Breadcrumbsは英語(またはtheme editorのカスタムテキスト)で表示されます
自動翻訳は行われません
翻訳されるもの:
✅ Home, All products, Collections, Search for
✅ Blog, News, Pages, Articles, Products
❌ コレクション名(設定したまま)
❌ theme editorのカスタムテキスト(例:「Homepage」を「Home」の代わりに使用)
利用ケース:
多言語で販売する国際的なストア
英語以外の市場をターゲットにしたストア
グローバル顧客向けのより良いローカリゼーション
多言語ストアのユーザー体験の向上
重要な注意点:
theme editorのデフォルトテキスト値でのみ機能します
「Homepage」や「Shop All」のようなカスタムテキストは翻訳されません
コレクション名はそのまま(システムラベルのみ翻訳されます)
SEO構造化データは一貫したインデックスのため英語のままです
サポート設定
アプリ内のサポートページを通じてサポートチームに連絡した際の更新通知の受け取り方法を管理します。
サポートチケットのメール通知
切り替え: ON/OFF 説明: サポートチケットに新しい返信や更新があった場合にメール通知を受け取ります。
有効の場合:
チームからの返信があった際にメールを受け取ります
アプリを常に確認しなくても更新を追跡できます
複数スタッフでサポートリクエストを管理する店舗オーナーやチームに推奨されます
無効の場合:
サポートページは通常通り使用できます
返信を見るにはアプリ内のサポート受信箱を確認する必要があります
通知はどこに送られますか?
通知はショップの主要メールアドレスに送信されます
Shopifyでショップのメールが変更された場合、今後の通知は更新されたメールに送信されます
推奨設定
eコマースストア向け
有効にする:
✅ 商品ページ(eコマースに必須)
✅ コレクションページ(eコマースに必須)
✅ コレクションリストページ
✅ 検索結果(UX向上)
⚪ ブログページ(ブログがある場合)
⚪ 記事ページ(ブログ記事がある場合)
⚪ ページ(任意 - About, Contactなど)
⚪ 訪問者のナビゲーションパスを追跡(商品が複数のコレクションにある場合)
⚪ 自動翻訳を有効にする(国際販売の場合)
コンテンツ重視のストア向け
有効にする:
✅ 商品ページ
✅ コレクションページ
✅ ブログページ
✅ 記事ページ
✅ ページ(About、Contact、FAQなど)
✅ 検索結果
✅ Collections List page
⚪ 訪問者のナビゲーション経路を追跡(オプション)
⚪ 自動翻訳を有効にする(多言語コンテンツの場合)
最小限の設定
有効にする:
✅ 商品ページのみ
✅ コレクションページのみ
⚪ 他のトグルはオフのままにして、パンくずリストの表示を最小限にする
ベストプラクティス
各設定を有効にするタイミング
商品&コレクションページ:
Eコマースストアに必須
顧客が商品の分類を理解するのに役立つ
構造化データでSEOを向上
明確なナビゲーション経路を提供し直帰率を低減
カテゴリ階層を明確に表示
Collections List Page:
多数のコレクションがあるストアで有効にする
概要ページで一貫したナビゲーションを提供
ユーザーがホームページに簡単に戻れるようにする
ブログ&記事ページ:
定期的にブログコンテンツを公開する場合に有効にする
読者がコンテンツの階層をナビゲートするのに役立つ
ブログ投稿のSEOを向上
記事の直帰率を低減
検索結果:
複雑なカタログを持つストアで有効にする
「結果なし」ページから戻る手段をユーザーに提供
全体的なナビゲーションUXを向上
一貫したナビゲーションを維持
通常のページ:
プロフェッショナルな外観のために有効にする
多数の静的ページ(About、FAQ、ポリシーなど)があるストアに有用
サイト全体で一貫したナビゲーションを作成
ユーザーが元の場所に戻るのを助ける
ヒント
基本から始める:まず商品とコレクションページを有効にする
モバイルでテスト:パンくずリストが小さい画面を乱雑にしないか確認する
ストアタイプに合わせる:Eコマースストアは商品/コレクションのパンくずリストを優先すべき
ユーザー行動を監視:パンくずリストがナビゲーション指標を改善するか確認する
選択的に:必要ない設定はすべて有効にしない
テーマを考慮:一部のテーマには競合する組み込みパンくずリストがある場合がある