カスタムWordPress検索フォームの作成方法（ステップバイステップ）

私たちの友人が人気のレシピブログを運営していますが、彼女は読者が検索機能にどれほど不満を持っていたか教えてくれました。人々が「グルテンフリーデザート」と入力しても、ランダムなディナーレシピのリストが表示されるだけでした。

それにより、デフォルトのWordPress検索がいかに限定的であるかを痛感させられました。

それ以来、私たちは同じ問題を抱える多くのサイトオーナーと協力してきました。コンテンツが存在しても、訪問者は探しているものを見つけられないのです。

そのため、プラグイン、カスタムコード、その他すべてを試してソリューションのテストを開始しました。

このガイドでは、サイトの種類に関係なく、コンテンツと訪問者にとって実際に機能するカスタムWordPress検索フォームを作成する方法を説明します。

WordPressでカスタム検索フォームを作成する理由

WordPressには組み込みの検索機能が付属しています。しかし、コメント、製品レビュー、またはカスタム投稿タイプなどのすべてのコンテンツタイプを検索するわけではありません。

これにより、訪問者はオンラインストアで購入したい商品を含め、探しているものを見つけられなくなる可能性があります。

また、検索結果でより上位に表示されるように、コンテンツの優先順位を付けたい場合もあります。たとえば、サイトの最新投稿を検索結果ページの最上部に表示したり、最も人気のあるWooCommerce製品を表示したりしたい場合があります。

これを踏まえ、WordPressの検索フォームをカスタマイズする方法をご紹介します。この記事では多くの内容を扱いますので、以下のクイックリンクを使用して、読みたいセクションに直接ジャンプしてください。

• ステップ1：カスタムWordPress検索アルゴリズムを作成する
• ステップ2：WordPressウェブサイト用のカスタム検索フォームを作成する
• ステップ3：カスタム検索フォームをWordPressサイトに追加する
• ボーナスヒント: カスタム WordPress 検索フォームを最適化する 📈

準備はいいですか？早速始めましょう！

ステップ1：カスタムWordPress検索アルゴリズムを作成する

WordPressの組み込み検索アルゴリズムを改善する最も簡単な方法は、SearchWPを使用することです。

SearchWPは、最高のWordPress検索プラグインです。使いやすく、サイトの検索アルゴリズムを完全に制御できるため、訪問者が探しているものをすばやく見つけるのに役立ちます。また、WordPressがデフォルトで無視するコンテンツも検索します。

詳細については、すべての機能について説明している完全なSearchWPレビューをご覧ください。

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

有効化したら、 SearchWP » 設定 に移動し、「一般」タブをクリックしてください。

ここで、「ライセンスキー」ボックスにライセンスを入力する必要があります。この情報は、SearchWPサイトのアカウントで見つけることができます。

完了したら、「キーの検証」ボタンをクリックしてください。

プラグインを有効化すると、SearchWPがコンテンツをインデックス化、検索、表示する方法を微調整できます。これは、あなたのWordPressブログやウェブサイト専用のカスタムGoogle検索アルゴリズムを作成するようなものだと考えてください。

まず、SearchWP » Algorithmに移動します。

ここでは、デフォルトで SearchWP が検索するさまざまなコンテンツタイプ（ページ、投稿、メディアファイルなど）のセクションが表示されます。

検索結果に含めるコンテンツタイプを増やすには、「ソースと設定」ボタンをクリックします。

これで、SearchWPが検索できるすべての異なるコンテンツタイプが表示されるポップアップが表示されます。たとえば、WordPressでブログのコメントを検索可能にすることができます。

インストールされているWordPressプラグインによっては、追加のオプションが表示される場合があります。たとえば、WooCommerceを使用している場合、SearchWPの検索結果に「製品」を含めることができます。

このトピックの詳細については、スマートなWooCommerce製品検索を作成する方法に関するガイドをご覧ください。

そのため、検索結果に含めたい各コンテンツタイプの横にあるチェックボックスをオンにするだけです。

「キーワードの語幹」がデフォルトで選択されていることにも気づくでしょう。これは、SearchWPが検索用語と同じ末尾を持たない結果を含める可能性があることを意味します。

例えば、「run」を検索すると、キーワードのステミングにより、結果に「running」と「runners」が含まれます。

これは訪問者に適切な結果を表示するのに役立つため、「キーワードステム」ボックスにチェックを入れたままにすることをお勧めします。ただし、完全一致のみを表示したい場合はチェックを外すことができます。

