Google カスタム検索導入手順(サイト内検索)

1年ほど前にサイト内検索としてGoogleのカスタム検索を紹介しました。私自身、使い勝手が悪く一度設定したっきり他のサイトには導入していなかったのですが、数日前に久々に使ってみたら大幅に修正が行われていました。

以前紹介した時に、検索結果が表示される際の横幅調整で苦労していた方からコメントを頂いたので、情報としてはかなり遅いと思われますが、自分の備忘録用としても一応記事にしておきます。

検索結果を表示するためのページを作成する必要もなく、手順はめちゃくちゃ簡単になっています。

【追記 2011/09/15】
最新のカスタム検索エンジンの使い方は以下を参照ください。
»WordPressのサイト内検索にGoogleのカスタム検索を使う方法
»Googleカスタム検索とAdSenseのIDを紐付ける方法

Google カスタム検索導入手順

  1. カスタム検索エンジンの作成
  2. コード取得
  3. コード貼り付け・幅調整

カスタム検索エンジンの作成

Google カスタム検索にアクセスし、カスタム検索エンジン作成をクリック

検索エンジンの作成

  • 検索エンジンの名前 : 検索結果の上部に表示される名前
  • 検索エンジンの説明 : 任意
  • 検索対象 : サイト内検索なので「選択したサイトのみ」
  • 検索するサイト : 自サイトのURLを入力(特定のディレクトリ内のみを検索指定することも可能)
  • エディション : カスタム検索

規約同意にチェックし次のページへ進み完了です。

コード取得

作成した検索エンジンのコントロールパネルをクリックし、コードを取得。

コントロールパネル

コード取得

コード貼り付けと幅調整

表示されたコードをサイトの好きな場所に貼り付けるのですが、以前のカスタム検索と違って検索結果がその場に表示されますので、基本的にどこに貼り付けても問題ないと思います。

サイト内検索

実際に検索するとこんな感じになります。

検索結果

検索結果が表示される横幅はデフォルトではCSSで100%と指定してありますが、変更したい場合には、コードの一番上にある「width: 100%」という部分を90%や300pxなどとサイズ指定すればOKです。

簡単設置手順は以上ですが、自分のサイトに合わせもっとカスタマイズすることも可能ですので、興味のある方は色々いじってみましょう。

※基本設定内の広告の設定で、広告を表示しない設定は選択しない方が良いでしょう。

タグ


公開日:2010年2月9日
最終更新日:2011年9月15日

コメントは受け付けていません。 |

コメント&トラックバック

トラックバック

コメントは受け付けていません。

SEO対策のSEOウェブネット
◆◆◆◆◆◆◆◆
コンサルティング型のSEOサービスの提供。インターネットに関する用語集や、初心者が抱きがちな疑問に対して回答。
無料SEO対策のススメ
◆◆◆◆◆◆◆◇
自分でYahoo、Google対策をする人の為の上位表示テクニックや良くある質問の紹介。無料で使えるツール集
SEOテンプレート比較
◆◆◆◆◆◆◇◇
販売されているホームページテンプレートの比較とブログでアクセスアップ法などを解説。WordPressの使い方WP SEOブログ無料SEO対策
格安レンタルサーバー比較
◆◆◆◆◆◇◇◇
サーバーごとのWordPressのインストール方法などを解説。レンタルサーバーのQ&Aレンタルサーバーの用語集レンタルサーバーブログ
アフィリエイトで稼ぐ為の情報ブログ
◆◆◆◆◇◇◇◇
初心者がゼロからアフィリエイトを学ぶための方法や効果的なサイトの作り方などを解説するサイトです。アフィリエイトのやり方AdSenseの使い方