よくある質問
ブレッドクラムとカテゴリに関するよくある質問への回答をご覧ください。
ブレッドクラムとカテゴリーは、以下を提供することでストアのナビゲーションを強化する包括的な Shopify アプリです。
顧客ナビゲーションを改善するためのスマートブレッドクラムトレイル
Shopify の基本コレクションを超えた高度なカテゴリ管理
構造化データマークアップによるSEO最適化
店舗のテーマに合わせてデザインをカスタマイズ可能
ブレッドクラムとカテゴリは、ナビゲーションと SEO を向上させるための強力な機能で Shopify コレクションを拡張します。
| 特徴 | Shopify コレクション | パンくずリストとカテゴリ |
|---|---|---|
| 階層 | フラット構造のみ | ✅ マルチレベル階層 (深さ無制限) |
| ブレッドクラム | 手動セットアップが必要です | ✅ 構造化データによる自動生成 |
| SEO | 基本的なメタタグ | ✅ 高度な JSON-LD 構造化データ + リッチ スニペット |
| ナビゲーション | シンプルなコレクションページ | ✅ スマートなパンくずリスト + 訪問者の経路追跡 |
| カスタマイズ | テーマのオプションが限られている | ✅ 豊富なスタイル: 色、区切り文字、間隔、モバイル |
| 製品構成 | 単純なタグ/型ルール | ✅ 複雑なルールベースの割り当て + ドラッグアンドドロップツリー |
| マルチコレクション製品 | パンくずリストなし | ✅ スマートモード(訪問者パス)+クラシックモード(優先) |
| テーマのサポート | テーマ 2.0 のみ | ✅ テーマ 2.0 + ビンテージ テーマ 1.0 の両方をサポート |
| メニューから構築 | 利用不可 | ✅ 既存のメニューからツリーを自動生成 |
| 国際化 | 手動翻訳 | ✅ 52 言語の自動翻訳 |
はい!ブレッドクラムとカテゴリは、アプリのブロックをサポートするすべての最新の Shopify テーマ (オンライン ストア 2.0 以降) で動作します。
✅ シームレスな統合のためのテーマスタイルの自動検出
✅ ブロックをドラッグアンドドロップして簡単にインストール
✅ テーマエディターでの完全なカスタマイズ
✅ 変更の即時プレビュー
✅ Dawn およびすべての最新テーマと互換性があります
✅ モバイル対応デザイン
インストールは素早く簡単です:
⏱️ 2〜3 分: Shopify App Store からのアプリのインストール
⏱️ 5 ~ 10 分: 初期セットアップと構成
⏱️ 10 ~ 15 分: カスタマイズとテスト
合計セットアップ時間: ほとんどの店舗で 15 ~ 30 分
コーディングは必要ありません。このアプリは技術者以外のユーザー向けに設計されています。
🎯 ポイントアンドクリックインターフェイス
🔧 ビジュアルカスタマイズツール
📋 事前に構築されたテンプレートとスタイル
🤖 自動セットアップウィザード
いいえ、アプリはパフォーマンスのために最適化されています。
⚡ 軽量コード (合計 50KB 未満)
🚀 重要ではない機能の遅延読み込み
💾 サーバーリクエストを最小限に抑えるためのキャッシュ
📱 高速読み込み用にモバイルに最適化
はい、広範なカスタマイズ オプションが利用可能です。
事前に構築されたスタイル:
クラシック、モダン、ミニマル、大胆なテーマ
10 種類以上の配色
複数の区切り文字オプション (>、/、→、|)
カスタムスタイル:
テキスト サイズ - ビジュアル デザインとテキスト スタイルで調整
背景の色合い - カラースキームで設定
間隔と位置 - 間隔とパディングで設定します
モバイル固有のデザイン - 表示オプションを使用する
詳細オプション:
ブレッドクラム区切り記号 - エキスパート構成で選択
ホーム表示タイプ - カスタムページ名で設定
ホバー効果 - 表示オプションで選択
このアプリは、52 言語にわたるパンくずリストのラベルの自動翻訳を提供します。
この機能を使用する場合:
✅ 次の場合に有効にします: ストアが複数の言語をサポートしており、パンくずリストを自動的に翻訳したい場合
❌ 次の場合は有効にしないでください: ストアで 1 つの言語のみを使用している - 代わりにテーマ エディターでテキストを直接カスタマイズします。
翻訳される内容:
🏠 ホーム、すべての製品、コレクション、検索
📝 ブログ、ニュース、ページ、記事、製品
有効にする方法:
「アプリ設定」→「国際化 (i18n)」に移動します。
「自動翻訳を有効にする」をオンに切り替えます
設定を保存する
サポートされている言語 (合計 52):
🇪🇺 ヨーロッパ語 (25): アフリカーンス語、アルバニア語、ブルガリア語、カタロニア語、クロアチア語、チェコ語、デンマーク語、オランダ語、英語、エストニア語、フィンランド語、フランス語、ドイツ語、ギリシャ語、ハンガリー語、アイスランド語、イタリア語、ラトビア語、リトアニア語、マルタ語、ノルウェー語、ポーランド語、ルーマニア語、スロバキア語、スロベニア語、スペイン語、スウェーデン語、トルコ語、ウクライナ語
🌏 アジア語 (13): ベンガル語、中国語(簡体字)、中国語(繁体字)、ヒンディー語、インドネシア語、日本語、韓国語、マレー語、ペルシア語、タミル語、タイ語、ウルドゥー語、ベトナム語
🌍 中東・アフリカ語 (6): アラビア語、アムハラ語、ヘブライ語、スワヒリ語、コサ語、ズールー語
🌎 アメリカ大陸語 (8): ガリシア語、グアラニー語、ハイチクレオール語、ポルトガル語(ブラジル)、ポルトガル語(ポルトガル)、ケチュア語、スペイン語(ラテンアメリカ)、ウェールズ語
ブレッドクラムには、SEO に次のような複数の利点があります。
構造化データ:
検索エンジン用の JSON-LD マークアップ
検索結果のリッチ スニペット
SERPの外観の強化
サイトのアーキテクチャ:
Google への明確な階層シグナル
クロール性の向上
内部リンクの改善
ユーザーエクスペリエンス:
直帰率の低下
ページビューの増加
エンゲージメント指標の向上
はい!このアプリは、スマートで動的なパンくずリストの選択により、複数のカテゴリ/コレクションの製品を完全にサポートします。
🪄 モード 1: 賢い行動
最適な用途: 動的でコンテキストを認識したブレッドクラムによりユーザー エクスペリエンスを向上させます。ブレッドクラムは、訪問者が閲覧した実際のコレクション パスに一致するように動的に適応します。
コレクション A からの訪問者には次が表示されます: ホーム > コレクション A > 製品-1
コレクション B からの訪問者には次が表示されます: ホーム > コレクション B > 製品-1
どちらの URL も次のとおりです: /products/product-1 (SEO に安全な正規 URL)
✅ ユーザーエクスペリエンスの強化 - ブレッドクラムは訪問者の実際の行動に一致します
✅ クリーンな /products/product-name URL (URL の変更は必要ありません)
✅ SEO セーフ: 製品は単一の正規 URL を保持します
📌 モード 2: クラシック優先
最適な用途: 固定された予測可能なブレッドクラム パスによる SEO の安定性を最大限に高めます。固定 3 層優先順位システムを使用して、同じ製品が常に同じブレッドクラム パスを表示するようにします。
すべての訪問者に表示される内容: ホーム > デフォルト コレクション > Product-1
URL は常に /products/product-1 です。
構造化データは常に同じパスを示します
優先順位: 手動 デフォルト → URL コンテキスト → 自動
一般的な解決策:
1. アプリのステータスを確認します。
アプリがインストールされ、アクティブ化されていることを確認する
権限が付与されていることを確認する
2. テーマの互換性:
テーマの互換性テストを実行する
CSS の競合をチェックする
さまざまなパンくずリストのスタイルを試してください
3. 構成の問題:
ブレッドクラム ルールが設定されていることを確認する
表示設定と表示ルールを確認する
製品が適切に分類されていることを確認する
4. キャッシュの問題:
ブラウザのキャッシュをクリアする
Shopify ストアのキャッシュをクリアする
変更が反映されるまで 5 ~ 10 分待ちます
スタイリングのトラブルシューティング:
1. テーマの競合:
ビジュアルデザインとテキストスタイリングでテキストサイズとブロックの最大幅を調整する
カラースキームで背景の色合いを変更する
エキスパート構成で別のブレッドクラム区切り記号を試してください
2. モバイルの問題:
表示オプションで「モバイルの水平スクロールを有効にする」を有効にする
テキストのサイズに合わせて仕切りアイコンの寸法を調整します
モバイルの配置の間隔とパディングの設定を確認する
3. 位置合わせの問題:
「間隔とパディング」で「パディングの上部/下部」と「パディングの左/右」を設定します。
ビジュアルデザインとテキストスタイルでテキストの配置を調整する
ブレッドクラムが Web サイトのパディングと正しく位置合わせされていない場合は、テーマ エディターを使用して調整できます。
テーマエディターで:
テーマエディターに移動 → ブレッドクラムのあるページを選択
サイドバーの「ブレッドクラム」ブロックをクリックします。
ブロック設定で「間隔とパディング」セクションを見つけます。
調整: パディング(上/下)、パディング(左/右)、垂直間隔
簡単な調整のヒント:
✅ ページ幅を一致させる - メインコンテンツに合わせて左/右のパディングを調整します。
✅ 一貫した間隔 - 他のページ要素と同じパディングを使用します
✅ モバイルでテスト - さまざまな画面サイズで配置を確認します
✅ 変更をプレビュー - 公開する前にテーマエディターのプレビューを使用します。
これは、ストア内に「すべての製品」という名前のコレクションと、ツリー内にアプリの自動コレクション「すべての製品」の両方がある場合に発生します。
オプション 1: 設定を使用してパンくずリストから非表示にする ⭐ 推奨
テーマエディタ→ブレッドクラムブロック→設定に移動します
カスタム ページ名で「製品カタログ タイトル」を検索します。
ブレッドクラムの軌跡から非表示にするには、--- (ダッシュ 3 つ) を入力します。
コレクション ページ (/collections/all) には引き続きアクセスできます
パンくずリストに重複はありません。
オプション 2: カテゴリ ツリーから削除
アプリのカテゴリツリーに移動します
ストアの「すべての製品」コレクションを見つける
ツリーから削除します (未割り当てに移動)
アプリの「すべての製品」のみをツリーに保持します
オプション 3: ストアのコレクションのみを使用する
アプリの「すべての製品」をツリーから削除します
独自の「すべての製品」コレクションをツリー ルートに追加します
これにより、表示される商品をより詳細に制御できるようになります
✅ この問題はバージョン 2.2 以降で修正され、すべての画面サイズで自動的に垂直方向のセンタリングが行われます。
この問題がまだ発生している場合は、次の手順を実行してください。
サポートが必要な場合は、サポート チームにお問い合わせください。これは、キャッシュされた設定またはテーマの競合による従来の問題である可能性があります。
一時的な回避策 (サポートを待つ間):
オプション 1: 区切り文字のサイズをテキストに合わせる - 「区切り線アイコンの寸法」を調整します。
オプション 2: より単純な区切り記号を使用します - 複雑な矢印の代わりに / または > に切り替えます
オプション 3: モバイル スクロール モードを有効にする - 「モバイルの水平スクロールを有効にする」をオンにします。
オプション 4: 間隔を調整する - 「ディバイダー ギャップ幅」を減らし、「垂直間隔」を微調整します。
組織のトラブルシューティング:
1. 割り当てルール:
自動割り当てルールを確認する
商品タグと属性を確認する
コレクションのマッピングを確認する
2. 製品の設定:
製品が公開されていることを確認する
製品の可用性設定を確認する
在庫レベルの確認
3. カテゴリ構成:
カテゴリ階層を確認する
カテゴリの表示設定を確認する
親子関係を確認する
複数のサポート チャネル:
📧 メールサポート:
電子メール: [email protected]
アプリのダッシュボードからも利用可能
24時間以内に返答
技術およびセットアップのサポート
📖 ドキュメント:
包括的なガイドとチュートリアル
ビデオウォークスルー
ベストプラクティスとヒント
💬 ライブチャット:
営業時間内にご利用いただけます
緊急の問題に対する即時サポート
複雑な問題に対する画面共有
迅速に対応させていただくため、以下の情報をご記入ください。
店舗情報:
Shopify ストアの URL
テーマ名とバージョン
インストールされているアプリのバージョン
問題の詳細:
具体的な問題の説明
すでに試した手順
スクリーンショットまたはビデオ(該当する場合)
ブラウザとデバイスの情報
セットアップ情報:
現在のアプリ構成
カスタマイズが行われました
ストアまたはテーマに対する最近の変更
はい、セットアップに関するヘルプを提供しています。
無料のセットアップ ガイダンス:
基本設定のメールサポート
ドキュメントとビデオチュートリアル
ベストプラクティスの推奨事項
ヴィンテージテーマのサポート:
Online Store 1.0 テーマの完全なセットアップ
カスタム スニペットのインストール
テーマ固有のスタイル