Yahoo!検索カスタムサーチの設定方法

1.カスタムサーチのページへアクセスする

まずは下記のホームページにアクセスし、Yahoo!JAPANのIDでログインしてください。

▼カスタムサーチ
https://custom.search.yahoo.co.jp/

2.設定名・検索対象を決める

検索窓デザイン(新規設定)___カスタムサーチ___Yahoo_検索.png

設定に名前をつけます。カスタムサーチでは5つまで設定を作成できるので、他の設定と見分けがつくような名前を設定しておきます。

また、検索の対象を特定のホームページ内だけにするのが、インターネット全体で検索するのか選択します。
ホームページ内の検索を設定する際には、ホームページURLまたはドメインを入力しましょう。

3.検索窓のデザインを決める

検索窓のデザインを決めましょう。以下の3点を設定します。

 ・検索窓の幅
・色の設定…背景と枠の色の設定
 ・クレジットタイプの選択…Yahoo!JAPANの表記タイプ

設定したデザインは、画面上部のプレビューから確認できます。自分のホームページに合ったデザインとなるよう作成しましょう。

4.プロトコル・文字コードを選択する

3.png

検索結果が正しく表示されるよう、プロトコルと文字コードを設定します。

 ・プロトコルの設定…検索結果が表示される通信環境
・文字コード…検索窓を設置するページの文字コード

なお、文字コードは、ページソースの中から、の記述を探し、「xxx」の部分に書いてある規格を選択してください。

5.検索対象を確認

入力した検索対象が表示されるので確認してください。
間違っていたら、画面下部の「戻る」から前ページに戻れます。

6.ウェブ検索設定を入力する

9.png

検索内容についての詳細を設定します。
下記の5点を設定しましょう。

 ・追加クエリ…検索にあたって常に追加するキーワード
 ・削除クエリ…検索にあたって、常に除外するキーワード
 ・削除ドメイン…検索結果から削除したいホームページのドメイン
 ・検索対象ドメイン…検索対象としたいホームページのドメイン
 ・対象言語…検索の対象とする言語

例えば、自社ホームページ内でも検索して欲しくないページや競合他社のページを除外したい場合は、削除ドメインとして設定しましょう。
なお、設定した内容でどういった検索結果になるかは画面右のボックスから確認できます。

7.レイアウトを選択

5.png

検索結果レイアウトを設定しましょう。
また、検索結果のテーマカラーや検索結果に表示するロゴを設定できます。

8.表示されるHTMLコードをコピーしてホームページに貼り付ける

すべての設定が完了すると、下記のようにHTMLコードが表示されます。
このコードをコピーして、自社ホームページの設置したい場所に貼り付けましょう。

HTMLソース確認___カスタムサーチ___Yahoo_検索.png

コードを貼り付けると、下記のようにホームページ常に検索窓が設置されました。
ここからサイト内検索を行えるようになります。

ブログ.png
※画像でははてなブログを利用しています。