検索窓をつけよう（設置方法）

検索窓をつけよう

HOME > 検索窓をつけよう

このページの最終更新日2003/6/20

■ 検索窓とは

検索窓とは指定した言語やキーワードから、インターネット上にあるホームページの文字を検索し、その言語やキーワードを含み適合率の高い順で表示、または検索条件順に表示するものです。

■ 検索窓の使い方

検索窓の使い方

■ 配布している検索窓を設置する。

検索エンジンなどで配布されているものを設置する。【下記の検索窓はYahoo-のもの】

YAHOO-の検索窓

各サイトの説明をよく読んで設置してください。

yahoo-

LYOCS

Google

AllAbout Japan

infoseek

excite

goo

ズバケンネット

■ オススメ

サイト内が検索できる窓です。Googleの検索結果にあなたのサイトが表示されるならこの検索窓が便利です。指定したURL内の検索が可能になります。【下記のサンプルは、siriasu.netのサイト内が検索できます。】

【サンプル】
サイト内検索 Powered by Google

■ ソース

<form action="http://www.google.co.jp/search" method="get">
<input type="hidden" name="as_epq" value="siriasu">
<input type="hidden" name="as_occt" value="any">
<input type="hidden" name="as_sitesearch" value="siriasu.s10.xrea.com">
<input type="hidden" name="num" value="10">
サイト内検索
<input type="text" size="20" name="as_q">
<input type="submit" name="btnG" value="検索">
Powered by <a href="http://www.google.co.jp/">
Google</a>
</form>

■ 変更箇所

value="siriasu"
ホームページのIDを記入（ここを指定すると検索のキーワードに指定されます）
value="siriasu.s10.xrea.com"
http://とIDを省略したURLを記入（このURL内を検索します）

value="検索"
ボタン名を記入

**【サンプル】**
サイト内検索 Powered by Google

■ ソース
<form action="http://www.google.co.jp/search" method="get"> <input type="hidden" name="as_epq" value="siriasu"> <input type="hidden" name="as_occt" value="any"> <input type="hidden" name="as_sitesearch" value="siriasu.s10.xrea.com"> <input type="hidden" name="num" value="10"> サイト内検索 <input type="text" size="20" name="as_q"> <input type="submit" name="btnG" value="検索"> Powered by <a href="http://www.google.co.jp/"> Google</a> </form>
■ 変更箇所
value="siriasu" ホームページのIDを記入（ここを指定すると検索のキーワードに指定されます） value="siriasu.s10.xrea.com" http://とIDを省略したURLを記入（このURL内を検索します） value="検索" ボタン名を記入

■ CGIを設置

プロバイダーがCGIをサポートしている方は、CGIを使って自分のサイト内検索を設置することが可能です。

全文検索システム Namazu

とほほのWWW入門 > 検索フォーム設置法

■ おまけ

YAHOO-の検索窓をちょっと変えてみました。よければ使って下さい

■その１

ソースはこちら
<FORM METHOD=GET ACTION="http://search.yahoo.co.jp/bin/search" target="_blank"> <input type="text" size="30" name="p" style="; background-color: #ffffcc; border: 1px solid #ff9900;"> <input type="submit" value="Yahoo! 検索" style="; background-color: #ffffcc; border: 1px solid #ff9900;"> </FORM> 

■その2

ソースはこちら
<form action="http://search.yahoo.co.jp/bin/search" method="GET" target="_blank"> </strong></font><input type="text" size="30" name="p" style="color: #ffffff; background-color: #0033cc; border-top: 1px solid #3366ff; border-left: 1px solid #3366ff; border-right: 2px solid #330099; border-bottom: 2px solid #000099;"> <input type="submit" value="Yahoo! 検索" style="color: #ffffff; background-color: #0033cc; border-top: 1px solid #3366ff; border-left: 1px solid #3366ff; border-right: 2px solid #330099; border-bottom: 2px solid #000099;"> </form>

■その他

下記のサイトからレンタルやCGIのサイト検索ができます。

ホームページ作成無料リンク集

WEB作成サイト集