Googleのカスタム検索でサイト内検索を最適化しよう！

Webサイトのページ数が膨大になってくると、必要になるのがサイト内検索。Googleのカスタム検索を使えば設置が無料で簡単に行えます。そのメリットや設置方法から「どんなカスタマイズができるのか？」という部分まで徹底解説致します！

Googleカスタム検索のメリット

Googleカスタム検索のメリットはたくさんありますが、大きくまとめると以下の３点になります。

①作成・設置が簡単

②カスタマイズの自由度が高い

③アナリティクスと併せるとSEO対策にも効果的

では、それぞれのメリットを詳しく見ていきましょう。

作成や設置が簡単

Googleカスタム検索は必要な情報を入力するだけで作成ができ、設置する時も生成されたコードをご自分のWebサイトに貼り付けるだけ！簡単にGoogleの検索サービスを無料で利用することができるのです。作成と設置方法については、記事の後半にて詳しく解説致します。

カスタマイズの自由度が高い

カスタム検索はその名の通り、サイト内検索のレイアウトやテーマを自分のWebサイトに合わせ、自由にカスタマイズすることができます。カスタマイズ検索はサイトの管理者だけでなく、ユーザーにとっても大切なことです。サイト検索がサイトに適したものになっていれば、それだけ欲しい情報へのアクセスが容易になります。

使いやすいサイト内検索となるよう、カスタマイズの機能をフル活用していきましょう。「具体的にどのようなカスタマイズができるの？」という疑問にも後述でお答えしていきます！

アナリティクスと併せてSEO対策

上記の２点だけでもとても優秀な検索サービスであると言えますが、更にGoogleアナリティクスを組み合わせると効果的なSEO対策が打てるようになります。Googleアナリティクスとは、カスタム検索と同じくGoogleが提供しているサイト分析ツールのことです。こちらもかなりの高機能であるにもかかわらず、無料で使用できます！

アナリティクスとカスタム検索を組み合わせると、

・ユーザーが検索したキーワード

・検索後ユーザーが表示したページ

・検索結果のページビュー数

・再検索の割合

など、サイト内検索を通してユーザーの動向を知ることができます。ユーザーが検索したキーワードが分かれば、そのユーザーが自分のWebサイトに何を求めて訪れたのか、サイトに対する需要も掴めます。また、これらの情報が得られれば、ユーザーがより情報にアクセスしやすいサイトを作る指針にもなり、自分のサイトに足りないものを見つける手がかりにもなるでしょう。分析方法は勉強が必要になりますが、サイトを運営する上で大きなメリットとなることは間違いありません。

カスタム検索の作成方法

Googleカスタム検索の作成するには、まずGoogleアカウントでGoogleにログインし、カスタム検索のページを開きます。ページが開いたら、「追加（またはAdd）」をクリックしてください。
クリックすると下のページが表示されますので、必要な情報を入力していきましょう。

・検索するサイト…検索エンジンを使用したいサイトまたはページのURLを入力

