Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

スマートなWooCommerce商品検索の作り方

WooCommerceには検索機能がビルトインされていますが、商品を見つけるのはあまり得意ではありません。よりスマートで高速な検索ツールに置き換えることで、ユーザーエクスペリエンスを向上させ、WooCommerceストアの売上を増やすことができます。

強力な検索機能により、カスタマイザーは探しているものを的確に見つけることができ、フラストレーションを軽減し、購入の可能性を高めることができます。

長年にわたり、私たちはSearchWPをeコマースストアで使用し、カスタマイザーに直感的な検索体験を提供してきました。この強力なプラグインはサイトナビゲーションを改善し、エンゲージメント率の向上とコンバージョンの増加をもたらしました。

この投稿では、WooCommerceの商品検索をスマートに行う方法をご紹介します。私たちはこのトピックについて実地経験がありますので、信頼できるアドバイスのみを提供しますのでご安心ください。

Adding a smarter WooCommerce product search to your online store

なぜWooCommerce商品検索を追加するのか?

WooCommerceにはビルトイン商品検索がありますが、非常に限定的です。

初期設定では、商品属性、レビュー、カスタムフィールド、商品説明の一致を検索しません。このため、買い物客がオンラインストアで購入したい商品を見つけられず、売上が減少する可能性があります。

Product search showing no products found

また、非常に時間がかかるので、せっかちな買い物客はサイトを離れてしまうかもしれない。

幸いなことに、より役立つ検索結果を表示し、より速く検索結果を取得し、より多くの売上を得ることを可能にする優れたWooCommerceプラグインがいくつかあります。

そこで、WooCommerceの商品検索機能をオンラインストアに簡単に追加する方法を見てみましょう。

スマートなWooCommerce商品検索の作り方

スマートなWooCommerce商品検索を作成する最も簡単な方法は、SearchWPを使用することです。

SearchWPは、WordPressが初期設定で無視しているコンテンツを検索できる最高のWordPress検索プラグインです。例えば、ブログのコメントを検索できるようにしたり、PDFのインデックスと検索をサイトに追加することができる。

また、独自の関連性尺度を作成し、コードを書くことなくアルゴリズムを調整することもできる。このようにして、適切な検索結果を適切な人に適切なタイミングで表示することができる。

また、WooCommerceとの統合により、WooCommerceの商品検索を改善し、商品属性やタグなどを検索結果に含めることができます。

詳しくはSearchWPのレビューをご覧ください。

SearchWPの設定方法

最初に行う必要があるのは、SearchWPプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、管理サイドバーからSearchWP ” 設定ページにアクセスし、’一般’タブをクリックします。

Activating the SearchWP plugin's license

ここで、ライセンスキーを入力する必要があります。この情報は、SearchWPアカウントで、または購入確認メールを確認することで見つけることができます。

完了したら、必ず「Verify Key」ボタンをクリックしてください。

次に、WooCommerce Integrationエクステンションをインストールして有効化する必要があります。WordPressダッシュボードで、SearchWP Extensionsにアクセスしてください。

ここでWooCommerce Integration拡張機能を見つけて、その「インストール」ボタンをクリックします。

Installing the WooCommerce integration for SearchWP

カスタムWooCommerce検索アルゴリズムの作成

エクステンションを入手したら、WordPressブログ用のカスタム検索エンジンを作成する準備が整いました。これにより、SearchWPが見るコンテンツと、買い物客に結果を表示する方法を完全に理解することができる。

まずは、SearchWP “ Algorithmにアクセスしてください。そして、「ソースと設定」ボタンをクリックしてください。

Creating an improved WooCommerce product search

SearchWPの検索結果に含めるコンテンツを指定するポップアップが開きます。例えば、WordPressの検索結果からページを除外したり、カスタム投稿タイプを含めることができます。

WooCommerceの検索を改善するには、「商品」の横にあるチェックボックスをオンにします。

Searching WooCommerce products using SearchWP

WooCommerceの商品レビューはコメントとして保存されます。レビューを検索可能にしたい場合は、「コメントする」ボックスもチェックする必要があります。

その後、「完了」ボタンをクリックしてポップアップを閉じます。下にスクロールすると、新しい「製品」セクションが表示されます。

