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

公開: 2022-08-18

WordPress ウェブサイトの検索結果ページをカスタマイズしますか?

検索結果ページは、ユーザーが探しているコンテンツを見つけるのに役立ちます。 カスタマイズすることで、サイトのユーザー エクスペリエンスが向上し、ページ ビューとコンバージョンが増加します。

この記事では、WordPress でコードを書かずに検索結果ページを簡単にカスタマイズする方法を紹介します。

Customizing WordPress search results page

ここでは、この記事で取り上げるトピックを順を追って説明します。

  • WordPress で検索結果ページをカスタマイズする理由
  • WordPress 検索エンジンとして SearchWP を設定する
  • 検索結果を調整して重要なコンテンツを宣伝する
  • WordPress 検索結果からコンテンツを除外する
  • WordPress で検索結果を即座に表示する
  • WordPress サイトのより多くの場所で検索する
  • WordPress 検索結果に e コマースを含める

WordPress で検索結果ページをカスタマイズする理由

デフォルトでは、WordPress Web サイトには基本的な検索機能が備わっています。 ユーザーは検索語に一致するコンテンツを探すことができますが、検索結果はあまり良くありません。

No results found

ユーザーのクエリに回答する一致が複数ある可能性がある場合でも、多くの場合、検索用語は結果を返しません。

検索自体は遅く、ページの読み込みが必要です。複数のユーザーが一度に検索機能を使用すると、Web サイトの速度が低下する可能性があります。

WordPress で検索結果ページをカスタマイズすることで、より優れたユーザー エクスペリエンスとより役立つ検索結果を備えた高速な検索システムを実装できます。

More search results found

いいですね? 始めましょう。

ステップ 1. SearchWP を WordPress 検索エンジンとして設定する

SearchWP は、市場で最高の WordPress 検索プラグインです。 より高速で正確な検索エンジンに置き換えることで、WordPress 検索を改善できます。

SearchWP Homepage

バックグラウンドでコンテンツのインデックスを自動的に作成するため、検索をより高速に実行できます。 さらに、デフォルトの WordPress 検索フォームとテンプレートを置き換える必要はありません。

まず、SearchWP プラグインをインストールして有効にする必要があります。 詳細については、WordPress プラグインのインストール方法に関するステップバイステップ ガイドを参照してください。

アクティブ化したら、 SearchWP » 設定ページにアクセスして、[ライセンス] タブに切り替える必要があります。 SearchWP Web サイトのアカウントの下にあるプラグイン ライセンス キーを入力します。

SearchWP license key

ライセンス キーを有効にすると、[エンジン] タブに切り替えることができます。

SearchWP がデフォルトの検索エンジンを設定していることに気付くでしょう。 WordPress の投稿、ページ、メディアをソースとして使用します。

SearchWP sources

各ソースの下で、スライダーを調整して、他の属性よりも関連性の高い属性を与えることができます。

検索結果にもっと多くの場所を含めたいですか? [ソースと設定] ボタンをクリックして追加します。

Additional sources

このチュートリアルのために、コメントを検索ソースとして追加しましょう。

[完了] をクリックすると、ソース リストの下に新しいタブが表示されます。 ただし、それは空であり、それを有効にするには、[属性の追加/削除] ボタンをクリックする必要があります。

Add attribute

これにより、検索に含める属性を選択できるポップアップが表示されます。

たとえば、コメント テキストを属性として使用しました。

SearchWP search comments

属性を追加した後、検索結果で重みを割り当てることができます。

重みが大きいということは、SearchWP がその属性をこのソースの他の属性よりも関連性が高いと見なすことを意味します。

Adjust attribute weightage

検索ソースの確認が完了したら、先に進んで [エンジンの保存] ボタンをクリックできます。

Save search engines

SearchWP は、設定に基づいて検索インデックスの構築を開始します。

完了すると、インデックス ステータスの下に 100% が表示されます。

Index status

SearchWP エンジンは、デフォルトの WordPress 検索を自動的に置き換えます。 Web サイトに既に検索フォームがある場合は、先に進んで試すことができます。

Web サイトに検索フォームがない場合は、外観 » ウィジェットページにアクセスして追加できます。 検索ウィジェットまたはブロックをサイドバーに追加し、[更新] ボタンをクリックして変更を保存するだけです。

