ブログにGoogleカスタム検索を設定・設置する方法

ブログのサイドバーに「Googleカスタム検索」の検索ボックスを設置したので、基本的な設定・設置方法を備忘録も兼ねてまとめた記事です。

Googleカスタム検索とは

「Googleカスタム検索」は、対象のサイトや検索結果ページをカスタマイズしたGoogle検索エンジンを作ったり、自サイトに追加・設置できるサービス。

Googleの検索エンジンなら、キーワードが完全に一致していなくても「もしかして：～～」で候補を上げてくれたり、「画像検索」も簡単に設置できる。

また、「Google Adsense」と連携することで、検索結果ページに表示される広告で収益化することも可能。

今回は、検索対象を自サイトのみに限定した検索ボックスを設置して「サイト内検索」として利用する際の主な設定方法をまとめました。

まずは、Googleカスタム検索のページにアクセス。Googleアカウントが無い場合は作成。

メニュー上部の「新しい検索エンジン」から、作成する検索エンジンの基本情報を入力する

検索するサイト：自サイトのトップページアドレス
- 独自ドメイン：「example.com」など
- サブドメイン：「～～.example.com」
- サブディレクトリ：「example.com/～～/」
言語：日本語でOK
検索エンジンの名前：分類用の名前。サイト名など適当でOK

上記の設定は後からでも変更・編集できるでテキトーに済ませて大丈夫です。

新しい検索エンジンを使ったら、メニュー左側の「設定/デザイン/検索機能」などから各種設定を進める。

一般的な個人ブログの場合に、メニュー「設定」においてカスタマイズが必要となるのは「基本/広告」タブの2箇所。

検索するサイトがGoogleの検索エンジンにインデックス登録されている必要があるため、「Google Seach Console」に自サイト(やサイトマップ)を登録しておくと取りこぼしを防げる。

広告設定タブでは「Google Adsense」のアカウントに関連付けることで「検索エンジンの収益化」をオン/オフ選択できる。

オンにすると検索結果に表示される広告をアドセンス広告として収益化できる。

Adsenseページの「検索向け広告→カスタム検索エンジン」でも、基本設定やカスタムチャネルの設定が可能。

メニューの「デザイン」から、検索結果や検索ボックスなどの「レイアウト/テーマ/サムネイル表示」などの設定をカスタマイズ。

検索結果のデザインをテストする際は、メニュー内のタブを移動したり、保存した上でリロードしないと反映されないことがあった。

レイアウト設定では「ウェブ検索」と「画像検索」の検索結果デザインを選択可能。

検索結果ページに表示されるロゴ画像やリンク、検索ボックス/ボタンなどのデザイン設定が可能。

検索ボックス/ボタンの「枠線/背景色/アイコンの色」などは単順に好みなので省略。

ロゴ：検索結果に表示されるロゴの変更
- ロゴの画像URL：レイアウト設定が「Googleがホスト」なら設定可
- ロゴのリンク：自サイトのトップURLなど
- 例：Google Custom Search
Googleブランド表示：検索ボックスに表示される「Google」表示の有無。あったほうが分かりやすいかも