WordPress サイトにオートコンプリート検索を追加する方法

オートコンプリート検索バーは最近どこにでもあります。 検索エンジンを使用している場合、入力を完了する前に検索エンジンが探しているものを認識し、時間を節約するための候補を表示し始める可能性があります。

WordPress にはすぐに使える検索機能が含まれていますが、この機能の 2 つの最も一般的な名前である「オートコンプリート検索」または「ライブ検索」をネイティブにサポートしていません。 ただし、適切なプラグインの助けを借りて、検索ボックスを簡単に実装できます。

この記事では、使用できる 3 つの WordPress オートコンプリート検索プラグインと、それぞれの使用方法を紹介します。 次に、WordPress でオートコンプリート検索を手動で実装する方法について説明します。 仕事に取り掛かりましょう！

オートコンプリート検索が重要な理由

最近のユーザーは、必要な答えがすぐに見つかることを期待しています。 検索エンジンがますます正確になるにつれて、ユーザーは最小限の労力で検索クエリに一致するページやコンテンツを見つけることに慣れてきました。

そのため、強力な検索エンジンから Web サイトの内部検索機能を使用することに飛びつくのは不快な経験になる可能性があります。 WordPress の検索機能はそのままで十分に機能しますが、ほとんどの訪問者が使い慣れているオートコンプリートなどの高度なオプションがいくつかありません。

ここで、オートコンプリート検索候補が役に立ちます。 WordPress の検索候補を実装することで、ユーザーがサイトにより多くの時間を費やす可能性が高まります。 必要なコンテンツを見つけやすくすることで、全体的なエクスペリエンスが向上します。 さらに、適切なプラグインを使用していれば、WP オートコンプリート検索を実装するのは難しくありません。

プラグインを使用して WordPress サイトに検索を追加する方法

選択できるWordPress検索プラグインはたくさんありますが、すべてのプラグインに私たちが求めているオートコンプリート機能が含まれているわけではありません. このセクションでは、使用できる最適な 3 つのオプションに焦点を当て、それぞれで予測検索を有効にする方法を示します。

WPSolr でオートコンプリートを有効にする

WPSolr は、通常の WordPress と WooCommerce の両方の Web サイトで動作するプレミアム検索提案プラグインです。 Elasticsearch および Solr プラットフォームを利用しており、あるサイトから別のサイトへの検索結果をカスタマイズできます。

できるだけ多くのカスタマイズ オプションを含むプラグインが好きなら、WPSolr を高く評価するでしょう。 このプラグインの唯一の欠点は、高価なことです。 プラス面では、ライブ検索を簡単に有効にできます.

プラグインをインストールすると、ダッシュボード内の設定ページにアクセスできるようになります。 「Elastic.co – GCloud で検索を定義する」というタブに移動すると、 「検索ボックスに提案を表示する」というオプションが表示されます。

この機能を有効にすると、ユーザーがクエリを送信する前に、ページ タイトル全体とそれらのページのコンテンツの一部が検索バー内に表示されます。 そうすれば、オプションの完全なリストを並べ替えることなく、必要な結果をすぐに選択できます。

価格: WPSoler のライセンスは、年間 199 ユーロ (年間約 215 ドル) かかります。

SearchWP でオートコンプリートを有効にする

SearchWP は、WordPress のデフォルトの検索機能が認識できないコンテンツをユーザーが見つけられるようにするためのものです。 すぐに使用できるプラグインは、カスタム フィールド データ、ショートコード出力、分類、さらには WooCommerce 製品の詳細をサポートします。

ただし、SearchWP にはデフォルトでオートコンプリート検索機能が含まれていません。 この機能を有効にするには、SearchWP Live Ajax Search という無料の拡張機能を使用する必要があります。

オートコンプリート検索を有効にするために必要なのは、拡張機能を有効にすることだけです。 残りは自動的に行います。

また、SearchWP Live Ajax Search はベースの SearchWP プラグインがなくても機能することにも注意してください。 唯一の違いは、SearchWP と組み合わせると、より詳細な結果にアクセスできることです。

価格: 1 つのサイトの標準 SearchWP ライセンスは 99 ドルですが、 Live Ajax Search 拡張機能は無料です。

Ajax Search Lite でオートコンプリートを有効にする

すぐに使用できる Ajax Search Lite は、通常はプレミアム WordPress 検索プラグインでしか見られない機能を提供します。 このツールを使用すると、ユーザーは、カスタム投稿タイプ、フィールド、およびその他の種類のメタデータを含む WordPress オートコンプリート検索結果にアクセスできます (デフォルトのページと投稿結果とともに)。

プラグインがアクティブになると、 Ajax Search Lite > General Options > Autocomplete & Suggestionsに移動できます。 [Google 検索のオートコンプリートを有効にしますか? .

オートコンプリートの結果に表示されるコンテンツの種類を完全に制御したい場合は、 [ソースと基本]タブに移動します。 そこで、検索結果に表示するコンテンツを選択できます。

必要なオートコンプリート検索機能はすべて、Ajax Search Lite の無料版で利用できます。 ただし、検索バーや結果のカスタム テーマなどの追加機能を含むプラグインのプレミアム バージョンもあります。

価格: Ajax Search Lite は無料ですが、プラグインのプレミアム バージョンは 36 ドルからです。

プラグインなしの WordPress オートコンプリート検索

お気づきかもしれませんが、前のセクションで取り上げた 2 つのプラグインは、ライブ検索機能を強化するために Ajax (または非同期 JavaScript) に依存しています。 jQuery と一緒に Ajax を使用することは、この機能を WordPress に実装するための最も簡単な方法です。

つまり、JavaScript の使用に慣れていない場合は、プラグインを使用した方がよい場合があります。 ただし、この機能を手動で追加することは可能です。

自分でオートコンプリート検索を追加する方法

オートコンプリート検索機能を Web サイトに手動で追加するには、ご想像のとおり、いくつかのコードを操作する必要があります。 ただし、さまざまな難易度で、プロジェクトにアプローチするさまざまな方法があります。

検討することをお勧めする 2 つのアプローチを次に示します。

• 投稿タイトルのみに Ajaxを使用したライブ検索を実装します。 投稿のタイトルのみを取得するため、これが最も簡単な実装方法です。
• カスタム テーブルのオートコンプリート検索を追加します。 この方法では、作成したカスタム テーブルから結果を提供でき、表示されるデータを完全に制御できます。

どちらのシナリオでも、使用するコードをプラグイン形式で実装したいと思うでしょう。 これは、プラグインを使用すると、いつでもコードを無効または有効にできるためです。これは、将来この機能をカスタマイズする場合に最適です.

WP Engine でデジタル エクスペリエンスを改善する

WordPress でのオートコンプリート検索の実装は、予想よりも簡単です。 適切なプラグインを使用すると、訪問者が探しているものを見つけやすくなり、エクスペリエンスを向上させることができます.

もちろん、適切な Web ホストも使用していなければ、これはあまり意味がありません。 管理された WordPress ホスティングでは、ツールへの無制限のアクセスと技術専門家による 24 時間年中無休のサポートが提供され、最適なサイト パフォーマンスが維持されます。 WP Engine を使用すると、Web サイトを成長させ、訪問者に最高品質のデジタル体験を提供するために必要なすべてのリソースを取得できます!