WordPress検索にあいまいタクソノミーフィルターを追加する方法

デフォルトのWordPress検索では、訪問者に絞り込み方法のない長い投稿リストが表示されます。

カテゴリ、タグ、または投稿タイプで絞り込めない場合、ほとんどの人は諦めてGoogleに戻ってしまいます。

WordPress検索にAjaxタクソノミーフィルターを追加すると、それが解決されます。訪問者はカテゴリ、タグ、カスタムフィールド、または投稿タイプで結果を即座に絞り込むことができ、よりユーザーフレンドリーなエクスペリエンスにつながります。

このガイドでは、WordPressサイトにAjaxタクソノミーフィルターを追加する方法を説明します。最終的には、訪問者に高速で直感的な検索エクスペリエンスを提供できるようになります。

WordPress検索でAjaxタクソノミーフィルターを使用する理由

Ajaxを利用した検索は、デフォルトのWordPress検索機能よりも高速で、優れたユーザーエクスペリエンスを提供します。Ajaxとは、ページ全体をリロードすることなく、結果がリアルタイムでページ上に更新されることを意味します。

たとえば、自動車販売店のウェブサイトでは、車両タイプ、価格帯、モデルなどのカスタムタクソノミーがある場合があります。Ajaxフィルターを使用すると、訪問者はページをリロードすることなく、オプションをすばやく絞り込んで必要なものを正確に見つけることができます。

同様のフィルターを独自のWordPressサイトに追加して、ナビゲーションを改善し、ユーザーがコンテンツを簡単に見つけられるようにすることができます。

舞台裏では、WordPressのタクソノミー（カテゴリやタグなど）により、サイト所有者はコンテンツを構造化された方法で整理しやすくなります。

しかし、デフォルトのWordPress検索はそれほど強力ではなく、他のものの中でも、タクソノミーに基づいてコンテンツをフィルターする機能を提供していません。サイトでカスタムタクソノミーを使用している場合、デフォルトの検索パフォーマンスはさらに低下します。

ここで、WordPressプラグインの助けが必要になります。次のセクションでは、WordPress検索にAjaxタクソノミーフィルターを追加する方法について、2つの方法を説明します。

最初のアプローチはWordPress検索アルゴリズム自体を改善し、検索結果にタクソノミーを含めるようにします。2番目のアプローチは、最初のアプローチとネイティブに統合される表示可能なAjaxフィルターUIを追加し、訪問者がクリックで結果を絞り込めるようにします。

下のリンクをクリックするだけで、お好みのセクションにジャンプできます。

準備はいいですか？始めましょう。

方法1：SearchWPを使用してWordPress検索にAjaxタクソノミーを追加する

WordPressの検索にAjax分類を追加する最も簡単な方法は、SearchWPを使用することです。これはWordPress向けの最高の検索プラグインであり、ユーザーがウェブサイトで探しているものを簡単に見つけることができます。

これは、ブログの投稿やページのコンテンツだけでなく、さまざまなものを検索する機能を超えています。SearchWPは、カスタムフィールド、分類、WooCommerce製品属性、テキストファイル、カスタムテーブルなどを利用します。

プラグインの詳細については、当社の包括的なSearchWPレビューをご覧ください。

ステップ1：SearchWPにサインアップする

まず、SearchWPのウェブサイトにアクセスしてアカウントにサインアップしましょう。スタンダードプラン（年間99ドル、1サイト）で、この方法に必要なすべてがカバーされます。

フロントエンドフィルターUI（以下の方法2ではSearchWP製のWPFiltersを使用）を追加する予定の場合は、オールアクセスバンドル（年間399ドル）に両方のプラグインが含まれており、別々に購入するよりもお得です。

その後、プラグインをダウンロードしてサイトにインストールできます。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドを参照してください。

有効化したら、WordPress管理画面からSearchWP » 設定に移動する必要があります。ここで、アカウントエリアで簡単に見つけられるライセンスキーを入力するだけです。

ステップ2：検索アルゴリズムを作成する

次に、WordPressダッシュボードからSearchWP » Algorithmに移動します。

ここから、ウェブサイトの検索関連性を編集できます。たとえば、タイトル、コンテンツ、スラッグ、抜粋の重みを増やすことで、ユーザーが探しているものを見つけやすくすることができます。

検索関連性にタクソノミーを追加するには、「属性の追加/削除」ボタンをクリックします。

新しいウィンドウが開きます。

「分類」ドロップダウンメニューをクリックして、WordPressの検索にカテゴリ、タグ、フォーマット、またはそれらすべてを含めるかどうかを選択できます。

タクソノミーを選択した後、「完了」ボタンをクリックすることを忘れないでください。

