WooCommerce で製品検索を作成する方法 (ステップバイステップ)

公開: 2022-06-27

WooCommerce で製品検索を作成する方法を知りたいですか?

訪問者が探している製品をより速く見つけ、ユーザー エクスペリエンスを向上させ、利益を増やすのに役立ちます。

このガイドでは、コーディングを必要とせずに、いくつかの簡単な手順でサイトにスマートな商品検索を作成する方法を紹介します。

さぁ、始めよう!

WooCommerce で製品検索を作成する理由

デフォルトの WordPress 検索エンジンでは、WooCommerce 製品と通常の投稿やページに違いはありません。

多くの冗長な検索結果が得られるため、顧客が目的の製品を見つけるのが難しくなります.

さらに、WordPress は検索の実行時に WooCommerce 製品属性を完全に無視します。

そのため、顧客は色のオプション、サイズ、SKU などで製品を検索できません。

ありがたいことに、製品検索を作成することで、これらの問題の両方に簡単に取り組むことができます. それはあなたを助けるでしょう:

  • 検索結果をクリーンアップします。 サイトでの検索を WooCommerce 製品に限定して、顧客がショッピングの邪魔にならないようにします。
  • 商品属性による検索を有効にします。 サイトで製品属性を検索可能にして、顧客が必要な製品を見つけやすくします。
  • 売り上げを伸ばしましょう。 訪問者がストアで適切な製品を見つけやすくなればなるほど、売り上げが増加します。
  • 忠実な顧客ベースを構築します。 ストアをブラウジングしてポジティブなユーザー エクスペリエンスを提供した顧客は、再び来店する可能性が高くなります。
  • サイトの SEO を改善します。 訪問者があなたのサイトに多くの時間を費やすことは、検索結果で上位にランク付けする価値があることを Google に知らせる良いシグナルです。

WooCommerce の商品検索が不可欠な理由を理解したら、それをサイトに追加する方法を見てみましょう。

スマートな WooCommerce 製品検索の作成方法

サイトで WooCommerce 製品検索を行う最も簡単な方法は、SearchWP のようなプラグインを使用することです。

SearchWP logo

これは、世界中の 30,000 を超える Web サイト所有者から信頼されている、最も強力で使いやすい WordPress 検索プラグインです。

SearchWP は WooCommerce とシームレスに統合されているため、ニーズに合わせて WooCommerce 製品検索を完全にカスタマイズできます。

たとえば、製品 SKU による検索を有効にしたり、製品属性を検索可能にしたり、WooCommerce カテゴリによる検索を追加したりできます。

検索を促進し、ビジネスの成長に役立つその他の SearchWP 機能を次に示します。

  • 特定の商品を検索から除外します。 検索結果から冗長な製品を非表示にしてクリーンアップし、顧客が探しているものをより速く見つけられるようにします。
  • 顧客の検索を追跡します。 新しい製品のアイデアを思いつき、ニーズを満たすために、顧客があなたのサイトでどのような検索を行っているかを調べます。
  • 検索結果ページをカスタマイズします。 検索結果ページの外観を変更して、製品を宣伝したり、メールを収集したり、その他のことを行います。
  • サイトに複数の検索フォームを追加します。 サイトに追加の検索フォームを配置して、顧客がそれらを使用し、より多くの製品を発見するように促します。

それでは、SearchWP を使用して、サイトでの WooCommerce 製品検索を強化する方法を見てみましょう。

ステップ 1: SearchWP をインストールしてアクティブ化する

開始するには、ここで SearchWP のコピーを入手してください。

完了したら、SearchWP アカウントにログインし、[ダウンロード] タブに移動します。

click Downloads

次に、[ SearchWP のダウンロード] ボタンを押して、プラグインの ZIP ファイルをコンピューターにダウンロードし始めます。

press Download SearchWP

ダウンロード後、同じページの左下隅にあるライセンス キーをコピーします。

copy your license key

次のステップは、ダウンロードした ZIP ファイルをサイトにアップロードし、SearchWP をインストールすることです。

ヘルプが必要な場合は、WordPress プラグインのインストール方法に関する詳細なステップバイステップのチュートリアルをご覧ください。

プラグインをインストールしたら、前の手順でコピーしたライセンス キーを使用してプラグインをアクティブ化する必要があります。

開始するには、WordPress ダッシュボードに移動し、トップバーのSearchWPボタンの上にマウスを置きます。

click SearchWP at the top bar

次に、ドロップダウン メニューから [ Activate License ] オプションをクリックします。

click Activate License

ライセンス ページが表示されたら、ライセンス キーを [ライセンス] フィールドに貼り付け、[アクティブ化] をクリックして SearchWP ライセンスをアクティブ化します。

