あなたのウェブサイトにGoogleの検索バーやボックスを追加する簡単な手順。 以下の手順を実行するには、コーディングの知識は必要ありません。 この方法は、WordPress、Ghost、Drupal、Joomlaなどのすべての主要なCMSで動作します。

任意のウェブサイト上のオンサイト検索は、ユーザーがあなたのウェブサイト内のコンテンツを検索することができ、ユーザーがあなたのウェブサイト上で検索しているものにあなたの製品やブログのコンテンツを一致させるためにあなたのコンテンツ戦略を再編成するのに役立ちますので、技術の重要な部分です。 Google検索が非常に人気がある理由は、実装が簡単で信頼性が高いことです。 人々がそれを好むか、またはそれを憎むかもしれないもう一つの理由がある–Ads。 はい、Google検索には広告があります。 それは彼らのウェブサイトを収益化しようとしている人々のために役立つかもしれません。 他の人にとっては、それは巨大なターンオフかもしれません。 あなたが第二のグループに属している場合は、Expertrecのような代替のカスタム検索エンジンを探す必要があるかもしれません。

WordPressを使用している場合は、基本的な検索機能を追加するデフォルトの検索バーがあります。 しかし、オートコンプリート、検索UIのより詳細な制御、検索ボックスの場所など、多くの望ましい検索機能には欠けています。 Word pressユーザーは、このリンクから拡張機能をダウンロードできます。 WordPressの拡張機能をインストールする方法の詳細な手順は、このブログの最後に与えられています。

Googleカスタム検索を使用してウェブサイトにGoogle検索バーを追加

（プログラマブル検索エンジン）を使用してGoogleカスタム検索を作成する)

1. プログラム可能な検索エンジンを作成するには：
   1. Googleアカウントを使用してコントロールパネルにサインインします（アカウントがない場合は取得します）。
   2. 検索エンジンの名前は、選択したUrlに基づいて自動的に生成されます。 この名前はいつでも変更できます。
   3. 検索エンジンの言語を選択します。 これにより、検索エンジンのボタンやその他のデザイン要素の言語が定義されますが、実際の検索結果には影響しません。
   4. 作成をクリックします。

   あなたの基本的な検索エンジンは使用する準備ができています！ より多くの設定オプションを表示するには、コントロールパネルに移動します。 コントロールパネルには、検索結果をテストして微調整することができるプレビューウィンドウもあります。

2. https://cse.google.co.in/cse/
3. Googleアカウントを使用してコントロールパネルにサインインします（アカウントがない場合は取得します）。
4. 検索エンジンの名前は、選択したUrlに基づいて自動的に生成されます。 この名前はいつでも変更できます。
5. 検索するサイトセクションで、検索エンジンに含めるページを追加します。 所有しているサイトだけでなく、任意のサイトを含めることができます。 サイト全体のUrlまたは個々のページのUrlを含めることができます。 URLパターンを使用することもできます。

Google検索ボックスの実装

プログラム可能な検索エンジンを作成したら、プログラム可能な検索要素をサイトに追加できます。 これを行うには、いくつかのコードをコピーし、検索エンジンを表示するサイトのHTMLに貼り付ける必要があります。

1. コントロールパネルで、使用する検索エンジンをクリックします。
2. サイドバーの設定をクリックし、基本タブをクリックします。
3. [詳細]セクションで、[コードの取得]をクリックします。 コードをコピーして、Google検索バーを表示するページのHTMLソースコードに貼り付けます。 [コードの受信]をクリックします。
4. あなたのウェブサイトにこのコードを追加します。 あなたは単語を押している場合は、Elementorと呼ばれるプラグインを使用するか、あなたのためにこれを行いますヘッダーとフッタープラグインを挿入するこ 正確な配置が必要な場合は、Appearance->theme editorでテーマファイルを編集する必要があります。 別のCMSを使用している場合は、開発者に連絡して、この検索バーを表示するすべてのページに追加するように依頼することができます。
5. あなたのウェブサイトにこのコードを追加すると、あなたのウェブサイトのページにGoogle検索バーが表示されます。

ルックアンドフィールの編集

多くの場合、検索ボックスを検索結果とは独立して表示することが理にかなっています。 2列レイアウトを使用すると、ページの1つの領域（サイドバーなど）に検索ボックスを表示し、別の領域（ページのメイン領域など）に結果を表示できます。

エンジンのレイアウトを変更するには、コントロールパネルの”Look and feel”セクションに移動し、”Layout”タブをクリックします。 コントロールパネルで2列のレイアウトを選択して保存した後、検索要素のHTMLコードも変更する必要があります。

オートコンプリートを有効にする

コントロールパネルで色、フォント、またはリンクスタイルをカスタマイズする以外に、カスタムHTML属性を介して検索ボッ

コントロールパネルの一般設定の一部を上書きすることができます。 これは、1つの検索ボックス（ホームページ上の検索ボックスなど）がサイト上の他の検索ボックスとは異なる動作をする場合に特に便利です。 たとえば、属性を使用してオートコンプリート機能を有効または無効にできます。 デフォルトでは、コントロールパネルでオートコンプリートが有効になっている場合はtrueに設定されています。 値をfalseに切り替えることで、要素の動作を制御できます。

