「サイト内 検索窓」をホームページに設置する方法をお伝えします。
まず、検索エンジンを使うと、インターネット上に公開されているコンテンツを検索しますよね。
でも、「サイト内 検索」の場合は、そのホームページの中にあるコンテンツだけを対象にして、検索結果を表示します。
そのため、ページ数の多いホームページを運営している場合は、「サイト内 検索窓」を設置した方が良いです。
具体的には、ページ数が100ページくらいを超えるホームページの場合は、「サイト内 検索窓」を設置することをおすすめしますね。
なお、「サイト内 検索窓」を設置する方法は、いくつかありますが、ここでは、「Google カスタム検索」を使って設置します。
「Google カスタム検索」は、無料で使うことができて、しかも検索の性能が高いので、ぜひ活用していきましょう!
■ 「サイト内 検索窓」をホームページに設置する方法の手順
手順1:下記、「Google カスタム検索」のサイトにアクセスする。
・https://cse.google.com/cse/all
Google アカウントでのログインが必要です。
手順2:サイトの左上にある、「新しい検索エンジン」をクリックして、
「検索するサイト」に、ホームページのURLを入力する。
なお、「検索するサイト」に入力するURLは、当サイトであれば、「toretama.jp/*」と入力して、「作成」のボタンを押します。
URLの最後に、「アスタリスク(*)」が必要なので、注意してください。
手順3:「基本」のタブの中にある、「コードを取得」のボタンを
クリックする。
手順4:ソースをコピーして、ホームページに貼り付ける。
ソースが表示されるので、そのソースをコピーして、ホームページ上に貼り付けましょう。
なお、貼り付ける場所は、「サイト内 検索窓を表示させたい箇所」に貼り付けるようにしてください。
手順5:ホームページ上に、「サイト内 検索窓」が表示されることを確認する。
下記のように、ホームページ上に「サイト内 検索窓」が表示されることを確認してください。
あとは、適当なキーワードで検索をして、検索結果が表示されれば、作業は完了です。
■ ちょっとしたカスタマイズ方法
「Google カスタム検索」は、デザインなどを細かく設定することができます。
具体的には、「Google カスタム検索」のサイトにアクセスして、
左側にある「デザイン」をクリックすると、検索窓の色や表示(レイアウト)を、かなり細かく設定できますよ。
あとは、設定を保存して、ソースコードを、ホームページに貼り付けます。
これについては、表示を確認しながら、自分の好みで変更してみてくださいね。
(ただ、デザイン以外は、そのままの設定で使う形で、良いと思います)
【よく読まれている関連記事】