Shopify検索ページをカスタマイズする方法

Shopifyには検索エンジンがありますか?

はい。すべてのShopifyストアには、ストアの以下の情報をインデックスするネイティブ検索エンジンが含まれています。

• 製品
• コレクション
• ページ
• ブログの記事

つまり、訪問者は検索バー (通常はヘッダーにあります) を使用して、サイト全体で関連するコンテンツを見つけることができます。

より高度な制御を実現するために、Shopifyでは 検索と発見 アプリでは次のことが可能です。

• 検索結果に表示されるコンテンツの種類を選択する
• 価格、ベンダー、在庫状況などのフィルターオプションを設定します
• 買い物客の行動に基づいて商品の推奨を調整する

詳しくはこちらをご覧ください Shopifyの検索と発見に関するドキュメント

Shopifyで検索バーを編集する方法

カスタムアプリなしでは検索エンジンの動作を変更することはできませんが、 検索バーのデザインと動作をカスタマイズできます.

オプション1: Shopifyテーマカスタマイザー経由

1. Shopify管理画面で、 オンラインストア>テーマ
2. 詳しくはこちら カスタマイズ ライブテーマで
3. Video Cloud Studioで ヘッダ セクション（通常、検索バーが配置されている場所）
4. 次のような要素を編集します。
   • プレースホルダーテキスト（例：「商品を検索…」）
   • アイコンの位置（左または右）
   • サイズと間隔
   • デバイス間の色、フォント、視認性

オプション2: テーマコードを編集する

高度な制御が必要な場合:

• に行く オンラインストア > テーマ > アクション > コード編集
• 店は開いています ヘッダー.liquid or 検索バー.liquid
• HTML、CSS、Shopify Liquidを使用してカスタマイズ

お願い: ここでの変更にはコーディングの知識が必要です。テーマのバックアップを作成するか、複製して作業することを検討してください。

Shopify検索結果ページをカスタマイズする方法

オプション1: テーマ設定

• に移動します 検索 テーマカスタマイザーのテンプレート
• テーマに応じて、次のことが可能です。
  • グリッド表示またはリスト表示を選択します
  • 並べ替えを有効にする（価格、関連性、最新順）
  • サムネイルのサイズとテキストの階層を調整する
  • 製品タイプまたは在庫状況で結果をフィルタリングする

オプション2: 編集する 検索.liquid テンプレート

• に行く オンラインストア > テーマ > コード編集
• Video Cloud Studioで 検索.liquid file
• 次の操作を実行できます。
  • 見出しをカスタマイズする（例：「バックパック」の検索結果）
  • 「結果なし」メッセージを調整する
  • Liquid条件を使用して特定の結果タイプを非表示にする（例： {% ただし、item.object_type == 'page' の場合を除く %})

Shopify検索結果からページを非表示にする方法

検索結果に最も重要なもの（通常は製品）のみが表示されるようにすると、顧客の注目を集中させ、コンバージョンを向上させることができます。

検索と発見アプリのステップバイステップの説明:

1. アプリをインストールします。
   Search & Discovery は無料で、Shopify アプリ ストアから入手できます。
2. 検索設定を構成します。
   アプリを開いてに進む 検索設定.
3. 不要なコンテンツタイプの選択を解除します:
   「ページ」、「ブログ投稿」など、検索結果に表示したくないコンテンツのチェックボックスをオフにします。
4. 保存してテスト:
   設定を保存し、テスト検索をいくつか実行して、ページが表示されなくなったことを確認します。

検索から来た顧客向けに商品ページを最適化する

GemPagesはShopifyが検索結果を処理または表示する方法を変更しませんが、コンバージョンを最大化する上で重要な役割を果たします。 After 顧客が検索結果から商品ページへクリックします。

GemPagesを使えば、ドラッグ＆ドロップエディタを使って、視覚的に豊かでコンバージョン率の高い商品ページを簡単に作成できます。コーディングは一切不要です。この柔軟性により、顧客が求める重要な情報、例えば以下のような情報を効果的にアピールできます。

• 製品のバリエーションとオプション
• 信頼のバッジと保証
• よくある懸念事項に対処するためのFAQ
• お客様のレビューと評価
• 等。、

これらの要素は信頼を構築し、購入者が購入を完了するように促すのに役立ちます。

GemPages を使用して製品ページを構築およびカスタマイズする方法の詳細については、次のガイドをご覧ください。 GemPages を使用して新しい製品ページを作成する方法。