<div class="gcse-searchbox"></div><div class="gcse-searchresults" data-defaultToImageSearch="true"></div>

検索結果のカスタマイズ

検索ボックスのカスタマイズと同様に、検索結果要素に追加のオプションを追加できます。

たとえば、検索エンジンをwebresultsベースから画像ベースに変更するには、defaultToImageSearch属性を利用できます。

まず、検索エンジンのコントロールパネルで画像検索を有効にする必要があります。 [設定]セクションの[基本]タブで、[画像検索]オプションを[オン]の位置にクリックします。 その後、ウェブサイトの<div class="gcse-searchresults"></div>要素にdefaultToImageSearch属性を追加します。

Googleカスタム検索を追加する利点

• Googleカスタム検索は無料です。 無料のいくつかのカスタム検索エンジンがあります。
• Googleカスタム検索内で広告を有効にすると、AdSenseからお金を稼ぐことができます。

googleカスタム検索を使用するデメリット-

• 広告-あなたは、競合他社にあなたのウェブサイトの訪問者を失うことができます。
• インデックスが何であるか、またはいつ
• 検索結果の制御がない
• サポートがない
• 最小限のUIカスタマイズオプション
• いつでもシャットダウン Googleは、ユーザーベースを考慮せずに無慈悲に製品を殺すために知られています。

これはあなたのウェブサイト上でGoogle検索を持っているのは素晴らしい音かもしれませんが、無料の昼食はありません。 Googleは、このサービスのためにカバーするために広告を表示します。 人々があなたが持っている靴をあなたの場所で捜すとき、Googleはあなたの競争相手のブランドYの広告を示し、あなたの場所の結果の上に置く。 あなたの訪問者は、あなたが実際にブランドYを自分で推薦していると信じています。 あなたの訪問者を収益化しようとしている場合は、これは大幅にあなたの収入を削減します。

第二に、誰も広告が好きではありません。 私の意見では、”非侵入的な”広告のようなものは何もありません。 しかし、広告は広告であり、彼らは悪いです。 私は私のウェブサイトで捜している間adsを見るために私の訪問者を強制することを好まない。 方法2は、この問題に代わるが有料の解決策を提供します。

Expertrecを使用したウェブサイトのGoogle検索バー

Expertrecは、ウェブサイトにGoogleのような検索ボックスを追加します。 それは月額9ドルで販売されています。 最大の利点は、広告が含まれていないことです。

Expertrecを使用してカスタム検索エンジンを作成する前に、あなたのウェブサイトがライブであり、ログインの背後にないことを確認してください（あなたの サイトマップのURLを便利にしてください。 また、あなたのウェブサイトへのコードアクセス権を持っていることを確認してください。 以下の手順に従ってください。

1. https://cse.expertrec.com/?platform=cseに進みます。
2. Gmail idでログインします。
3. あなたのウェブサイトのURLを入力します。 （ウェブサイトのURLをhttps://www.yourwebsite.somの形式で入力します）。
4. サイトマップのURLを入力します。 （サイトマップがない場合は、この手順もスキップできます）。
5. ウェブサイトのクロールを開始します。 （今Expertrecクローラーはあなたのウェブサイトをクロールを開始します。 これはあなたのウェブサイトのページのサイズそして数によって時間をかけることができる)。
6. クロールが完了したら、コントロールパネルを使用して、検索エンジンのルックアンドフィールと検索エンジンのランキングアルゴリズムを変更できます。 検索の重み、プロモーション、同義語、および多くのようなより高度な機能があります。
7. コードセクションに移動し、あなたのウェブサイトに追加します。 また、コードを開発者に電子メールで送信し、開発者のwebサイトに追加するように依頼することもできます。
   • コードには2つの部分が含まれています（1つは<script></script>と別のコード<ci-search></ci-search>内にあります）。
   • <script></script>は単なるJavaScriptコンポーネントであり、Googleタグマネージャまたはコードエディタを使用して追加できます。
   • <ci-search></ci-search>コードは、検索ボックスをウェブサイトに追加します。 このコードを追加する場所によって、検索ボックスの場所が決まります。
8. ライブ/本番サイトでライブを行う前に、テストモードまたは開発webサイトでコードを変更することをお勧めします。
9. 最後のステップとして、あなたが持っている可能性がある任意のwebサイトのキャッシュを削除します。
10. 今、あなたのサイトの検索エンジンは、ライブです。 検索エンジンを数日使用した後、検索分析をチェックして、ユーザーが検索しているものを確認し、それに応じてコンテンツ戦略を再編成できます。

Expertrec検索バーを使用する利点

1. 広告がありません。 検索結果に広告が表示されることはありません。
2. -私たちは月額$9から始まる価格を持っています。
3. リアルタイムサポートにより、検索結果が
4. 検索結果を完全に制御できないようにすることができます。

ここでは再びサインアップリンクですhttps://cse.expertrec.com?platform=cse

WordPressのウェブサイトのためのプラグインを使用してGoogle検索ボックス

あなたはまた、あなたのWordPressのサイトにGoogle検索ボッ

WP最速のサイト検索wordpressプラグイン