Googleの検索ボックスを自分のブログに設置すれば、
読者が「Googleの検索機能」であなたのサイト内を検索できるようになります。
見た目も使いやすく、SEO的にも自然でおすすめです。
目次
✅ ステップ①：Googleカスタム検索（プログラム可能な検索エンジン）にアクセス
まず以下のページへアクセスします👇
👉 プログラム可能な検索エンジン
✅ ステップ②：検索エンジンを新規作成
- Googleアカウントでログインします。
- 「新しい検索エンジンを追加」をクリック。
- 「検索するサイト」にあなたのブログURLを入力します。
例）https://yourblog.com/ - 「作成」ボタンを押します。
これで基本的な検索エンジンが作成されます🎉
✅ ステップ③：検索ボックスのコードを取得
作成後、「コードを取得」というボタンが表示されます。
クリックすると以下のようなコードが出てきます👇
<script async src="https://cse.google.com/cse.js?cx=あなたの検索エンジンID"></script><div class="gcse-search"></div>このコードが Google検索ボックス本体 です。
✅ ステップ④：ブログに貼り付ける
◾ WordPressの場合
- 外観 → 「ウィジェット」 → 「カスタムHTML」を選択
- サイドバーやフッターなど、表示したい場所に上記コードを貼り付け
- 保存すれば完了！
または投稿本文に直接貼っても動作します。
ブロックエディタなら「カスタムHTMLブロック」に貼り付けます。
◾ HTMLブログの場合
設置したい位置（例：<aside>や<footer>）に直接貼り付けます。
✅ ステップ⑤：デザインをカスタマイズ（任意）
Google管理画面で「外観」タブを開くと、
- 検索結果のレイアウト（埋め込み型 or 別タブ表示）
- 背景色・文字色・枠線など
をカスタマイズできます。
デザインを調整すれば、ブログの雰囲気にも自然に馴染みます✨
✅ ステップ⑥：広告をオフにしたい場合（任意）
GoogleアカウントがAdSense連携していると、検索結果に広告が出ることがあります。
広告なしの検索ボックスを使いたい場合は、
「有料版（年間5ドル〜）」の Google Programmable Search Engine JSON API に切り替える必要があります。
ただし、個人ブログ程度なら無料版でも十分です。
🪄 まとめ
| 手順 | 内容 |
|---|---|
| ① | プログラム可能な検索エンジンにアクセス |
| ② | 自サイトURLを登録 |
| ③ | 生成されたHTMLコードをコピー |
| ④ | WordPressなどに貼り付け |
| ⑤ | デザイン調整（任意） |
これで、あなたのブログでも「Google検索の精度」でサイト内検索が可能になります✨
標準のWordPress検索よりも 高速＆精度が高い のが最大の魅力です。
