WordPress で検索結果ページをカスタマイズする方法
公開: 2022-08-18WordPress ウェブサイトの検索結果ページをカスタマイズしますか?
検索結果ページは、ユーザーが探しているコンテンツを見つけるのに役立ちます。 カスタマイズすることで、サイトのユーザー エクスペリエンスが向上し、ページ ビューとコンバージョンが増加します。
この記事では、WordPress でコードを書かずに検索結果ページを簡単にカスタマイズする方法を紹介します。
![WordPress 検索結果ページのカスタマイズ Customizing WordPress search results page](/uploads/article/41498/jF55m60rmIHxIM2k.png)
ここでは、この記事で取り上げるトピックを順を追って説明します。
- WordPress で検索結果ページをカスタマイズする理由
- WordPress 検索エンジンとして SearchWP を設定する
- 検索結果を調整して重要なコンテンツを宣伝する
- WordPress 検索結果からコンテンツを除外する
- WordPress で検索結果を即座に表示する
- WordPress サイトのより多くの場所で検索する
- WordPress 検索結果に e コマースを含める
WordPress で検索結果ページをカスタマイズする理由
デフォルトでは、WordPress Web サイトには基本的な検索機能が備わっています。 ユーザーは検索語に一致するコンテンツを探すことができますが、検索結果はあまり良くありません。
![結果が見つかりません No results found](/uploads/article/41498/AII8yck9hADR7923.png)
ユーザーのクエリに回答する一致が複数ある可能性がある場合でも、多くの場合、検索用語は結果を返しません。
検索自体は遅く、ページの読み込みが必要です。複数のユーザーが一度に検索機能を使用すると、Web サイトの速度が低下する可能性があります。
WordPress で検索結果ページをカスタマイズすることで、より優れたユーザー エクスペリエンスとより役立つ検索結果を備えた高速な検索システムを実装できます。
![さらに検索結果が見つかりました More search results found](/uploads/article/41498/OWDtjYYEUbepdhg4.png)
いいですね? 始めましょう。
ステップ 1. SearchWP を WordPress 検索エンジンとして設定する
SearchWP は、市場で最高の WordPress 検索プラグインです。 より高速で正確な検索エンジンに置き換えることで、WordPress 検索を改善できます。
![検索WPホームページ SearchWP Homepage](/uploads/article/41498/7WBO2cGxyiKZNlsi.png)
バックグラウンドでコンテンツのインデックスを自動的に作成するため、検索をより高速に実行できます。 さらに、デフォルトの WordPress 検索フォームとテンプレートを置き換える必要はありません。
まず、SearchWP プラグインをインストールして有効にする必要があります。 詳細については、WordPress プラグインのインストール方法に関するステップバイステップ ガイドを参照してください。
アクティブ化したら、 SearchWP » 設定ページにアクセスして、[ライセンス] タブに切り替える必要があります。 SearchWP Web サイトのアカウントの下にあるプラグイン ライセンス キーを入力します。
![SearchWP ライセンス キー SearchWP license key](/uploads/article/41498/eC12pcaup38ZXfq0.png)
ライセンス キーを有効にすると、[エンジン] タブに切り替えることができます。
SearchWP がデフォルトの検索エンジンを設定していることに気付くでしょう。 WordPress の投稿、ページ、メディアをソースとして使用します。
![SearchWP ソース SearchWP sources](/uploads/article/41498/JWssAKab3fvVgGk6.png)
各ソースの下で、スライダーを調整して、他の属性よりも関連性の高い属性を与えることができます。
検索結果にもっと多くの場所を含めたいですか? [ソースと設定] ボタンをクリックして追加します。
![追加のソース Additional sources](/uploads/article/41498/zstuRt0CqyNXhp2e.png)
このチュートリアルのために、コメントを検索ソースとして追加しましょう。
[完了] をクリックすると、ソース リストの下に新しいタブが表示されます。 ただし、それは空であり、それを有効にするには、[属性の追加/削除] ボタンをクリックする必要があります。
![属性を追加 Add attribute](/uploads/article/41498/pxwyHIWNT9VRl7K5.png)
これにより、検索に含める属性を選択できるポップアップが表示されます。
たとえば、コメント テキストを属性として使用しました。
![SearchWP 検索コメント SearchWP search comments](/uploads/article/41498/2xub4u85bEzEr2AO.png)
属性を追加した後、検索結果で重みを割り当てることができます。
重みが大きいということは、SearchWP がその属性をこのソースの他の属性よりも関連性が高いと見なすことを意味します。
![属性の重みを調整する Adjust attribute weightage](/uploads/article/41498/xjFtx7xfvLPDx16w.png)
検索ソースの確認が完了したら、先に進んで [エンジンの保存] ボタンをクリックできます。
![検索エンジンを保存 Save search engines](/uploads/article/41498/UcUQLjauDioQ5R6W.png)
SearchWP は、設定に基づいて検索インデックスの構築を開始します。
完了すると、インデックス ステータスの下に 100% が表示されます。
![インデックスの状態 Index status](/uploads/article/41498/yAbxsqBeWSRLxZ9j.png)
SearchWP エンジンは、デフォルトの WordPress 検索を自動的に置き換えます。 Web サイトに既に検索フォームがある場合は、先に進んで試すことができます。
Web サイトに検索フォームがない場合は、外観 » ウィジェットページにアクセスして追加できます。 検索ウィジェットまたはブロックをサイドバーに追加し、[更新] ボタンをクリックして変更を保存するだけです。
![WordPress サイドバーに検索ブロックを追加する Adding a search block to your WordPress sidebar](/uploads/article/41498/iWAd1GeWsmKay0S5.png)
Web サイトにアクセスして、新しく改善された検索機能を試すことができます。
ステップ 2. 検索結果を調整して重要なコンテンツを宣伝する
デフォルトの WordPress 検索を SearchWP に置き換えたので、さらに優れた検索結果を生成するためにさらにカスタマイズする方法を見てみましょう.
検索結果で重要なコンテンツを宣伝することから始めます。 これらは、より多くの収益、販売ページ、リードジェネレーションのランディングページなどをもたらすブログ投稿である可能性があります.
まず、 SearchWP » 拡張機能ページにアクセスし、「カスタム結果順序」拡張機能をインストールする必要があります。
![SearchWP のカスタム結果順序拡張機能 Custom Results Order extension for SearchWP](/uploads/article/41498/1iQlH4V3lx2b24Bo.png)
次に、 SearchWP » 統計ページにアクセスする必要があります。
ここでは、ユーザーの間で人気のある検索用語またはキーワードを確認できます。
![検索統計 Search statistics](/uploads/article/41498/RD85BgQPKS9LbrUi.png)
注:プラグインをインストールしたばかりの場合は、ここに十分なデータがない可能性があります。 ユーザーがいくつかの検索用語を入力して、より多くのデータを収集するのを待つことができます。
次に、検索結果で特定の投稿とページを宣伝したいキーワードを探します。
その後、 SearchWP » 設定ページに移動し、[拡張機能] タブで [カスタム結果の順序] を選択します。
![カスタム結果ページ Custom results page](/uploads/article/41498/Vkjn4q2FcUQcOdTC.png)
投稿またはページを一番上に宣伝したいキーワードを入力し、[検索クエリの追加] ボタンをクリックします。
SearchWP は、その特定のクエリの結果を表示します。 宣伝したいコンテンツを選択し、[トップに宣伝] ボタンをクリックする必要があります。
![検索結果で投稿またはページを宣伝する Promote post or page in search results](/uploads/article/41498/XdesILmHD6m8xV2X.png)
選択した投稿またはページが、その特定の検索キーワードの上部に表示されるようになります.
いつでも同じページに戻って、その投稿またはページの固定を解除したり、別のものを追加したりできます。
![プロモーションを削除 Remove promotion](/uploads/article/41498/KMCmwrEtYbHiXHAz.png)
ステップ 3. WordPress の検索結果からコンテンツを除外する
検索結果に表示したくないコンテンツがある場合があります。 たとえば、有効期限が切れた販売イベントを宣伝するページや、古いブログ投稿などです。
![](https://s.stat888.com/img/bg.png)
SearchWP を使用すると、検索結果に含めたくない投稿やページを簡単に除外できます。
まず、 SearchWP » 拡張機能ページにアクセスして、「Exclude UI」拡張機能をインストールする必要があります。
![UI拡張を除外 Exclude UI extension](/uploads/article/41498/VW36ZXyUybXDfJSE.png)
アクティベーション後は、検索結果から除外したい投稿またはページを編集するだけです。
編集画面の「投稿」パネルの下に、その投稿を検索結果から除外するオプションが表示されます。
![投稿を検索結果から除外する Exclude post from search results](/uploads/article/41498/KiEyiTLbQ0jxN10P.png)
チェックボックスをオンにして [更新] ボタンをクリックするだけで、変更が保存されます。
SearchWP は、その投稿またはページを検索結果に表示しなくなります。
ステップ 4. WordPress で検索結果を即座に表示する
通常、SearchWP の検索結果は、WordPress テーマによって提供されるテーマ テンプレート ファイルを使用して表示されます。
しかし、ユーザーが入力を開始するとすぐに結果を表示できるとしたらどうでしょうか?
この機能はライブ検索と呼ばれ、Google や Bing などの検索エンジンで既に見たことがあるかもしれません。
WordPress サイトにライブ検索を追加して、検索をユーザーのエクスペリエンスをさらに向上させましょう。
まず、 SearchWP » Extensionsページにアクセスして、「Live Search」拡張機能をインストールする必要があります。
![ライブ ajax 検索をインストールする Install live ajax search](/uploads/article/41498/kJYJLW6kbznbUmCu.png)
アクティブ化すると、拡張機能が自動的に機能し始めます。
Web サイトにアクセスし、検索フォームにキーワードを入力して実際の動作を確認できます。
![ライブ検索プレビュー Live search preview](/uploads/article/41498/RyMtfDCllcmDY0DB.gif)
詳細な手順については、WordPress にライブ検索を追加する方法に関するチュートリアルを参照してください。
ステップ 5. WordPress サイトのより多くの場所で検索する
SearchWP は、WordPress サイトのより多くの場所で検索するように構成できます。 たとえば、カスタム フィールド、PDF ドキュメント、ショートコード出力などを検索できます。
検索を有効にする場所に応じて、必要に応じてこれらの機能をオンまたはオフにすることができます。
WordPress カスタム フィールドの検索を有効にする
WordPress カスタム フィールドを使用すると、WordPress の投稿やページの追加のメタ データを保存できます。 また、投稿やページに関連するデータを保存するために、WordPress プラグインでも使用されます。
検索ソースにカスタム フィールドを含めるには、 SearchWP » 設定ページに移動し、ソースの下にある [属性の追加/削除] ボタンをクリックします。
![検索属性を追加 Add search attribute](/uploads/article/41498/pRNOvcf0BcUILusp.gif)
これにより、特定のカスタム フィールドを選択するか、任意のメタ キーを選択できるポップアップが表示されます。
完了したら [完了] をクリックし、[エンジンを保存] ボタンをクリックすることを忘れないでください。
![検索結果にカスタム フィールドを含める Include custom fields in search results](/uploads/article/41498/pe0oIucpZc3zpTqR.png)
SearchWP はカスタム フィールドをソースとして使用し始め、一致する投稿を検索結果に含めます。
詳細については、WordPress でカスタム フィールドを検索可能にする方法に関するガイドを参照してください。
PDF とドキュメントで検索を有効にする
SearchWP は、WordPress メディア ライブラリにアップロードされた PDF ファイルやオフィス ドキュメント内を検索することもできます。
SearchWP » 設定ページに移動し、検索エンジンの [ソースと設定] ボタンをクリックするだけです。
![SearchWP ソース SearchWP sources](/uploads/article/41498/JWssAKab3fvVgGk6.png)
これにより、メディアがソースの 1 つとして選択されていることを確認する必要があるポップアップが表示されます。
次に、[完了] ボタンをクリックします。
![メディアソース Media source](/uploads/article/41498/Qt6NvHF0EWfCIReL.png)
その後、[エンジン設定] ページのソース リストまで下にスクロールして、[メディア] タブを見つけます。
ここから、[属性の追加/削除] ボタンをクリックする必要があります。
![メディア属性 Media attributes](/uploads/article/41498/xzd2eW6pJJacRKAT.png)
これにより、検索結果に含めたい属性を選択できるポップアップが表示されます。
選択後、[完了] ボタンをクリックします。
![メディア属性を選択 Select media attributes](/uploads/article/41498/OYrNEGdt9RXO1ujL.png)
次に、スライダーを上下に動かして、検索結果の特定の属性に与える重みを調整できます。
完了したら、Save Engines ボタンをクリックして設定を保存することを忘れないでください。
![関連性を調整する Adjust relevancy](/uploads/article/41498/RLwAZXQtElctuXbP.png)
ショートコード出力で検索を有効にする
多くの WordPress プラグインはショートコードを使用して、WordPress の投稿やページにデータを出力します。
このショートコード データが WordPress Web サイトにとって重要であり、検索結果の改善に役立つ場合は、SearchWP でショートコード出力の解析を有効にすることができます。
SearchWP » 設定ページに移動し、[詳細設定] タブに切り替えます。 ここから、「インデックス作成時にショートコードを解析する」オプションの横にあるチェックボックスをオンにする必要があります。
![検索結果でショートコードを解析する Parse shortcodes in search results](/uploads/article/41498/0cOckfw1GeInJJV2.png)
その後、Wake Up Indexer ボタンをクリックして新しいインデックス作成プロセスをバックグラウンドで実行し、検索結果にショートコード出力を含めます。
ステップ 6. WordPress の検索結果に e コマースを含める
SearchWP を使用すると、オンライン ストアでの e コマース検索結果を非常に簡単に改善できます。
WooCommerce や Easy Digital Downloads など、人気のある e コマース プラグインの強力な統合が付属しています。
WooCommerce ストアで有効にする方法は次のとおりです。 他の統合も同様に機能します。
まず、 SearchWP » Extensionsページに移動し、WooCommerce Integration 拡張機能をインストールする必要があります。
![検索結果での WooCommerce の統合 WooCommerce integration in search results](/uploads/article/41498/r96JHPauHm7rH84T.png)
有効化したら、 SearchWP » 設定ページに移動します。
次に、検索エンジンの [ソースと設定] ボタンをクリックします。
![SearchWP ソース SearchWP sources](/uploads/article/41498/JWssAKab3fvVgGk6.png)
これにより、製品オプションがソースの 1 つとして選択されていることを確認する必要があるポップアップが表示されます。
その後、[完了] をクリックしてポップアップを終了します。
![検索結果に製品を追加する Add products in search results](/uploads/article/41498/yBmN52MYIthzFYHC.png)
次に、[ソース] 画面を下にスクロールすると、[製品] タブが表示されます。
スライダーを動かすか、[属性の追加/削除] ボタンをクリックしてカスタム フィールドまたは製品カテゴリを選択することで、属性の重みを調整できます。
![製品の属性 Product attributes](/uploads/article/41498/xnZTXoPZHdn5v9Sg.png)
完了したら、Save Engines ボタンをクリックして設定を保存することを忘れないでください。
詳細な手順については、WordPress での WooCommerce 製品検索を改善する方法に関するガイドをご覧ください。
この記事が、WordPress で検索結果ページを簡単にカスタマイズする方法を学ぶのに役立つことを願っています. WordPress サイトへのトラフィックを増やす方法や、WordPress リードフォームでのユーザージャーニーを追跡する方法についてのガイドもご覧ください。
この記事が気に入ったら、WordPress ビデオチュートリアルの YouTube チャンネルに登録してください。 Twitter や Facebook で私たちを見つけることもできます。