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