Adding a search block to your WordPress sidebar

Web サイトにアクセスして、新しく改善された検索機能を試すことができます。

ステップ 2. 検索結果を調整して重要なコンテンツを宣伝する

デフォルトの WordPress 検索を SearchWP に置き換えたので、さらに優れた検索結果を生成するためにさらにカスタマイズする方法を見てみましょう.

検索結果で重要なコンテンツを宣伝することから始めます。 これらは、より多くの収益、販売ページ、リードジェネレーションのランディングページなどをもたらすブログ投稿である可能性があります.

まず、 SearchWP » 拡張機能ページにアクセスし、「カスタム結果順序」拡張機能をインストールする必要があります。

Custom Results Order extension for SearchWP

次に、 SearchWP » 統計ページにアクセスする必要があります。

ここでは、ユーザーの間で人気のある検索用語またはキーワードを確認できます。

Search statistics

注:プラグインをインストールしたばかりの場合は、ここに十分なデータがない可能性があります。 ユーザーがいくつかの検索用語を入力して、より多くのデータを収集するのを待つことができます。

次に、検索結果で特定の投稿とページを宣伝したいキーワードを探します。

その後、 SearchWP » 設定ページに移動し、[拡張機能] タブで [カスタム結果の順序] を選択します。

Custom results page

投稿またはページを一番上に宣伝したいキーワードを入力し、[検索クエリの追加] ボタンをクリックします。

SearchWP は、その特定のクエリの結果を表示します。 宣伝したいコンテンツを選択し、[トップに宣伝] ボタンをクリックする必要があります。

Promote post or page in search results

選択した投稿またはページが、その特定の検索キーワードの上部に表示されるようになります.

いつでも同じページに戻って、その投稿またはページの固定を解除したり、別のものを追加したりできます。

Remove promotion

ステップ 3. WordPress の検索結果からコンテンツを除外する

検索結果に表示したくないコンテンツがある場合があります。 たとえば、有効期限が切れた販売イベントを宣伝するページや、古いブログ投稿などです。

SearchWP を使用すると、検索結果に含めたくない投稿やページを簡単に除外できます。

まず、 SearchWP » 拡張機能ページにアクセスして、「Exclude UI」拡張機能をインストールする必要があります。

Exclude UI extension

アクティベーション後は、検索結果から除外したい投稿またはページを編集するだけです。

編集画面の「投稿」パネルの下に、その投稿を検索結果から除外するオプションが表示されます。

Exclude post from search results

チェックボックスをオンにして [更新] ボタンをクリックするだけで、変更が保存されます。

SearchWP は、その投稿またはページを検索結果に表示しなくなります。

ステップ 4. WordPress で検索結果を即座に表示する

通常、SearchWP の検索結果は、WordPress テーマによって提供されるテーマ テンプレート ファイルを使用して表示されます。

しかし、ユーザーが入力を開始するとすぐに結果を表示できるとしたらどうでしょうか?

この機能はライブ検索と呼ばれ、Google や Bing などの検索エンジンで既に見たことがあるかもしれません。

WordPress サイトにライブ検索を追加して、検索をユーザーのエクスペリエンスをさらに向上させましょう。

まず、 SearchWP » Extensionsページにアクセスして、「Live Search」拡張機能をインストールする必要があります。

Install live ajax search

アクティブ化すると、拡張機能が自動的に機能し始めます。

Web サイトにアクセスし、検索フォームにキーワードを入力して実際の動作を確認できます。

Live search preview

詳細な手順については、WordPress にライブ検索を追加する方法に関するチュートリアルを参照してください。

ステップ 5. WordPress サイトのより多くの場所で検索する

SearchWP は、WordPress サイトのより多くの場所で検索するように構成できます。 たとえば、カスタム フィールド、PDF ドキュメント、ショートコード出力などを検索できます。

検索を有効にする場所に応じて、必要に応じてこれらの機能をオンまたはオフにすることができます。

WordPress カスタム フィールドの検索を有効にする

WordPress カスタム フィールドを使用すると、WordPress の投稿やページの追加のメタ データを保存できます。 また、投稿やページに関連するデータを保存するために、WordPress プラグインでも使用されます。