click Activate

サイトに SearchWP をインストールしてアクティブ化したら、次のステップは WooCommerce 統合拡張機能をインストールすることです。

ステップ 2: SearchWP WooCommerce 統合拡張機能をインストールする

この拡張機能により、SearchWP と WooCommerce プラグインのシームレスな統合が保証され、製品検索がよりスマートになります。

インストールするには、WordPress ダッシュボードの左側のパネルにあるSearchWP » Extensionsに移動します。

navigate to Extensions

次に、WooCommerce Integration 拡張機能を見つけて、そのセクションの下にある [インストール] をクリックします。

install the WooCommerce extension

拡張機能をインストールしてアクティブ化したら、検索エンジンのセットアップを開始できます。

ステップ 3: カスタム検索エンジンを設定する

開始するには、WordPress ダッシュボードの左側のパネルで [ SearchWP ] をクリックします。

click SearchWP

その後、[エンジン] タブに移動します。 このタブでは、SearchWP で作成した検索エンジンを管理したり、新しい検索エンジンを追加したりできます。

your search engines

検索エンジンには、WordPress が検索を実行する際に依存する一連のルールと条件が含まれています。

SearchWP を使用すると、ニーズに合わせて完全にカスタマイズし、サイトでの検索方法を変更できます。

たとえば、検索ソースを管理したり、特定のページやカテゴリを検索から除外したり、属性の関連性の重みを調整したりできます。

最良の部分は、SearchWP を使用すると、複数の検索エンジンを追加して、それらをサイト全体の個々の検索フォームにリンクできることです。

このようにして、独自のルールと条件のセットを使用して、完全にカスタマイズされた検索フォームを作成できます。

現在、SearchWP がインストール後に自動的に作成する既定の検索エンジンのみがあります。

サイト上のすべての既存の検索フォームにリンクされているため、この検索エンジンをカスタマイズすることで、サイト全体で検索がどのように機能するかを制御できます.

検索を WooCommerce 製品に限定する

ご覧のとおり、既定の検索エンジンには現在、 PostsPages 、およびMediaの 3 つの検索ソースがあります。

the list of your search engines

スマートな製品検索を作成するには、まず WooCommerce 製品をこのリストに検索ソースとして追加する必要があります。

開始するには、[ソースと設定]ボタンをクリックします。

click Sources & Settings

次に、製品ソー​​スの横にあるチェックボックスをオンにしてアクティブにします。

check the Products search source

Products以外の他の検索ソースも削除して、お客様が検索結果の中で当社の製品のみを表示できるようにします。

これを行うには、すべての検索ソースのチェックを外し、製品のみをアクティブのままにします。

uncheck search sources

検索ソースのカスタマイズが完了したら、[完了]を押して変更を保存します。

click Done when you're finished managing sources

製品属性の関連性の重みを調整する

ご覧のとおり、各検索ソースには属性のリストがあります。

attributes of a search source

属性は、WordPress が検索を実行するときに考慮するページまたは製品の一部です。

属性の関連性の重みが高いほど、WordPress がその属性に与える優先度が高くなります。

属性の横にあるスライダーを左右に動かして、関連性の重みを調整できます。

たとえば、訪問者がタイトルで商品をより簡単に見つけられるように、 Title属性に最高の優先度を設定してみましょう。

これを行うには、タイトルを除くすべての属性の横にあるスライダーを左端まで移動します。

you can adjust the attributes relevance weight

新しい商品属性を検索可能にする

検索ソースから属性を完全に削除したり、新しい属性を追加したりすることもできます。 開始するには、[属性の追加/削除] ボタンを押します。

press Add Remove attributes

デフォルトの属性を削除する場合は、左側の属性の横にあるチェックボックスをオフにします。

remove search sources

新しい属性を追加するには、追加する内容に応じて、[カスタム フィールド] または [タクソノミー] フィールドをクリックします。

remove search sources

次に、使用可能な属性のドロップダウン メニューが表示されるまで、検索可能にする属性の名前を入力し始めます。

find an attribute

「_」プレフィックスが付いた表示されたオプションをクリックします。 たとえば、私たちの場合、サイトで製品 SKU を検索可能にしたいので、それは_skuです。

choose the SKU attribute

色、価格、サイズなど、既存のすべての製品属性を一度に WordPress に考慮させる方法もあります。

これを行うには、[カスタム フィールド] フィールドをもう一度クリックし、[任意のメタ キー] ショートカットを選択します。

click Any Meta Key