自分のサイト全体を検索したい場合：自分サイトのURL+「/*」(www.example.com/*)
個々のページのみを検索したい場合：そのページのURL (www.example.com/page.html）
サイトの一部を検索したい場合：サイトURL+「/ディレクトリ名/」+「/*」
（www.example.com/docs/*）

・言語…日本語

・検索エンジンの名前…お好きな名前

上記全てを入力した後、「作成」をクリックします。下記のページが開きましたら、無事検索エンジンは作成完了です！

検索エンジンのカスタマイズ

このままでは全てデフォルト設定の検索エンジンとなってしまうので、自分のWebサイトに相応しい検索エンジンになるよう、カスタマイズをしましょう！

レイアウト

レイアウトタブでは、検索ボックスや検索結果をどのように表示するか設定することができます。ご自分のサイトにとって最も使用しやすいものを選びましょう。

オーバーレイ

検索結果がWebサイトの上にかかるように表示されます。こちらがデフォルトの設定になるため、何も設定しなければこの表示形式になります。

２ページ

検索結果が別のページに表示されます。こちらを使用する場合は、あらかじめ検索結果用のHTMLページを作成しておきましょう。

全幅

全幅では検索ボックスのすぐ下に検索結果が表示されます。表示件数は１０件です。

２列

２列表示では、検索ボックスが設置してあるページ内の自分が指定した部分に検索結果を表示させることができます。

コンパクト

コンパクトを選択すると検索ボックスのすぐ下に検索結果が表示されます。全幅とほぼ同じですが、全幅が１０件検索結果を表示するのに対し、コンパクトでは４件のみの表示になります。

テーマ

テーマタブでは、検索エンジン全体のカラーリングを下の６種類の中から設定することができます。ご自分のサイトの雰囲気に合ったものを選びましょう。細かい色の指定は「次のカスタマイズ」からも行うことができます。選択できましたら、「保存」をクリックします。

カスタマイズ

カスタマイズタブでは検索ボタンの色や入力フォームのフォントの種類など、細かい部分まで自分で設定することができます。

全般

全般では入力フォームのフォント・入力フォームの枠線・フォーム全体の背景色を変更することができます。

検索ボックス

検索ボックスの枠線の色を変更することができます。

検索ボタン

この項目では、検索ボタンの枠線・背景・アイコンの色まで細かく指定することができます。

絞り込み

絞り込みを使用する際は、こちらでラベルの色などを設定します。

ブランド非表示

検索ボックス内のGoogleの広告ロゴを非表示にすることができます。

 

カスタマイズの内容が全てOKであれば、「保存」をクリックします。レイアウト・テーマ・カスタマイズの設定が全て保存できましたら、「保存してコードを取得」を押してコードを取得しましょう。

Webサイトへの設置

Webサイトへの設置もとても簡単です！ただし、どのカスタマイズを選んだかで、少し設置工程が変わります。

レイアウト：「２ページ」「２列」以外を選んだ時の設置法

カスタマイズの終わりに、「保存してコードを取得」のボタンを押して頂きましたね。ボタンを押した後、このような画面が表示されていると思います。

表示されたコードをコピーして、自分のWebサイトのHTMLを開き、検索ボックスを設置したい箇所にペーストします。これで設置は完了です。お疲れ様でした！とても簡単でしたね。

レイアウト：「２ページ」or「２列」を選んだ時の設置法

レイアウトのカスタマイズの際、「２ページ」又は「２列」を選択された方は検索ボックスのコードだけでなく、検索結果のコードも取得する必要があります。

２ページを選んだ際の設置方法

まず「保存してコードを取得」のボタンを押した後に出てくる下記の画面をご覧ください。

検索ボックスコードの取得の横にある「検索結果の詳細」をクリックし、「検索結果の詳細を指定」を開いてください。その後、”「検索結果」を表示するページのURL”と”クエリパラメータ”を入力して、保存します。

再び検索ボックスコードの取得画面に戻りますので、表示されたコードをコピーしましょう。自分のWebサイトのHTMLを開き、検索ボックスを設置したい箇所にペーストします。

検索ボックスの設置が終わったら、次は検索結果ページのコードを取得しましょう。「次へ：検索結果コード取得」のボタンをクリックしてください。

そこに表示されたコードをコピーし、検索結果を表示するページのHTMLを開いて、ペーストします。

２列を選んだ際の設置方法

「保存してコードを取得」をクリックすると下記の画面が出てきます。こちらのコードをコピーし、検索ボックスを設置したいページにペーストします。

次に、「次へ：検索結果コードの取得」を押下して、検索結果のコードをコピーし検索ボックスと同じページに貼り付けましたら、設置は完了です。

カスタム検索を活用してより良いサイト運営を

サイト運営で最も大切なのは、サイトを訪れた人たちの立場に立ち、使いやすく見やすいサイトを目指して行くことです。Googleのカスタム検索はその一助となる素敵な検索サービスだと思います。

より良いサイト運営を目指し、分析と工夫を行って行きましょう！