ポップアップに入力した情報に満足したら、「完了」をクリックしてください。

選択したすべてのソースのセクションが表示されます。

各セクションには、独自の「適用可能な属性の関連性」スライダーがあります。

これは、SearchWP が検索結果を作成する際に各属性に与える重みです。

関連性の高い属性と一致するコンテンツは、検索結果の上位に表示されます。対照的に、関連性が低い属性と一致するコンテンツは、ユーザーの検索結果の下位に表示されます。

属性に重みを付けたい場合は、スライダーを右に移動するだけです。

次の画像では、検索エンジンは投稿のコンテンツの一致よりも投稿タイトルの一致により多くの価値を置きます。

WordPressのウェブサイトはそれぞれユニークなので、さまざまな関連設定を試して、最も正確で役立つ検索結果が得られるか確認することをお勧めします。

例えば、レストランのウェブサイトにメニューをPDFでアップロードした場合、それは重要なコンテンツであり、通常は検索結果に表示させたいものです。

これらを使用すると、WordPressサイトでカスタムフィールドを検索可能にすることもできます。

特定のコンテンツを検索結果に含めるか除外するかを決定するルールを作成することもできます。たとえば、オンラインマーケットプレイスを運営している場合、アカウントページ、チェックアウトページ、および サンキューページを除外したい場合があります。

ルールを作成したいセクションで、「ルールの編集」ボタンをクリックするだけです。次の画像では、「投稿」セクションに新しいルールを追加しています。

これにより、検索エンジンのルールを編集できるポップアップが開きます。

最初のルールを作成するには、「ルールの追加」ボタンをクリックします。

これで、関連する検索結果に含めるか除外するかするコンテンツを選択できます。

したがって、最初のドロップダウンメニューを開き、作成したいルールの種類に応じて、「エントリのみを表示する場合」または「エントリを除外する場合」のいずれかを選択します。

次に、残りの設定を使用して、除外または含めたいコンテンツを指定できます。たとえば、特定のカテゴリを含めたい場合、または特定のカテゴリを除外したい場合は、カテゴリ名を入力します。

除外または含めたい任意のカスタムタクソノミーを入力することもできます。

特定の投稿タグを検索結果から除外または含めるには、ドロップダウンメニューを開き、「タグ」を選択するだけです。

次に、タグの名前を入力できます。

ルールを追加するには、「ルールを追加」ボタンをクリックし、上記と同じプロセスを繰り返します。ルールの設定に満足したら、「完了」をクリックしてください。

メディアやページなどの他のコンテンツタイプに対しても、セクションまでスクロールして「ルールを追加」ボタンをクリックすることで、ルールを作成できるようになりました。

検索アルゴリズムの設定に満足したら、ページの上部までスクロールして「保存」ボタンをクリックします。

SearchWPはインデックスを再構築します。インターネット接続の速度とWordPressホスティングプロバイダーによっては、数分かかる場合があります。

「インデックスステータス 100%」と表示されたら、SearchWPがすべてのコンテンツとルールを検索インデックスに追加したことがわかります。

ステップ2：WordPressウェブサイト用のカスタム検索フォームを作成する

デフォルトでは、WordPressウェブサイト上のすべての検索フォームは、前のセクションで作成した新しいSearchWPアルゴリズムを使用します。これは、訪問者がすぐに、より正確で関連性の高い結果を目にするようになることを意味します。

ただし、さらに良い結果を得るには、さまざまな種類のコンテンツに対して高度な検索フォームを作成することを検討してください。例えば、特定の製品カテゴリのみを検索するスマート WooCommerce 製品検索フォームを作成することができます。

また、カスタム投稿タイプの高度な検索フォームを作成することもできます。たとえば、当社の「ディール」および「用語集」ページ用にカスタム投稿タイプの検索フォームを作成しました。

各フォームはデフォルトのWordPress検索アルゴリズムをオーバーライドするため、ユニークな設定で好きなだけ多くの異なるフォームを作成できます。

開始するには、SearchWP » 検索フォームに移動し、「新規追加」ボタンをクリックします。

これにより、カスタマイズの準備ができた新しい検索フォームが作成されます。

例えば、レビューサイトを運営している場合、製品レビュー投稿を検索し、ブログ投稿やメディアなどの他のコンテンツを無視するフォームを作成することができます。これにより、訪問者は探しているものをより速く見つけることができます。

