search

1分で出来る!Google検索を利用した簡易的なサイト内検索の作り方

サイト内の情報を検索できるように、ページの共通部分にサイト内検索を設置するサイトが珍しくなくなってきました。 今回はサイト内検索を実装する上で、一番簡単な方法をご紹介いたします。

Googleの検索結果を使う

サイト内からキーワードを入力してページを表示する時のデータとして
今回はGoogleがインデックスしている内容を基準にします。

site:ドメイン 検索ワード
とすれば、サイト内検索が行えるのでそちらを表示します。

メリット

  • 時間をかけずにサイト内検索を実装できる
  • 無料
  • JavaScript(jQuery)などの知識がいらない

デメリット

  • Googleの検索結果に遷移するので見た目の統一感がない
  • 公開したばかりでGoogleにインデックスされていないデータは表示されない

コード

下記のコードが最低限のものになりますので、CSSをあてて調整してみてください。

<form action="https://www.google.co.jp/search" target="_blank">
<input type="hidden" name="q" value="site:【ドメイン】">
<input type="text" name="q">
<input type="submit" value="検索">
</form>

サイト内の情報が多く、サイト内検索が必須だが、専用のテンプレートを作成する時間がない!
という時に、まずは簡易的な機能として提供できればと思います。