「サイト内検索窓」をホームページに設置する方法

「サイト内検索窓」をホームページに設置する方法をお伝えします。

まず、検索エンジンを使うと、インターネット上に公開されているコンテンツを検索しますよね。でも、「サイト内検索」の場合は、そのホームページの中にあるコンテンツだけを対象にして、検索結果を表示します。

そのため、ページ数の多いホームページを運営している場合は、「サイト内検索窓」を設置した方が良いです。

具体的には、ページ数が100ページくらいを超えるホームページの場合は、「サイト内検索窓」を設置することをおすすめしますね。

なお、「サイト内検索窓」を設置する方法は、いくつかありますが、ここでは、「Google カスタム検索」を使って設置します。

「Google カスタム検索」は、無料で使うことができて、しかも検索の性能が高いので、ぜひ活用していきましょう！

■ 「サイト内検索窓」をホームページに設置する方法の手順

手順１：下記、「Google カスタム検索」のサイトにアクセスする。

・https://cse.google.com/cse/all

Google アカウントでのログインが必要です。

手順２：サイトの左上にある、「新しい検索エンジン」をクリックして、
「検索するサイト」に、ホームページのURLを入力する。

なお、「検索するサイト」に入力するURLは、当サイトであれば、「toretama.jp/*」と入力して、「作成」のボタンを押します。

URLの最後に、「アスタリスク（*）」が必要なので、注意してください。

手順３：「基本」のタブの中にある、「コードを取得」のボタンを
クリックする。

手順４：ソースをコピーして、ホームページに貼り付ける。

ソースが表示されるので、そのソースをコピーして、ホームページ上に貼り付けましょう。なお、貼り付ける場所は、「サイト内検索窓を表示させたい箇所」に貼り付けるようにしてください。

手順５：ホームページ上に、「サイト内検索窓」が表示されることを確認する。

下記のように、ホームページ上に「サイト内検索窓」が表示されることを確認してください。あとは、適当なキーワードで検索をして、検索結果が表示されれば、作業は完了です。

■ ちょっとしたカスタマイズ方法

「Google カスタム検索」は、デザインなどを細かく設定することができます。

具体的には、「Google カスタム検索」のサイトにアクセスして、左側にある「デザイン」をクリックすると、検索窓の色や表示（レイアウト）を、かなり細かく設定できますよ。

あとは、設定を保存して、ソースコードを、ホームページに貼り付けます。

これについては、表示を確認しながら、自分の好みで変更してみてくださいね。
（ただ、デザイン以外は、そのままの設定で使う形で、良いと思います）