次に、「検索フォーム1」の横にある小さな鉛筆アイコンをクリックして、フォームに一意の名前を付けることができます。

次の画面で、カスタム検索フォームの名前を入力できます。

これは参照用ですので、WordPressダッシュボードでフォームを識別するのに役立つものであれば何でも使用できます。

その後、「レイアウトテーマ」のサムネイルを使用してレイアウトを選択できます。

これらのレイアウトの中には、特定の検索フォーム用に設計されているものもあります。たとえば、WordPressでカテゴリ別に検索するフォームを作成した場合、「カテゴリ検索」にはすでに必要な設定の多くが含まれています。

このフォームがウェブサイトでどのように表示されるかのプレビューを確認するには、さまざまなテーマをクリックするだけです。決定したら、「カスタムスタイリング」セクションまでスクロールしましょう。

表示される設定は、テーマのレイアウトによって異なる場合があります。たとえば、「クイック検索」を選択した場合、「クイック検索」設定がデフォルトで有効になります。

トグルを使用してさまざまなオプションを無効化および有効化できます。変更を加えるとプレビューが自動的に更新されるため、ウェブサイトに最適なものがわかります。

レイアウトや作成したいフォームの種類によっては、「カスタムスタイリング」設定の一部を有効または無効にする必要がある場合があります。たとえば、カテゴリで検索するフォームを作成したい場合は、「カテゴリ検索」トグルをクリックして有効にします。

また、「エンジン」メニューで、以前に作成したカスタム検索エンジンを選択していることを確認してください。「結果ページ」については、デフォルトのWordPressバージョンを使用するか、カスタム検索結果ページを作成することができます。

デフォルトでは、SearchWPはWordPressウェブサイトのすべてのメディア、ページ、投稿を検索します。カスタム投稿タイプを作成した場合は、「検索タイプ」フィールドを使用して検索結果に含めることができます。

含めたい各カスタム投稿タイプを単純に入力します。適切なカスタム投稿タイプが表示されたら、クリックして検索に追加します。

検索結果からページ、投稿、またはメディアを除外したい場合は、「検索タイプ」フィールドの「メディア」、「ページ」、または「投稿」の横にある小さな「X」をクリックするだけです。

その後、「カテゴリを選択」フィールドを見つけて、検索結果に含めたい各カテゴリを入力します。

例えば、オンラインストアを運営している場合、特定の製品カテゴリを検索するフォームを作成したい場合があります。

WordPressブログの場合、検索フォームに特定のコンテンツカテゴリのみを含めたい場合があります。

デフォルトでは、訪問者が検索クエリを入力する前に、SearchWPは一般的な「キーワードを入力して検索」メッセージを表示します。

「フィールドラベル」に入力することで、これを独自のメッセージに置き換えることができます。

訪問者が著者、投稿タイプ、タグなどの要因を使用して検索結果をフィルタリングできるようにしたい場合は、「高度な検索」トグルをクリックして有効にする必要があります。

その後、「高度な検索フィルター」フィールドまでスクロールできます。

デフォルトでは、SearchWPは訪問者が「著者」、「投稿タイプ」、「タグ」を使用して結果をフィルタリングできるようにします。

これらのフィルターのいずれかを削除するには、その「X」ボタンをクリックするだけです。さらにフィルターを追加したい場合は、フィールドにその名前を入力するだけです。

次に、ドロップダウンに目的のオプションが表示されたら、クリックしてください。

これらの設定で問題がなければ、「フォームのスタイル」セクションに進むことができます。

ここでは、さまざまなフォームスタイルを選択したり、境界線を追加したり、フォントサイズを変更したりできます。

「ボタンのスタイル」の下で、フォームに表示される「検索」ボタンをカスタマイズできます。

フォームの外観と動作を変更するために使用できる設定は他にもあります。ただし、高度なカスタム検索フォームを作成するために必要なのはこれだけです。

フォームの設定が完了したら、画面上部までスクロールして「保存」をクリックし、設定を保存します。

よりユニークな設定を持つカスタム検索フォームをさらに作成するには、上記で説明したのと同じプロセスを繰り返すだけです。

ステップ3: カスタム検索フォームをWordPressサイトに追加する

「検索フォーム」ブロックを使用して、任意のページ、投稿、またはウィジェット対応エリアに高度な検索フォームを追加できます。

例として、投稿に検索フォームを追加する方法を見てみましょう。

単に投稿をWordPressコンテンツエディターで開き、「+」アイコンをクリックします。次に、「Search Form」と入力します。

