ホーム > 便利な使い方一覧 > Yahoo! JAPANの検索窓をサイトやブログに!

Yahoo! JAPANの検索窓をサイトやブログに!

  • このエントリーをはてなブックマークに追加

Yahoo!検索では、HTMLソースをコピーしてサイトに貼り付けるだけで設置できる検索窓をご用意しています。ウェブ検索用、サイト内検索用についてそれぞれ2つのサイズからお選びいただけます。

ウェブ検索

下のHTMLソースをコピーしてあなたのサイトやブログに貼り付け、▲▲▲の部分を、あなたのサイトやブログで使用している文字コードに合わせて(*1)、次のように変更してください。

  • Unicode(UTF-8)の場合はutf-8
  • Shift_JISの場合はShift_JIS
  • EUCの場合はeuc-jp

標準サイズ

ウェブ上の全サイトを対象に検索することができるタイプの検索窓で、検索ボタンのスタイルは、表示するブラウザーによって異なります。

ウェブ検索・標準サイズサンプル

サイドバーサイズ

ウェブ上の全サイトを対象に検索することができるタイプの検索窓です。ブログのサイドバーに適したサイズで、検索ボタンのスタイルは、表示するブラウザーによって異なります。

ウェブ検索・サイドバーサイズサンプル

サイト内検索

下のHTMLソースをコピーしてあなたのサイトやブログに貼り付け、▲▲▲の部分を、あなたのサイトやブログで使用している文字コードに合わせて(*1)、次のように変更してください。

  • Unicode(UTF-8)の場合はutf-8
  • Shift_JISの場合はShift_JIS
  • EUCの場合はeuc-jp

また、「●●●」の部分をあなたのサイトのドメインまたはURLに置き換えてください。
(例)ドメイン指定の例:yahoo.co.jp URL指定の例:docs.yahoo.co.jp/info/。いずれの場合も「http://」は入力しないでください。

標準サイズ

ウェブ検索に加え、特定のサイト内に絞って検索することもできます。特定のサイト内のみの検索結果を表示したい場合には、このタイプのものを使います。検索ボタンのスタイルは、表示するブラウザーによって異なります。

サイト内検索・標準サイズサンプル

サイドバーサイズ

ウェブ検索に加え、特定のサイト内に絞って検索することもできます。特定のサイト内のみの検索結果を表示したい場合には、このタイプのものを使います。ブログのサイドバーに適したサイズで、検索ボタンのスタイルは、表示するブラウザーによって異なります。

サイト内検索・サイドバーサイズサンプル

ご注意

※(*1)あらかじめ、検索窓を設置するページに使われているエンコード方法をご確認ください。エンコード方法は、htmlのソースの、「<meta http-equiv="content-type" content="application/xhtml+html; charset=xxx">」のxxx部分に記載されています。
※ブラウザーやOSによって表示が若干異なります。また、検索窓を設置するページのスタイルシートの設定や閲覧するブラウザーによっては、表示サンプルとは表示やサイズが異なります。ご了承ください。

新着

公式アカウントで最新情報配信中!

  • Facebook

    Yahoo!検索の公式Facebookページ。

  • Twitter
    (@YahooSearchJP)

    Yahoo!検索の公式Twitterアカウント。

こちらもチェック

Yahoo! JAPANトップページをホームページに設定しよう
・気になるニュースをタイムリーに配信。
・あなたの地域の天気をピンポイントで表示。
・地震や津波など緊急の災害情報も、すぐにお知らせ。