これで、WordPressのブログ投稿検索アルゴリズムの分類が表示されるはずです。スライダーを使用して、WordPress検索での関連性を高めることができます。

「ルールを編集」ボタンをクリックして、検索結果に表示できるコンテンツと表示できないコンテンツを決定することもできます。

例えば、SearchWPはウェブサイト上のすべてのカテゴリを含みます。コンテンツを表示したくないカテゴリを削除したり、検索結果をカスタマイズするために複数の条件を追加したりできます。

完了したら、「完了」ボタンをクリックすることを忘れないでください。

これで、SearchWPに表示されるページ、メディアファイル、WooCommerce製品などの検索アルゴリズムを編集できます。

これで、訪問者がサイトのページや投稿を検索するたびに、SearchWPは検索プロセスにタクソノミーを含めるようになります。

方法2：WPFiltersでフロントエンドフィルターUIを追加する

方法1は、バックエンドでWordPressの検索アルゴリズムをタクソノミー対応にしました。方法2は、フロントエンドで訪問者が操作する表示可能なフィルターUIを追加します。

WPFiltersは、自然な組み合わせです。同じSearchWPチームによって構築されており、すぐにSearchWPと統合されます。ドラッグアンドドロップビルダーが付属しているため、コードに触れることなく、チェックボックス、ドロップダウン、スライダー、検索フィルターを設定できます。また、Advanced Custom Fieldsとカスタム投稿タイプもサポートしているため、サイトでカスタムコンテンツを構築している場合に最適です。

WPFilters要素を検索結果のサイドバー（または検索結果ページに表示される任意のウィジェットエリア）に配置すると、訪問者はページのリロードなしで、リアルタイムでSearchWPの結果を絞り込むことができます。

詳細については、WPFiltersの全レビューをご覧ください。

ステップ1：WPFiltersプラグインのインストール

開始するには、SearchWPのウェブサイトでWPFiltersアカウントを作成する必要があります。WPFiltersはSearchWPのチームによって開発されているため、方法1で完了したSearchWPの設定とネイティブに統合されます。

方法1でSearchWPオールアクセスバンドルを購入した場合、WPFiltersはすでにサブスクリプションに含まれています。SearchWPアカウントエリアからWPFilters ZIPをダウンロードし、ステップ2に進んでください。

それ以外の場合は、WPFilters製品ページの「今すぐWPFiltersを入手」ボタンをクリックし、プランを選択してチェックアウトプロセスを完了してください。スタンダードプラン（年間49ドル、1サイト）で、このチュートリアルに必要なすべてがカバーされます。

サインアップ後、プラグインZIPファイルをコンピューターにダウンロードし、ライセンスキーをコピーします。

次に、プラグインをWordPressサイトにインストールして有効化します。

WordPress管理画面で、プラグイン » 新規追加に移動します。

次に、「プラグインのアップロード」ボタンをクリックできます。

ファイルアップローダーで、「ファイルの選択」ボタンをクリックしてコンピューターからWPFilters zipファイルをアップロードします。「今すぐインストール」をクリックし、次に表示されたら「有効化」をクリックしてインストールを完了します。

詳細については、WordPressプラグインのインストール方法に関する初心者向けガイドを参照してください。

プラグインがアクティブになると、WPFilters がセットアップウィザードを通じて初期設定を完了するよう案内します。フィルターの構築を開始する前にプラグインの準備が整うように、各ステップを注意深く実行することをお勧めします。

それが完了したら、「保存して完了」をクリックできます。

ステップ2：Ajaxタクソノミーフィルターの設定

これで、最初のフィルターを作成する時間です。

WordPress ダッシュボードから WPFilters » Elements に移動し、「新規追加」をクリックして新しいフィルター要素を作成します。

フィルター要素に名前を付けるように求められます。

後で識別するのに役立つ、わかりやすい名前を選択してください。例：「カテゴリーフィルター」または「製品タイプフィルター」などです。

次に、フィルタータイプを選択する必要があります。

WPFilters には、次のようないくつかの表示オプションがあります。

• チェックボックス – ユーザーが一度に複数のオプションを選択できるようにするのに適しています
• ラジオボタン – ユーザーに 1 つのオプションのみを選択してもらいたい場合に最適です
• ドロップダウン – 多くのフィルター選択肢がある場合に適したコンパクトなオプションです
• ドロップダウン（複数選択） – ユーザーが単一のドロップダウンリストから複数のオプションを選択できるようにします
• 検索 – ユーザーが必要なものをすばやく見つけられるように、検索ボックスを追加します
• スライダー – 価格やその他の数値など、範囲の選択に最適です
• リセットボタン – ユーザーがワンクリックで適用されたすべてのフィルターをクリアできるようにします