これにより、検索可能にする各属性の名前を手動で入力する必要がなくなります。 たくさんの商品属性を追加したい場合に便利で、時間を節約できます。

顧客が製品タグで検索できるようにする

また、顧客が製品タグで検索できるようにしましょう。 まず、タクソノミーフィールドをクリックします。

click Taxonomies

次に、[商品タグ] オプションを見つけてクリックし、タグを属性としてデフォルトの検索エンジンに追加します。

choose the products tag attribute

検索エンジン属性の管理が終了したら、[完了] をクリックして、行った変更を保存します。

press Done when you're finished

ここで、一部の WooCommerce 製品検索カテゴリをサイトの検索から除外したいとします。

検索に表示したい WooCommerce カテゴリを管理する

開始するには、[ルールの編集] ボタンを押します。

click Edit Rules

次に、[ルールの追加] をクリックします。

click Add Rule

次に、[次の場合にのみエントリを表示] メニューをクリックし、[次の場合にエントリを除外する] に変更します。

choose Exclude entries if

それが完了したら、[商品タイプ] メニューをクリックします。

click on the product type field

次に、[製品カテゴリ] オプションを選択します。

select product categories

次に、検索から除外するカテゴリの名前を一番右のフィールドに入力します。

type the name of category you want to exclude

たとえば、テスト サイトにあるジーンズカテゴリを検索から除外するとします。

we excluded a category

除外されたカテゴリに満足したら、 [完了]を押します。

press Done

カスタマイズした検索エンジンを保存

最後のステップは、検索エンジンに加えたすべての変更を保存することです。 これを行うには、右上隅にある [ Save Engines ] ボタンを押します。

click Save Engines

次に、その横にある [インデックスの再構築] ボタンをクリックして、カスタマイズを考慮して WordPress にすべてのページと製品のインデックスを再構築させます。

click Rebuild Index

それでおしまい。 これで、サイトにスマートな WooCommerce 製品検索ができました。

それをテストして、それがどのように機能するかを見てみましょう。

ステップ 4: 新しい商品検索をテストする

そのためには、WordPress ダッシュボードを離れてサイトに移動する必要があります。 これを行う最も簡単な方法は、左上隅のサイト名の下にある [サイトにアクセス] ボタンを押すことです。

click Visit Site

テストサイトには、季節ごとに素敵なビーニーを選ぶ方法についての投稿がいくつかあります.

「beanie」を検索して、どのような結果が得られるか見てみましょう。

we search for beanie

ご覧のとおり、同じトピックに関する記事がいくつかありますが、検索結果には製品しかありません。

how to create product search in WooCommerce

これは、検索エンジンに追加したルールが機能し、WordPress が製品間でのみ検索を実行することを意味します。

タグで商品が検索できるかどうかもチェックしてみましょう。 テスト サイトにWarm Jacketという製品があります。

説明はなく、どのカテゴリにも追加されていませんが、冬服のタグが付いています。

この商品をタグだけで見つけられるか見てみましょう。

click Find Results

ご覧のとおり、製品を見つけることができました。

we found our product

これは、WordPress が検索を実行するときに製品タグを考慮するようになったことを意味します。

WooCommerce で検索ページを作成する方法

SearchWP を使用すると、検索フォームを別のページに追加して、訪問者がより便利に製品を検索できるようにすることができます。

それを行う方法を段階的に見てみましょう。

ステップ 1: SearchWP をインストールしてアクティブ化する

最初のステップは、SearchWP のコピーを入手してサイトにインストールすることです。

この記事の前半でその方法について説明したので、SearchWP をインストールしてアクティブ化する方法を確認してください。

ステップ 2: 検索ページを作成する

サイトに SearchWP をインストールすると、検索ページを作成する準備が整います。

別の検索ページは、検索結果の絞り込み、製品の宣伝、メールの収集などに役立ちます。

テスト サイトでの表示例を次に示します。

search page with products

詳細については、WordPress で検索ページを作成する方法に関する段階的なガイドをご覧ください。

このガイドでは、いくつかの簡単な手順で WooCommerce で製品検索を作成する方法を学びました。

訪問者が適切な製品を見つけ、ユーザー エクスペリエンスを向上させ、売り上げを伸ばすのに役立ちます。

サイトの検索を強化してビジネスを成長させる準備ができている場合は、ここで SearchWP を開始できます。

サイトでの WooCommerce 検索で問題に直面しましたか? WooCommerce の商品検索が機能しない問題を修正する方法については、詳細なガイドをご覧ください。

WooCommerce ショップ ページに検索フォームを追加する方法をお探しですか? WooCommerce 検索フォームをショップ ページに追加する方法のステップバイステップ チュートリアルに従ってください。