目的のブロックが表示されたら、クリックして選択します。

「フォームを選択」ドロップダウンを開き、使用したいフォームを選択できるようになりました。

検索フォームを公開する準備ができたら、「更新」または「公開」のいずれかをクリックしてください。

さて、このページまたは投稿にアクセスして、検索フォームが機能していることを確認してください。

詳細については、WordPressの投稿に検索フォームを追加する方法に関するガイドをご覧ください。

ウィジェット対応エリアに検索フォームを追加するには、外観 » ウィジェットに移動する必要があります。ここで、検索フォームを表示したいエリアにある「+」ブロックアイコンをクリックするだけです。

次に、「検索フォーム」と入力しましょう。

適切なブロックが表示されたら、クリックするだけでウィジェット対応エリアに追加できます。

ドロップダウンメニューを開き、使用したい検索フォームを選択できるようになりました。

終了したら、「更新」ボタンをクリックして検索フォームを有効にするのを忘れないでください。

より詳細な手順については、ウィジェットの追加と使用方法に関するガイドを参照してください。

検索フォームをナビゲーションメニューに挿入したい場合は、WordPressメニューに検索バーを追加する方法に関する記事をお読みください。

ボーナスヒント: カスタム WordPress 検索フォームを最適化する 📈

WordPressサイトでカスタム検索フォームを作成する方法がわかったので、ユーザーエクスペリエンスを向上させるための簡単な方法をいくつか見ていきましょう。

オプション1：カスタム検索フォームへのライブAjax検索の追加

多くのオンラインマーケットプレイスやウェブサイトでは、ライブ Ajax 検索が使用されています。これは、ユーザーがカスタムフォームに入力すると、Google のような検索エンジンと同様に、可能な検索結果が自動的に表示されるものです。

Ajaxライブ検索を使用すると、ページをリロードせずに、関連性の高い結果を表示できます。これは、デジタルダウンロードや物理的な商品をオンラインで販売する場合に最適な選択肢となります。なぜなら、買い物客は検索クエリに一致する商品を即座に確認できるからです。

WordPressにAjaxライブ検索を追加する最も簡単な方法は、 SearchWP Live Ajax Lite Searchを使用することです。この無料プラグインは、ウェブサイトにインスタント検索を自動的に追加し、あらゆる WordPressテーマと完全に連携します。

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

有効化すると、デフォルトのWordPress検索フォームは自動的にAjaxライブ検索機能を使用します。サイトにアクセスして検索バーに入力し始めると、インスタント検索が機能しているのがわかります。

詳細な手順については、WordPressサイトにライブAjax検索を追加する方法に関するガイドを参照してください。

オプション2：SearchWPの高度な設定を使用する

次に、ユーザーが探しているものを見つけやすくするために、いくつかの高度な設定を有効にすることをお勧めします。

これを行うには、SearchWP » Settingsに移動し、「General Settings」セクションまでスクロールします。

ここで、以下のいずれかの設定を有効にできます。

• 部分一致。 この設定を有効にすると、SearchWPは訪問者の検索クエリと完全に一致しない結果を表示します。これはあいまい検索としても知られています。
• 最も近い一致。 部分一致を有効にした後、検索結果がない場合に最も近い一致を表示することもできます。
• 「引用符付き」検索。 これにより、訪問者は引用符を使用して正確なフレーズを検索できます。
• 用語をハイライト表示します。 検索用語を自動的にハイライト表示し、訪問者が探しているものを見つけやすくします。

オプション 3: 検索結果の測定とコンバージョンの改善

ウェブサイトの検索を微調整するために、訪問者が検索機能をどのように利用しているかを監視することをお勧めします。

これにより、WordPressブログで何が機能していて何が機能していないかを確認できるため、サイトの検索を常に改善し、訪問者が探しているものを見つけられるようにすることができます。

このデータは、訪問者がすでに探しているコンテンツを示すことで、ブログ投稿のアイデアを生成するのに役立つことさえあります。

検索履歴と最も人気のある検索用語を表示するには、左側のメニューで「統計」を選択するだけです。

また、詳細を知りたい場合は、検索アナリティクスを表示する方法に関するガイドもあります。

これで完了です！このチュートリアルで、カスタムWordPress検索フォームの作成方法を学べたことを願っています。また、ブログ投稿のコメントを検索可能にする方法やWordPressサイトに音声検索機能を追加する方法に関するガイドも参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。