このチュートリアルでは、チェックボックスフィルタータイプを使用します。これは、ユーザーが複数のカテゴリまたはタグを同時に選択できるためです。検索を絞り込む際に最も柔軟性があります。

他のフィルタータイプは、さまざまなジョブに適しています。価格範囲や数値にはスライダー、10以上のタームがあり縦スペースがタイトな場合はドロップダウン、並べ替え順序のような単一値の属性にはラジオボタン、視覚的にスキャンするにはタームが多すぎる場合は検索を使用します。

フィルタータイプに満足したら、下へスクロールして「データソース」セクションに進みます。ここで、フィルターをサイト上の実際のタクソノミーに接続します。

WordPress サイトで利用可能なタクソノミーから選択できます。たとえば、次のとおりです。

• カテゴリ – デフォルトの WordPress コンテンツカテゴリ
• タグ – デフォルトの WordPress タグ
• カスタムタクソノミー – サイト用に作成したカスタムタクソノミー

ここで、訪問者にとって最も理にかなるタクソノミーについて考える時間を取ることをお勧めします。適切なものを選択すると、サイトを閲覧している人々にとってフィルターがはるかに便利で直感的になります。

ステップ3：フィルター要素のカスタマイズ

フィルターを設定し、タクソノミーに接続したので、サイトでの表示方法と動作方法をカスタマイズする時間です。WPFilters は、フィルターをサイトのデザインや訪問者のニーズに合わせるのに役立つ、幅広い表示オプションを提供します。

「コンテナ」セクションには、次のようなオプションがあります。

• 表示タイトル – フィルターの上にヘッダーを表示し、訪問者に何でフィルタリングしているかを知らせます
• 折りたたみ可能な要素 – 訪問者がフィルターを展開または折りたたむことができます。これは、1ページに複数のフィルターがある場合に便利です
• さらに表示/非表示 – リストが長すぎる場合にリストを折りたたむために「さらに表示」リンクを表示します
• さらに表示後 – 「さらに表示/非表示」を有効にした場合、リンクを表示する前に最初に表示するアイテムの数を指定できます
• 横レイアウト – フィルターオプションを積み重ねるのではなく横に並べて配置します。これは、より広いレイアウトに適しています

オンにしたいものをオンにしてください。

次に、フィルターアイテムの表示方法をカスタマイズできます。たとえば、次のとおりです。

• アイテム数 – 各フィルタータームで利用可能な投稿数を表示するため、訪問者はクリックする前に何が期待できるかを知ることができます。
• 空を表示 – 一致するコンテンツがない分類法タームを表示するかどうかを選択します。
• 階層表示 – 階層表示をオンにすると、読者がコンテンツをナビゲートしやすくなり、ユーザーエクスペリエンスを向上させることができます。

画面に表示される内容は次のとおりです。

設定に満足したら、「保存」をクリックしてフィルター構成を保存します。

その後、フィルター要素はWordPressサイトの任意の投稿またはページに追加できるようになります。

別のWPFilters要素を作成したい場合は、プロセスを繰り返すだけです。

ステップ4：WordPressへのフィルターの埋め込み

フィルター要素が保存されたので、訪問者が実際に使用できるようにサイトに追加する時期です。

方法1で設定したSearchWP + WPFiltersの組み合わせの場合、最も便利な配置は検索結果ページのサイドバーウィジェットです。そこではSearchWPの結果が表示され、訪問者がクリックするとフィルターがリアルタイムで絞り込まれます。

WPFiltersには3つの配置オプションがあります。

• サイドバーウィジェット（検索結果のフィルタリングに推奨） – 検索結果ページを含む、サイドバーを使用するすべてのページに表示されます。
• Gutenbergブロック – 特定のページにフィルターを配置します（カテゴリ別閲覧などのフィルター付きアーカイブページも必要な場合に適しています）。
• ショートコード – ページビルダーやクラシックウィジェットなど、ショートコードがサポートされている場所に貼り付けます。

フィルターをサイドバーに追加するには、管理エリアの外観 » ウィジェットに移動します。

ここから、利用可能なウィジェットエリアのリストで、テーマのサイドバー（例：プライマリサイドバーまたは検索サイドバー）を探します。クリックして展開し、既存のウィジェットを表示します。

次に、プラスアイコンをクリックして新しいウィジェットを追加し、WPFilters Elementウィジェットを追加します。

要素設定パネルで、ドロップダウンメニューからフィルターを選択します。

より多くのフィルタリングオプションを提供したい場合は、複数のフィルターウィジェットを追加できます（タクソノミーごとに1つのウィジェットがうまく機能します。例：カテゴリフィルターとタグフィルターを並べて表示）。

フィルターを選択したら、「更新」または「公開」をクリックして変更を保存します。