検索ソースにカスタム フィールドを含めるには、 SearchWP » 設定ページに移動し、ソースの下にある [属性の追加/削除] ボタンをクリックします。

Add search attribute

これにより、特定のカスタム フィールドを選択するか、任意のメタ キーを選択できるポップアップが表示されます。

完了したら [完了] をクリックし、[エンジンを保存] ボタンをクリックすることを忘れないでください。

Include custom fields in search results

SearchWP はカスタム フィールドをソースとして使用し始め、一致する投稿を検索結果に含めます。

詳細については、WordPress でカスタム フィールドを検索可能にする方法に関するガイドを参照してください。

PDF とドキュメントで検索を有効にする

SearchWP は、WordPress メディア ライブラリにアップロードされた PDF ファイルやオフィス ドキュメント内を検索することもできます。

SearchWP » 設定ページに移動し、検索エンジンの [ソースと設定] ボタンをクリックするだけです。

SearchWP sources

これにより、メディアがソースの 1 つとして選択されていることを確認する必要があるポップアップが表示されます。

次に、[完了] ボタンをクリックします。

Media source

その後、[エンジン設定] ページのソース リストまで下にスクロールして、[メディア] タブを見つけます。

ここから、[属性の追加/削除] ボタンをクリックする必要があります。

Media attributes

これにより、検索結果に含めたい属性を選択できるポップアップが表示されます。

選択後、[完了] ボタンをクリックします。

Select media attributes

次に、スライダーを上下に動かして、検索結果の特定の属性に与える重みを調整できます。

完了したら、Save Engines ボタンをクリックして設定を保存することを忘れないでください。

Adjust relevancy

ショートコード出力で検索を有効にする

多くの WordPress プラグインはショートコードを使用して、WordPress の投稿やページにデータを出力します。

このショートコード データが WordPress Web サイトにとって重要であり、検索結果の改善に役立つ場合は、SearchWP でショートコード出力の解析を有効にすることができます。

SearchWP » 設定ページに移動し、[詳細設定] タブに切り替えます。 ここから、「インデックス作成時にショートコードを解析する」オプションの横にあるチェックボックスをオンにする必要があります。

Parse shortcodes in search results

その後、Wake Up Indexer ボタンをクリックして新しいインデックス作成プロセスをバックグラウンドで実行し、検索結果にショートコード出力を含めます。

ステップ 6. WordPress の検索結果に e コマースを含める

SearchWP を使用すると、オンライン ストアでの e コマース検索結果を非常に簡単に改善できます。

WooCommerce や Easy Digital Downloads など、人気のある e コマース プラグインの強力な統合が付属しています。

WooCommerce ストアで有効にする方法は次のとおりです。 他の統合も同様に機能します。

まず、 SearchWP » Extensionsページに移動し、WooCommerce Integration 拡張機能をインストールする必要があります。

WooCommerce integration in search results

有効化したら、 SearchWP » 設定ページに移動します。

次に、検索エンジンの [ソースと設定] ボタンをクリックします。

SearchWP sources

これにより、製品オプションがソースの 1 つとして選択されていることを確認する必要があるポップアップが表示されます。

その後、[完了] をクリックしてポップアップを終了します。

Add products in search results

次に、[ソース] 画面を下にスクロールすると、[製品] タブが表示されます。

スライダーを動かすか、[属性の追加/削除] ボタンをクリックしてカスタム フィールドまたは製品カテゴリを選択することで、属性の重みを調整できます。

Product attributes

完了したら、Save Engines ボタンをクリックして設定を保存することを忘れないでください。

詳細な手順については、WordPress での WooCommerce 製品検索を改善する方法に関するガイドをご覧ください。

この記事が、WordPress で検索結果ページを簡単にカスタマイズする方法を学ぶのに役立つことを願っています. WordPress サイトへのトラフィックを増やす方法や、WordPress リードフォームでのユーザージャーニーを追跡する方法についてのガイドもご覧ください。

この記事が気に入ったら、WordPress ビデオチュートリアルの YouTube チャンネルに登録してください。 Twitter や Facebook で私たちを見つけることもできます。