WordPressのサイト内検索の設置・カスタマイズ 検索結果ページのカスタマイズ
WordPressにはサイト内検索機能があり、検索機能がついていないWordPressサイトにこの機能を新設したり、検索パターンを追加したりすることができます。同時にサイト内検索による検索結果ページをカスタマイズすることも可能です。
京都のホームページ制作会社 株式会社ファンフェアファンファーレでは、WordPressで制作されたウェブサイト・ホームページのカスタマイズサービスとして、このWordPress検索機能の追加やカスタマイズを含めましたWordPressテーマ（テンプレート）やプラグインのカスタマイズサービスを提供しております。
このページでは、WordPressのカスタマイズサービスのうち、「WordPressのサイト内検索の設置・カスタマイズ 検索結果ページのカスタマイズ」について掲載しております。WordPressテーマをカスタマイズすることで、サイト内検索の検索結果ページの表示形式・表示件数を変更したり、チェックボックスによる絞込などによる条件検索機能を実装することができます。また、サイト内検索機能が設置されていない場合は、検索機能を付け加えて新規設置することができます。
弊社では、WordPressテーマファイルの編集によるWordPressサイトへのサイト内検索の設置・カスタマイズ 検索結果ページのカスタマイズをはじめ、お客さまのニーズに合わせたWordPressのカスタマイズを手がけております。
「WordPressサイトに検索機能を設置したい」
「WordPressサイトで『サイト内検索』を行ったときの検索結果ページの表示形式を変更したい」
「検索結果ページに表示する件数を変更したい」
「チェックボックスの利用などサイト内検索で様々な条件検索を行えるようにしたい」
といったご要望をお持ちの方に、WordPressの検索に関するファイルを編集することで、WordPressサイトに「検索機能」を付加したり、WordPressサイトの検索結果ページの表示形式・表示件数を変更したり、「チェックボックス」による絞込など、「条件検索機能」を実装したりと、各種WordPressのサイト内検索、検索結果ページのカスタマイズにご対応可能です。
WordPressのカスタマイズのうち、WordPressの「サイト内検索」の設置・カスタマイズや「検索結果ページ」に関するカスタマイズについてご紹介します。
WordPressのサイト内検索機能
WordPress（ワードプレス）には、サイト内検索機能がついています。
サイト内検索は、入力ボックスにキーワードを入力し、検索を実行することで、キーワードを含むページを一覧表示する機能です。
サイト内検索が設置されていないWordPressサイトもありますが、WordPressテーマやWordPressの操作により、このサイト内検索機能を新たに設置することも可能です。
また、様々な検索条件を設定して検索する事ができるように検索機能をカスタマイズすることもできます。
WordPressにはカテゴリーやタグといった投稿に関する分類を行える機能がありますが、WordPress内のページ数が多くなってきたときは、こうした条件検索によって過去に投稿したページや深い階層にある固定ページなどを探しだす機能が便利になるケースがあります。
サイト内検索の設置
WordPress サイト内検索
WordPressの基本的なサイト内検索はキーワード検索です。キーワード入力ボックスに検索キーワードを入力して検索実行することで、検索結果ページに該当ページがリスト表示されます。
WordPressサイトにこうしたサイト内検索を新規設置することはもちろん、検索機能にチェックボックスなどの機能を付加するにより、様々な検索条件をつけて検索する機能を実装するカスタマイズも可能です。
サイト内検索のカスタマイズ
一般的なWordPressのサイト内検索機能は、キーワード検索になりますが、「エリア」や「価格帯」など様々な条件を付けながら検索することもWordPressカスタマイズによって可能になります。
たくさんのコンテンツページを持つWordPressサイトではこうした機能を実装することによって、ユーザーが目的のページを発見しやすくなるというメリットがあります。
地域情報サイトや求人サイト、不動産情報サイトなどをWordPressで制作してこうした条件検索を導入することで、理想的な情報サイトを作り上げることもできます。
検索ボックスのWebデザイン変更
既にWordPressサイトに検索機能が実装されている場合でも、検索ボックスのWebデザインは、WordPressテーマに依存しています。
こうしたサイト内検索ボックスや検索実行ボタンの表示の仕方を変更するためにはWordPressテーマを修正してカスタマイズする必要があります。
検索ボックスであることをわかりやすくするために入力フォームのボーダーデザインを変更したり、検索実行ボタンをオリジナルのものにすることもできます。
WordPressのサイト内検索結果ページ
WordPressサイトがサイト内検索に対応している場合、WordPressのサイト内検索結果ページは、他のアーカイブページと同様のリストパターンで検索結果が表示されます。
一般的に投稿や固定ページのタイトルや公開日時、抜粋文、そしてそのページへのテキストリンクなどが表示されます。
WordPressテーマのアーカイブページの仕様により検索結果リストを全文表示したりするタイプのものもあり、見栄えとして「一覧性」が保たれていないテーマも存在します。
検索結果ページの一覧性 一覧に表示される内容（抜粋文/全文）
検索結果ページとしては、ページタイトルと抜粋文でも十分に検索結果としてふさわしいイメージがありますが、WordPressテーマのアーカイブ系ページの仕様が、コンテンツ本文を全て表示するタイプだった場合、検索結果の数によっては非常に縦に長い検索結果ページになってしまいます。
サイト内検索による検索結果が全文表示される場合には、検索結果に該当するページの全文が表示されてしまうため一覧性が下がります。大量の情報が表示されるため、検索結果から目的のページを探す場合には、手間がかかり利便性が保たれません。
こうした場合に、検索結果リストを本文抜粋表示やタイトルのみの表示などにすることで、一覧性を確保し、「検索機能」としての利便性を確保する事ができます。
WordPressのサイト内検索の結果を一覧表示
WordPressサイト 検索結果ページ
WordPressサイトに検索機能を付けて検索を実行すると、検索結果一覧を表示するアーカイブ系のページが表示されます。
表示件数については、特段特殊な設定をしていない限りはWordPress管理画面の「設定」→「表示設定」による「1ページに表示する最大投稿数」の設定が反映されます。
カテゴリーページやタグページといった他のアーカイブページと異なる表示件数にしたり、検索結果ページだけリストの表示項目を変更するカスタマイズも可能です。
サイト内検索のUXが直帰率と滞在時間に与える影響
Webマーケティングにおいて、サイト内検索を利用するユーザーは、利用しないユーザーに比べて「目的意識が高い」というデータがあります。彼らは明確に知りたい情報があり、それを能動的に探そうとしています。
しかし、標準のWordPressの検索結果ページは、単にキーワードを含む記事を時系列順に並べるだけの簡素なものが多く、ユーザーが求める情報に即座に辿り着けないケースが散見されます。
検索結果が見にくい、あるいはノイズが多いと感じた瞬間、ユーザーは離脱します。これを防ぐためには、検索結果ページを「第2のトップページ」として捉え、UI/UXを徹底的に作り込む必要があります。検索意図に合わせたレイアウト変更、関連情報のサジェスト、視認性の高いハイライト表示など、微細なインタラクションの積み重ねが、最終的なCVR（コンバージョンレート）の向上に寄与します。
search.php テンプレート階層とクエリの最適化
技術的な側面から、WordPressの検索結果表示の仕組みを見てみましょう。検索結果は主にテーマ内の search.php テンプレートファイルによって生成されます。
プロフェッショナルとしてまず着手するのは、メインクエリの挙動を制御する pre_get_posts フックの活用です。デフォルトでは、投稿、固定ページ、カスタム投稿タイプの全てが検索対象になることがありますが、これは必ずしも最適とは言えません。
例えば、「商品情報」を探しているユーザーに対して、「ブログ記事」や「会社概要」が検索結果に混ざり込むことはノイズになります。$query->is_search() の条件分岐の中で、$query->set(‘post_type’, ‘products’) のように検索対象を明示的に限定することで、ユーザーが求める情報純度を高めることができます。
また、検索パフォーマンスの観点からも、データベースへの負荷を考慮する必要があります。WordPressのデフォルト検索はMySQLの LIKE 演算子を使用するため、記事数が数万件を超えると検索速度が低下する恐れがあります。私たちは、インデックス設計の見直しや、場合によってはElasticsearchなどの全文検索エンジンの導入も視野に入れ、ミリ秒単位のレスポンス改善を目指します。
検索精度の向上と重み付けアルゴリズム
標準の検索機能の最大の弱点は、「関連度（Relevance）」の低さです。単純に新しい順に並ぶだけでは、古いけれど重要な記事が埋もれてしまいます。
これを解消するために、検索アルゴリズムに「重み付け」のロジックを導入します。例えば、タイトルにキーワードが含まれている場合は評価を高くし、本文のみに含まれている場合は低く評価するといった具合です。
さらに高度なカスタマイズでは、カスタムフィールドの値も検索対象に含め、その重要度をコントロールします。ECサイトであれば「在庫あり」の商品を上位に表示したり、不動産サイトであれば「新着物件」を優先したりと、事業のKPIに合わせた検索ロジックを構築します。これはプラグインだけで完結させるのは難しく、PHPによる独自のクエリ構築が必要となる領域です。
検索結果ページにおけるNoindexとクロールバジェット
SEOの観点において、検索結果ページの扱いは非常にデリケートです。Googleは、検索結果ページ自体がインデックスされることを推奨していません（Search results guidelines）。
なぜなら、ユーザーがGoogle検索からサイトに流入し、さらにサイト内の検索結果ページに着地するという体験は、検索の二度手間になるからです。また、無限に生成される可能性のある検索結果ページを全てクロールさせることは、貴重なクロールバジェットの浪費につながります。
そのため、search.php のヘッダーには <meta name=”robots” content=”noindex, follow” /> を出力するように制御します。これにより、Googleのインデックスを汚染することなく、内部リンクとしての価値だけをサイト全体に行き渡らせる構造を作ります。こうしたSEOの内部対策は、表には見えませんが、サイト全体の評価を守る防波堤として機能します。
検索キーワードの可視化とマーケティングデータへの活用
ユーザーが検索ボックスに入力したキーワードは、彼らの「悩み」や「欲望」そのものです。このデータを取得・分析することは、Webマーケティングにおいて宝の山を掘り当てるようなものです。
Googleアナリティクス（GA4）と連携し、サイト内検索のキーワードを計測できるように設定することは基本です。さらに進んで、検索結果が「0件（ヒットなし）」だったキーワードを抽出する仕組みを構築します。
「0件ヒット」のキーワードは、ユーザーが求めているのに自社サイトに存在しないコンテンツを示しています。つまり、次に作成すべきコンテンツのヒントがそこにあります。私たちは、検索結果ページに単に「見つかりませんでした」と表示するだけでなく、「お探しの情報が見つからない場合はお問い合わせください」といったCTA（Call To Action）を動的に配置し、機会損失を最小限に抑える設計を行います。
絞り込み検索（ファセット検索）の実装とUI設計
情報量が多いサイトでは、単一のキーワード入力だけでは不十分です。カテゴリー、タグ、価格帯、日付などで結果を絞り込む「ファセット検索」の実装が求められます。
この実装において重要なのは、動的なページ遷移を伴わない非同期通信（Ajax）の活用です。チェックボックスをクリックするたびにページ全体をリロードしていては、ユーザーの思考が分断されます。JavaScriptを用いて、裏側でAPIと通信し、検索結果部分だけを瞬時に書き換える実装を行うことで、アプリのような快適な操作感を提供します。
また、モバイル端末（スマートフォン）での検索UIも重要です。画面領域が限られている中で、どのように絞り込みパネルを表示させるか、アコーディオンメニューやモーダルウィンドウを駆使し、指一本で直感的に操作できるUIを設計します。Googleのモバイルファーストインデックス（MFI）を考慮した、レスポンシブかつ高機能な検索体験を構築します。
ハイライト機能と抜粋文の最適化
検索結果一覧において、ユーザーは「自分の入力したキーワードがどこに含まれているか」を瞬時に判断しようとします。
ここで役立つのが、検索キーワードのハイライト表示（Highlighting）です。タイトルや抜粋文に含まれるキーワードを <strong> タグや <span class=”highlight”> で囲み、視覚的に強調します。これにより、ユーザーはスキャニング（流し読み）の段階で自分に関係のある記事を見つけやすくなります。
また、抜粋文（Excerpt）の生成ロジックもカスタマイズします。単に冒頭の文字を切り出すのではなく、検索キーワードの前後を含んだ文脈のある抜粋を表示させることで、クリックする前に記事の内容を予測できるようにします。これはGoogleの検索結果画面（SERPs）のスニペットと同様の考え方であり、内部回遊率を高めるための鉄則です。
検索結果ページのカスタマイズ
WordPressサイトの検索結果ページにつきましても、他のアーカイブページと同様、WordPressテーマファイルをカスタマイズすることで、独自の「検索結果ページ」を表示させることができます。
ページの全文表示から「抜粋とリンクの表示」へと変更したり、「検索結果件数」や、「検索キーワード」の表示など、他のアーカイブページと異なった検索結果ページ独自の情報の表示など、様々なカスタマイズを行うことができます。
WordPressの検索結果ページのカスタマイズは、単なる機能追加ではなく、サイト全体のユーザビリティとコンバージョン率を底上げするための戦略的な投資です。
ユーザーが能動的に情報を探そうとしたその瞬間に、最高の結果と体験を提供できるかどうか。それが、選ばれるWebサイトとそうでないサイトの分かれ道になります。
検索窓を設置するだけでなく、その裏側にあるロジック、データベース、UI、そしてSEOへの影響までを総合的に設計し、あなたの事業に最適な検索環境を構築します。標準機能の限界を感じている方、より高度な検索体験をユーザーに提供したい方は、ぜひご相談ください。
検索結果ページに関しましても、WordPressテーマ自体のテーマファイルの編集・カスタマイズにより、ご希望に合わせた自由度の高いページへとカスタマイズすることができます。
WordPressサイトのサイト内検索の新規設置やカスタマイズ、検索結果ページのカスタマイズをお求めの場合は、ぜひ弊社までお問い合わせください。