初期設定では、SearchWPは商品タイトル、コンテンツ(説明)、スラッグ、抜粋(短い説明)を検索して一致を探します。オンラインマーケットプレイスの設定によっては、カスタマイザーやタグなど他のコンテンツを検索したい場合もあります。

これを行うには、「属性の追加/削除」ボタンをクリックします。

How to make WooCommerce product attributes searchable

ポップアップが表示され、さまざまなボックスにチェックを入れたり、カスタムフィールドやタクソノミーを選択することができます。前のステップで’コメント’を有効化した場合、’レビュー’の隣にあるボックスにもチェックを入れることができます。

以下の画像では、検索可能なカスタムフィールドとして‘color’と’size’を、タクソノミーフィールドには商品タグとカテゴリーを追加しています。

Managing WooCommerce product attributes

使用したい商品属性をすべて選択したら、「完了」をクリックします。

これで、各属性にそれぞれ「適用属性の関連性」スライダーがあることがわかります。これは、WordPressで検索結果ページを作成する際に、SearchWPが商品をどのようにランク付けするかをコントロールします。

関連性の高い属性は、検索結果に大きな影響を与えます。例えば、商品のタイトルを商品スラッグよりも重視したい場合は、それに応じてスライダーを調整する必要があります。

Making an improved WooCommerce product search for an online store

スマート商品検索の設定に満足したら、画面を一番上までスクロールし、「保存」ボタンをクリックします。

SearchWPはインデックスを再構築します。

Saving your smart product search algorithm

インターネット接続の速度やWordPressホスティングサービスによっては、数分かかる場合があります。

Index Status 100%」と表示されれば、SearchWPがすべての商品データを検索インデックスに追加したことがわかります。

Rebuilding the WooCommerce product search

お使いのWooCommerceテーマにすでに検索ボックスがある場合は、何も変更する必要はありません。SearchWPはすぐに、より関連性の高い商品検索結果を提供し始めます。

しかし、あなたのテーマに検索ボックスがない場合は、WordPressのメニューに検索バーを追加する必要があります。

その後、お店に行って検索機能を試してみてください。より正確で役立つ検索結果が返ってくることに気づくはずだ。

初期設定では、SearchWPは一致した商品をすべて検索結果に含めます。しかし、どの商品を表示するかを指定したい場合もあるでしょう。例えば、セール中の商品や送料無料の商品だけを表示させ、より多くのコンバージョンを獲得することができます。

さらに詳しく知りたい方は、WooCommerce商品検索結果ページのカスタマイズ方法をご覧ください。

よくある質問

WooCommerceで商品フィルターを作成するには?

YITH WooCommerce Ajax Product Filterプラグインで商品フィルターを作成することができます。このプラグインを使用すると、商品カテゴリー、タグ、属性、レビュー、または価格帯など、カスタマイザーエクスペリエンスを向上させるパラメータを選択することができます。

詳しくは、WooCommerce商品をフィルターする方法のチュートリアルをご覧ください。

WooCommerceの商品ページをカスタマイズできますか?

特定のエクステンションをダウンロードしたり、カスタムコードを追加することでWooCommerceの商品ページをカスタマイズすることができます。それらは素晴らしいオプションですが、私たちはWooCommerce商品ページをカスタマイズする最良の方法はSeedProdを使用することだと考えています。SeedProdは、300以上のプロがデザインしたテンプレートを備えた最高のドラッグ&ドロップWordPressページビルダーです。

すべてWooCommerceテンプレートとeコマースブロックが付属しており、簡単にコンバージョンの高いオンラインストアを作成することができます。

詳しくは、コードなしでWooCommerce商品ページをカスタマイズする方法のチュートリアルをご覧ください。

この投稿が、あなたのオンラインストアにスマートなWooCommerce商品検索を簡単に作る方法を学ぶのにお役に立てば幸いです。WooCommerceで商品をアップセルする方法やWordPressで検索トグル効果を追加する方法についてのチュートリアルもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

コメント

  1. おめでとうございます!この記事の最初のコメント投稿者になるチャンスです。
    ご質問やご提案がおありですか?ディスカッションを始めるためにコメントを残してください。

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。