ClickFrom.AI LogoClickFrom.AI
価格ブログFAQ
  1. Home
  2. Blog
  3. ...
ClickFrom.AI LogoClickFrom.AI

あなたのShopifyストアへのAIトラフィック

© 2025 • ClickFrom.AI 全著作権所有。
協力OpenAIロゴOpenAIロゴ
Kua.aiロゴ
    1. ホーム
    2. ブログ
    3. Shopifyで商品を閲覧専用にする方法とChatGPT/Geminiはショッピング機能をインデックスしますか?
    ShopifyChatGPTインデックス
    2025年5月5日

    Shopifyで商品を閲覧専用にする方法とChatGPT/Geminiはショッピング機能をインデックスしますか?

    Vincent
    Vincent
    ·
    CMO & Co-founder

    Shopifyでは、ストアを「カタログのみ」(閲覧専用)サイト—顧客が商品の詳細を見ることはできるがカートに追加したりチェックアウトしたりできない—にする最も簡単な方法は、専用の「カタログモード」アプリをインストールするか、価格、「カートに追加」ボタン、カート自体が非表示になるようにテーマを調整することです。

    Shopify閲覧専用カタログチェックリスト

    1. カタログのみのシナリオを定義する

    • 主なユースケースを特定する(例:B2B/卸売、販売プレビュー、バーチャルショールーム、新製品ティーザー、会員限定、規制表示)。
    • 希望するユーザーフロー(例:閲覧→見積り依頼、閲覧→ショールーム予約、閲覧→会員サインイン)をマッピングする。

    2. 実装方法を選択する

    • アプリ:「カタログモード」アプリを調査してインストールする(コード不要)。
      • Easy Catalog by HulkApps
      • Catalog Mode by Supple
      • Shopify Catalog (Booster Apps)
    • 手動:編集前にライブテーマを複製する。
      • オンラインストア ▶ テーマ ▶ アクション ▶ 複製

    3. テーマコードで購入要素を非表示にする

    • sections/product-form.liquidまたはtemplates/product.liquidで:
      • ...
        ブロックをコメントアウト/削除する。
      • {{ product.price | money }}をコメントアウト/削除する。
    • sections/header.liquidで:
      • ...カートアイコン...行をコメントアウト/削除する。
    • templates/cart.liquidを作成または編集して/cartをホーム(または別のページ)にリダイレクトする。

    4. クイックCSS「ハック」

    • Assets/base.css(またはtheme.css)に追加する:
      .template-product .product__form,
      .template-product .price { display: none !important; }
      .header__cart { display: none !important; }
      
    • 保存して複数のページ/デバイスで確認する。

    5. オプション:チェックアウトをパスワードで保護する

    • オンラインストア ▶ 設定 ▶ パスワード保護 ▶ パスワードを有効にする
    • パスワードを許可されたユーザーにのみ共有する。

    6. SEOを保持・強化する

    • すべての商品ページが公開クロール可能なままであることを確認する(サイト全体のパスワードなし)。
    • JSON-LD @type: Offerブロックをpriceとavailability付きで保持または再追加する。
    • ユニークなタイトル、メタ説明、リッチコンテンツ(画像、仕様、レビュー)を維持する。

    7. AIショッピングプラットフォームと統合する

    • 商品フィードを以下に送信する:
      • OpenAI商人オンボーディング(ChatGPTショッピング用)。
      • Google Merchant Center(Google Shopping/Gemini用)。
    • ページにOfferの構造化データが残っていることを確認する。

    8. 代替コンバージョンパスの最適化

    • 目立つ「見積り依頼」または「お問い合わせ」ボタン/フォームを追加する。
    • ライブチャットまたはリードキャプチャアプリを統合する。
    • 入ってくる問い合わせ用のメール通知またはCRM統合をセットアップする。

    9. テストとモニタリング

    • ツール(例:Screaming Frog)であなたのサイトをクロールし、価格/ボタンが非表示だがページはインデックス可能であることを確認する。
    • Googleのリッチリザルトテストで構造化データを検証する。
    • ChatGPT/Geminiショッピングパネルでのサイトの外観を確認する(可能な場合)。
    • 分析でバウンス率、ページ滞在時間、リードコンバージョンをモニターする。

    1. 「カタログモード」アプリを使用する(コード不要)

    Shopify App Storeには、サイト全体の価格と購入ボタンを即座に非表示にする無料または低コストのアプリがいくつかあります。人気のオプションには以下が含まれます:

    • Easy Catalog by HulkApps
    • Catalog Mode by Supple
    • Shopify Catalog (by Booster Apps)

    簡単に:

    1. アプリ → Shopify App Storeにアクセスする。
    2. "catalog mode"を検索する。
    3. 選択したアプリをインストールし、画面上の設定に従って価格、バリエーション、カート&チェックアウトボタンを非表示にする。

    2. 手動テーマ調整(アプリなし、少量のコード)

    警告:編集前に必ずライブテーマを複製してください。

    • オンラインストア ▶ テーマ ▶ アクション ▶ 複製

    2.1 theme.liquidを通じて「カートに追加」フォームと価格を非表示にする

    1. オンラインストア ▶ テーマ ▶ アクション ▶ コードを編集へ行く。
    2. ファイルリストで、製品テンプレートを開く、Dawnベースのテーマの場合はsections/product-form.liquid(またはtemplates/product.liquid)の下にある。
    3. 以下で始まるブロックを見つける:
    <form ... id="AddToCartForm">
      ...
      <button type="submit" ...>{{ 'products.product.add_to_cart' | t }}</button>
    </form>
    
    1. コメントアウト(または削除)する:
    {%- comment -%}
    <form ...>…</form>
    {%- endcomment -%}
    
    1. 同じファイルで、価格がレンダリングされる場所を見つける:
    {{ product.price | money }}
    
    1. 保存する。

    2.2 カートアイコンを削除し、カートページを無効にする

    • まだコード編集画面で、ヘッダースニペット(多くの場合sections/header.liquid)を開く。
    • <a href="/cart">…カートアイコン…</a>行をコメントアウトまたは削除する。
    • 誰かが誤って/cartにアクセスするのを防ぐために、リダイレクトできます:
      • templates/cart.liquid(存在しない場合)を作成し、以下を追加:
    {% comment %}
      カタログのみストア:カート無効。
    {% endcomment %}
    <script>window.location.href = '/';</script>
    
    • 保存する。

    3. クイックCSS「ハック」(あなたのテーマが識別可能なクラスでフォーム/価格を囲んでいる場合)

    Liquidに触れずにこれらのアイテムを非表示にしたい場合は、これをAssets/base.css(またはtheme.css、component-product.cssなど)に追加します:

    /* 商品ページで「カートに追加」フォームと価格を非表示にする */
    .template-product .product__form,
    .template-product .price { 
      display: none !important; 
    }
    
    /* サイト全体でカートアイコンを非表示にする */
    .header__cart { 
      display: none !important; 
    }
    

    保存してストアフロントでテストします。

    4. (オプション)チェックアウトをパスワードで保護する

    訪問者がブラウズできるが、あなた(または選択した人)だけが注文できるようにしたい場合は、次の場所でストア全体をパスワードで保護できます(チェックアウトを含む): オンラインストア ▶ 設定 ▶ パスワード保護 ▶ パスワードを有効にする。

    「Shopifyで商品を閲覧専用にする方法」が役立つのは誰?

    B2B/卸売カタログ

    多くの卸売業者や流通業者は、特定の顧客(小売業者、再販業者など)に商品と仕様を表示するだけで、実際の見積りと注文はオフラインで契約やメールを通じて処理されます。「閲覧専用」モードは偶発的な購入を防ぎ、価格戦争を引き起こす可能性がある公開価格を避けます。

    対面または電話販売前のオンラインプレビュー

    クライアントを訪問または呼び出す前に、営業チームは彼らに完全な商品画像、仕様、アクセサリなどをオンラインで閲覧させ、その後オフラインで注文するか見積りを送るよう案内します。顧客はショッピングカートを経由せずに、営業担当者に直接見積り依頼(リード)を生成できます。

    バーチャルショールーム/サンプル展示

    直接訪問できない人々が新製品やコレクションを見ることができるように、物理的なショールームをオンラインに移動します。実際の体験や購入は依然としてオフラインのストアやショールームで行われます。

    ウェブサイトメンテナンスまたは新製品ティーザー

    サイト開発中または新製品発売前に、即座に購入するのではなく、商品情報、画像、材料、プロセスのみを表示し、ユーザーに発売通知を購読させたい場合があります。

    プライベート/会員限定アクセス

    一部のブランドは非会員から商品を「隠し」たいと考えています。ログイン後のみユーザーは価格と「カートに追加」ボタンを見ることができます。この「購入前に見る」アプローチもユーザー登録や会員申請を促進します。

    規制またはコンプライアンス要件

    一部の国や特定の商品(医療機器、カスタム商品など)では、直接オンライン取引が許可されていません。オフラインでのレビューや契約書の署名が必要です。情報のみを表示し、特定の調達は指定されたプロセスに従います。

    これはChatGPTやGeminiなどのAIチャットボットがサイトをクロールしインデックスする方法、特にショッピング機能に影響しますか?

    これは主要なAIシステム—ChatGPT、Gemini、Grok、Claudeなど—に何か影響があるでしょうか?これらのチャットボットはそのようなサイトをあまり頻繁にクロールしインデックスしなくなるでしょうか?特にChatGPTがショッピング機能を埋め込むと発表した今。

    主流のAIチャットボットにとって、商品ページの「購入」ボタンを非表示にしても、コンテンツのクロール、理解、要約は妨げられません。しかし、それらがショッピング機能内で積極的にあなたの商品を推奨したり埋め込んだりするよう望むなら、追加の構造化データを提供し、それぞれの商人プラットフォームと統合する必要があります。

    6.1 ChatGPTのショッピング機能

    OpenAIは最近、「会話型ショッピング」モジュールをChatGPTに組み込み、ユーザーが商品推奨、価格比較、購入ボタンをチャット内で直接受け取り、その後注文を完了するために商人のサイトにリダイレクトされることを可能にしました。

    • 動作原理:単にウェブページをクロールするだけではなく—第三者のメタデータ(例:ショッピングプラットフォームのAPI、構造化されたJSON-LDデータ)と編集ソースに依存して推奨を生成します。
    • 影響:あなたの商品ページがフロントエンドコンテンツのみを表示し(価格と「カートに追加」が非表示)、OpenAIに商品フィードを提出せず、ページにOfferの構造化データブロックも保持していない場合、ChatGPTのショッピングパネルはあなたのアイテムを購入可能として表示しません。

    6.2 Google Gemini + Google Shopping

    Googleの次世代ショッピング体験は、Geminiモデルを「ショッピンググラフ」と組み合わせてパーソナライズされた推奨事項を提供します。

    • 依存性:Google Merchant Centerフィード—商人はMerchant Centerに商品データをアップロードして維持する必要があります。
    • 結果:サイトが「閲覧専用カタログ」としてのみ機能し、Merchant Centerに商品を提出していない場合、Google Shopping(およびGemini駆動のショッピング概要)はあなたのリスティングを取得しないため、AIショッピングカードには表示されません。

    6.3 Grok(xAI)と他の汎用モデル

    最近の実験によると、ChatGPT、Gemini、AnthropicのClaude、AmazonのRufusなどのモデルは現在、自動購入ボットというよりは「高度な検索エンジン+要約者」として機能しています。

    • これらはページテキストを解析し、商品特性を比較し、ユーザーレビューを集約しますが、依然として人間が購入リンクを提供し、取引を完了する必要があります。
    • 結論:「購入」ボタンを非表示にしても、コンテンツをクロールまたは理解する能力には影響せず、あなたのサイトを通じて購入を開始するよう促すこともありません。

    6.4 Claudeなど

    AnthropicのClaudeには、現在ChatGPTやGoogle Shoppingのような組み込みショッピングプラグインはありません—主に会話型およびオプションのリアルタイム検索インターフェースを通じて回答します。フロントエンドの購入機能を削除しても、Claudeがあなたの商品情報をクロールし要約することは妨げられません。しかし、最終的に「ショッピング推奨」や「音声アシスタント」シナリオでClaudeを使用したい場合は、依然として商人フィードを提供するか、購入リンクを提供する中間層を構築する必要があります。

    6.5 推奨事項:

    • 構造化データを保持する:価格を非表示にしても、AIシステムと検索エンジンの両方がページを商品として認識できるように、JSON-LDに価格と可用性を含む@type: Offerブロックを保持してください。
    • 商人プラットフォームと統合する:ChatGPT、Google Shopping、その他のAIショッピングパネルに表示されるようにするには、公式フィード(OpenAI商人オンボーディングフォーム、Google Merchant Centerなど)を提出してください。
    • ユーザーフローを最適化する:「閲覧専用」設定では、リードをキャプチャし潜在的なコンバージョンを失わないために、明確な「見積り依頼」または「お問い合わせ」ボタンを追加してください。