これで、Ajaxタクソノミーフィルターが検索結果ページのサイドバーに表示され、訪問者はリアルタイムでSearchWPの結果を絞り込むことができます。

ボーナスのヒント: SearchWPでできること

Ajaxタクソノミーフィルタリングを追加したら、SearchWPを使用してWordPress検索を改善する方法はさらにあります。チェックする価値のある追加機能がいくつかあります。

🌫️より良いマッチングのためにあいまい検索を使用する

デフォルトでは、WordPressの検索は完全一致のみを検索します。つまり、訪問者が単語をスペルミスしたり、わずかに異なるフレーズを使用したりした場合、探しているものを見つけられない可能性があります。

あいまい検索は、タイポや類似の単語形式を拾うように、十分に近い結果を表示することでその問題を解決します。WordPressの検索をよりスマートにカスタマイズする簡単な方法です。

詳細については、WordPressにあいまい検索を追加する方法に関するガイドをご覧ください。

📄 PDFファイルを検索可能にする

マニュアル、電子書籍、パンフレットなどのPDFをサイトで共有している場合、SearchWPはそのファイル内のコンテンツをインデックス化できます。これは、誰かが検索バーを使用したときに、ファイルタイトルだけでなく、PDF内に書かれている内容も検索結果に含まれることを意味します。

特にビジネスサイト、リソースが多いブログ、さらには学校に役立ちます。

WordPressにPDFのインデックス作成と検索を追加する方法に関するガイドで詳細をご覧ください。

🛍️ WooCommerceの商品検索を改善する

オンラインストアを実行している場合でも、SearchWPは製品検索をアップグレードできます。

WooCommerceのデフォルトの検索に頼る代わりに、タイトル、カテゴリ、タグ、さらにはカスタムフィールドを優先する、よりスマートな製品検索を作成できます。これにより、顧客は適切な製品をより速く見つけることができ、より多くの売上につながる可能性があります。

スマートなWooCommerce製品検索を作成する方法に関するガイドをご覧ください。

さらに多くのヒントやコツについては、SearchWPでWordPress検索を改善する方法に関するガイドをご覧ください。

WordPressのAjaxタクソノミーフィルターに関するよくある質問

終わりに、WordPressにAjaxタクソノミーフィルターを追加することについて、読者からよく寄せられる質問をいくつか紹介します。

WordPressでAjaxフィルターを追加するためにコーディングスキルは必要ですか？

いいえ、コーディングスキルは必要ありません。上記のどちらの方法もコードなしで機能します。 SearchWPは設定パネルから設定され、WPFiltersはドラッグアンドドロップビルダーとGutenbergブロックまたはウィジェットを使用します。

SearchWPとWPFiltersの両方が必要ですか、それともどちらか一方だけを使用できますか？

それらは異なる役割を果たします。SearchWPはWordPressの検索エンジン自体をバックエンドでタクソノミー対応にします。WPFiltersはフロントエンドに表示されるフィルターUIを追加します。より良い検索結果だけが必要な場合はSearchWPのみを使用できます。または、完全なAjaxフィルタリング体験のために両方を組み合わせることができます。All Accessバンドルには両方が含まれており、単一の価格です。

WooCommerce製品にタクソノミーフィルターを使用できますか？

はい、タクソノミーフィルターはWooCommerceストアに最適です。顧客はカテゴリ、タグ、属性（サイズや色など）などで製品をフィルタリングできます。これは、大規模なeコマースサイトでのフィルタリング体験に似ています。

Ajaxフィルタリングと通常のフィルタリングの違いは何ですか？

Ajaxフィルタリングでは、ページをリフレッシュせずに結果が即座に更新されます。通常のフィルタリングでは、ユーザーがオプションを選択するたびにページ全体が再読み込みされ、遅く感じられる可能性があります。

Ajaxフィルターを追加すると、ウェブサイトが遅くなりますか？

いいえ、必ずしもそうではありません。ほとんどの場合、Ajaxフィルターは、ページ全体をリフレッシュするのではなく、フィルタリングされた結果のみをロードすることでユーザーエクスペリエンスを向上させます。最適化されたプラグインを使用していることを確認してください。

高度な検索とフィルターでWordPressサイトを改善する

この記事が、サイトのWordPress検索にAjax搭載タクソノミーフィルターを追加するのに役立ったことを願っています。

次に、以下のガイドも確認することをお勧めします。

• WordPressでユーザーが投稿やページをフィルターできるようにする方法
• WordPressでフィルター可能なポートフォリオを作成する方法
• WooCommerce製品フィルターの設定方法
• WordPressの検索が機能しない場合の対処法
• WordPressで検索アナリティクスを表示する方法

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