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

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

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

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

◆ウェブ検索ができる検索窓を設置する

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

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

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

(1)標準サイズ

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

(2)サイドバーサイズ

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

◆サイト内検索とウェブ検索ができる検索窓を設置する

ウェブ検索に加え、特定のサイト内に絞って検索することもできます。検索ボタンの標準が「ウェブ全体を検索」と「このサイト内を検索」の2種類ご用意しました。用途に応じてご選択ください。なお検索ボタンのスタイルは、表示するブラウザーによって異なります。

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

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

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

(1)標準サイズ

「ウェブ全体を検索」を標準にする

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



「このサイト内を検索」を標準にする

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

(2)サイドバーサイズ

「ウェブ全体を検索」を標準にする

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



「このサイト内を検索」を標準にする

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

ご注意

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

新着

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

  • Facebook

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

  • X(@YahooSearchJP)

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

こちらもチェック

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