検索スクロール

質問

自分のホームページに自分のホームページ内の語句を探す検索バーを設置したいと考えています。
検索したら、その語句まで自働にスクロールしたり、その語句の背景の色が変化したりするモノがいいです。
自分でインターネットで調べた結果、せっかく設置したHTMLが変化してしまうヤツやHTMLの○○～△△の間に××を設置して～など複雑なヤツしかありませんでした。　ただ貼り付けるだけで、そういう機能が出来るモノを知っている人がいたら教えて下さい。

回答No.10

TTT0918 · ベストアンサー

> 「ただし、/をとってドメインを入れて試してみても」で試したHTMLを教えて下さい。

↓これです
<div style="text-align:center;background-color:#ffffff;">
<form method="get" action="http://www.google.co.jp/search">
<a href="http://www.google.co.jp/">
<img src="http://www.google.com/logos/Logo_40wht.gif" style="border: 0px #ffffff solid;" alt="Google" title="Google" align="absmiddle"></a>
<input type="text" name="q" id="q" size="31" maxlength="255" value="">
<input type="hidden" name="ie" id="ie" value="Shift_JIS">
<input type="hidden" name="oe" id="oe" value="Shift_JIS">
<input type="hidden" name="hl" id="hl" value="ja">
<input type="submit" name="btnG" id="btnG" value="Google 検索">
<span style="font-size:smaller;">
<input type="hidden" name="domains" id="domains" value="manngamonn.web.fc2.com"><br>
<input type="radio" name="sitesearch" id="sitesearch" value=""> Googleで検索
<input type="radio" name="sitesearch" id="sitesearch" value="manngamonn.web.fc2.com" checked="checked">このサイト内を検索
</span>
</form>
</div>
↑これを表示したいところに挿入すればいいのです。
ただし、＆＃（数字）；が入っていたら取り除いてください。

ANo.5で説明されている内容を勝手に分かりやすく説明します。この説明で質問者様が理解できるかどうかは分かりませんが。

まず、GoogleとYahoo!はそれぞれ、サイトの一覧、いわば辞書のようなものを持っています。
そこのYahoo!のサイトの辞書には、あなたのサイトが載っているのです。
しかし、Googleのサイトの辞書にはあなたのサイトは残念ながら掲載されてはいないのです。
そのため、Googleの辞書を使って、あなたのサイトにあれがあるか、これがあるか、ということは出来ません。
Googleの辞書を使うのであれば、Googleの辞書にあなたのサイトを載せなければいけません。
Googleの辞書に載せるということは、Googleにサイトを登録すると言うことです。
載せる方法は、・・・インターネットで調べてみてください。

余談ですが、私は「一発太郎」というサービスを使ってお名前通り一発で登録しましたよ。

回答No.9

abril

…これで最後にします。さすがに疲れましたので。

> しばらくして、グーグルでヒットするようになったら、どのHTMLを貼ればいいのですか？

では、その時点で（今まで散々他の方や私が説明してきた）「Googleを利用したサイト内検索窓設置方法」も併設でもすれば済む話です。
とにかく、質問者様はまだまだ学習不足です。精進なさって下さい。では。

補足

最後にこれだけ教えて下さい。
「間違っている」箇所はあります。

<input type="hidden" name="domains" id="domains" value="manngamonn.web.fc2.com/">
<input type="radio" name="sitesearch" id="sitesearch" value="manngamonn.web.fc2.com/" checked="checked">

上記、valueに"/"は不要です。
ただし、/をとってドメインを入れて試してみても、確かに「サイト内検索」の方は何もヒットしません。

とありましたが、「ただし、/をとってドメインを入れて試してみても」で試したHTMLを教えて下さい。
最後のお願いです。

回答No.8

abril

> グーぐるではヒットしませんでしたがYHOOではヒットしました。。YHOOでは無理でしょうか？

”YHOO”とは”Yahoo!”の事でしょうか。

…すみませんが、先の説明をちゃんと読んで頂けますか？頭の良い悪いは関係ないですよ。普通に日本語がわかればわかる筈です。仮に”クロール”という言葉がわからなかったとしても、Web上のIT用語辞典などで一瞬で調べられる事です。頭が悪い事と努力や労力を惜しむ事は違います。

本件で取りざたしている方法（所定のHTMLのソースを貼り付けるだけでよい）は、あくまで「Googleを利用したサイト内検索窓設置方法」です。つまり、検索されるデータベースは「Googleがクロールしたもの」に限定されるという事です。
Yahoo!でヒットされるデータはYahoo!がクロールしたものです。Googleとは何の関係もありません。

Yahoo!がクロールしたデータを対象にしたいという事であれば、「Yahoo!検索 カスタムサーチ」を利用して下さい。
http://custom.search.yahoo.co.jp/

上記の設置方法についての質問には、お答えしません。ここを読んで”自分で”設置できなければ、先ほども申し上げた通り”現時点”での質問者様には無理です。諦めて下さい。

補足

しばらくして、グーグルでヒットするようになったら、どのHTMLを貼ればいいのですか？

回答No.7

abril

> いろいろ細かく丁寧に教えて頂きましたが、私の悪い頭では理解出来ませんでした。

…そうですか。残念ですが、これ以上は何もアドバイスできる事はないようですね。

> 今、自分のサイトに検索スクロールをつける為に必要なHTMLは、一体なんなのですか？

検索をする、という行為には何らかの動的にコンテンツを生成するプログラミングが必要であり、（静的である）HTML”だけ”ではできません。本件で取り上げられているGoogle検索は、既存のGoogleの検索の仕組みに間借り（検索する為のプログラミングはGoogleのものを使用している）させてもらっているので、あの様な簡単なおまじないの様なHTMLタグを自身のサイト内に設定するだけで、検索システムが実現できるのです。
なので、このGoogle検索すら導入できない状態なのであれば、「自分のサイトに検索スクロールをつける為に必要なHTMLは、一体なんなのですか？」というご質問の答えは、「HTMLだけ、というものはない。」です。

もう一度言いますが、本件のGoogleのサイト内検索の機能は、質問者様のサイトのコンテンツがGoogleにクロールされる状態になってからでないと、いくら正しく設置できたとしても、検索結果がリストアップされないので、無意味です。
Googleに頼らず（クロール状態に依存せず）独自のサイト内検索を付けたければ、フリーの検索用CGIプログラムなどを導入してカスタマイズするしかありません。しかし、後者はCGIに関する知識が必須となり、Google検索よりももっとハードルが高くなります。

ですので、

> それとも今の段階ではつける事自体無理なのでしょうか？

「今の段階」というのが、現在の質問者様の技量や知識のレベルでという事であれば、無理だと思います。

> 自分はHTMLに関してすごく無知で何も知らないです。

何事もそうだと思いますが、段階を踏んで地道に理解を深めて行く努力をせずに一足飛びに何もかも実現するのは無理な話ですので…「無知」から脱却する様に頑張って下さい。

補足

グーぐるではヒットしませんでしたがYHOOではヒットしました。。
YHOOでは無理でしょうか？

回答No.6

abril

ANo.5です。

> これでやりましたが、やはり機能しません。
> 私のやり方が間違っているのだと思いますが・・・

「間違っている」箇所はあります。

<input type="hidden" name="domains" id="domains" value="manngamonn.web.fc2.com/">
<input type="radio" name="sitesearch" id="sitesearch" value="manngamonn.web.fc2.com/" checked="checked">

上記、valueに"/"は不要です。
ただし、/をとってドメインを入れて試してみても、確かに「サイト内検索」の方は何もヒットしません。例えば、「レビュー」という確実に質問者様のサイトに複数出てくるキーワードを入れても、検索結果は0です。
無論ですが、Google検索（ウェブ全体から検索）の方はちゃんとヒットします。

ここで確認なのですが、現在質問者様が直面されている「機能しません」という状態は、上記と同じですよね？
その前提で話をします。

前回投稿させて頂いた時には、ただこの質問だけを見て回答したのですが、先ほどレスを受けて再検証している間に気付いた事があります。
もしかして、質問者様のこのサイトは現時点で未だGoogleにクロールされているコンテンツがないのでは？
試しに、直接URL"http://manngamonn.web.fc2.com/"を検索窓に入力してGoogle検索をしても、残念ながらヒットするのは質問者様の別の質問「ホームページ　レビューサイト作り」「ホームページに誰も来てくれない」の2件のみでした（これらは、質問文中でこのURLを引用しているので検索対象となっています）。

通常、サイトのコンテンツが既にGoogleにクロールされている状態なら、そのコンテンツのURLを直にキーワードにして検索すれば少なくとも必ず1件はヒットする筈です。

例えば検索窓に、
http://www.geocities.jp/multi_column/practice/3column2.html
と入力してサーチすると、このコンテンツが1件、ヒットします。

しかし、質問者様のサイトの1コンテンツのURLである、
http://manngamonn.web.fc2.com/hazimetenokatanewfile.html
を入力してサーチしてもも、検索結果は「http://manngamonn.web.fc2.com/hazimetenokatanewfile.html に一致する情報は見つかりませんでした。」となるだけです。

過去質問を見ても「YHOOやグーグルの検索エンジンにも引っ掛かりません。」とありますので、現在の状態で「サイト内検索」が（機能してはいるが）結果がヒットなし、というのは妥当な現象だと思いますが。
下記あたりをよく読まれて、サイト内検索設置のノウハウを今一度正しく認識しておく方が宜しいでしょう。
【参考】http://search.web-sun.com/zatu/g_site.html

まずは、ご自分のサイトがちゃんと検索エンジンにクロールされる状態にする事から見直すべきですね。別の質問で、クロールされにくいという事について、内容についての問題点やアドバイスは受けておられる様ですが、ソースを見る限り失礼ながらHTML文書の書き方としてもかなりよろしくない状態になっています（DOCTYPEがHTML 4.01 Transitionalにも関わらず、一部の表記はXHTMLでの記述法になているとか、文字コードの設定が不適切であるとか…）。内容を濃いものにするのと同時に、もう少しちゃんとしたHTMLの記述ができる様に時間をかけて学ばれる事をお奨めします。

補足

すいません。自分はHTMLに関してすごく無知で何も知らないです。
ここまでホームページを作ったのは、全部FC2内にあるホームページ制作ソフトでただ単に、HTMLを考えず、文章を打っただけにすぎません。
回答者様が言うように勉強した方がいいですね。
わざわざ回答の為に何度も、長い文章を打って教えて頂いてありがとうございます。
いろいろ細かく丁寧に教えて頂きましたが、私の悪い頭では理解出来ませんでした。本当に申し訳ありません。
今、自分のサイトに検索スクロールをつける為に必要なHTMLは、一体なんなのですか？
それとも今の段階ではつける事自体無理なのでしょうか？

回答No.5

abril

> しかしやはり、機能しませんでした（涙）
> このHTMLをそのまますでに書いてあるHTMLの一番上に貼り付け・・・でいいんですよね？

実際に試してみましたけど、ANo.4様の回答を「正しく適用」すれば稼働しますよ？

質問者様の技量や理解度がわかりかねますので念の為、確認しますが、「このHTMLをそのまますでに書いてあるHTMLの一番上に貼り付け」の「そのまま」と「一番上」は実際にはどう対応されているのでしょう？

「そのまま」
(A)回答例のソースを一字一句たりとも変えていない。
(B)「あなたのHPのアドレス」と指示されているvalueの所を適切な値に書き換えてある。

「一番上」
(A)HTMLファイルの先頭、つまりファイルの一行目。
(B)body内の先頭。

両者(B)であるならば問題なく表示・動作する筈ですが…？

お礼

自分のホームページURLは→http://manngamonn.web.fc2.com/ です。
これを使って編集したら
<div style="text-align:center;background-color:#ffffff;">
<form method="get" action="​http://www.google.co.jp/search">​
<a href="​http://www.google.co.jp/">​
<img src="​http://www.google.com/logos/Logo_40wht.gif"​ style="border: 0px #ffffff solid;" alt="Google" title="Google" align="absmiddle"></a>
<input type="text" name="q" id="q" size="31" maxlength="255" value="">
<input type="hidden" name="ie" id="ie" value="Shift_JIS">
<input type="hidden" name="oe" id="oe" value="Shift_JIS">
<input type="hidden" name="hl" id="hl" value="ja">
<input type="submit" name="btnG" id="btnG" value="Google 検索">
<span style="font-size:smaller;">
<input type="hidden" name="domains" id="domains" value="manngamonn.web.fc2.com/"><br>
<input type="radio" name="sitesearch" id="sitesearch" value=""> Googleで検索
<input type="radio" name="sitesearch" id="sitesearch" value="manngamonn.web.fc2.com/" checked="checked"> このサイト内を検索
</span>
</form>
</div>

こうなりますよね。　
これでやりましたが、やはり機能しません。
私のやり方が間違っているのだと思いますが・・・もし間違っているのなら回答お願いします

回答No.4

noname#119508

Googleベーシック版の検索窓の非推薦要素などをできるだけ避けて、組みなおしました。
HTML4.01に対応するようにに編集したのでHTML4.01の方でも安心して使用できます。
（XHTMLの方なら報告ください。）

<div style="text-align:center;background-color:#ffffff;">
<form method="get" action="http://www.google.co.jp/search">
<a href="http://www.google.co.jp/">
<img src="http://www.google.com/logos/Logo_40wht.gif" style="border: 0px #ffffff solid;" alt="Google" title="Google" align="absmiddle"></a>
<input type="text" name="q" id="q" size="31" maxlength="255" value="">
<input type="hidden" name="ie" id="ie" value="Shift_JIS">
<input type="hidden" name="oe" id="oe" value="Shift_JIS">
<input type="hidden" name="hl" id="hl" value="ja">
<input type="submit" name="btnG" id="btnG" value="Google 検索">
<span style="font-size:smaller;">
<input type="hidden" name="domains" id="domains" value="あなたのHPのアドレス（http://とindex.html抜きで、例：yahoo.co.jp）"><br>
<input type="radio" name="sitesearch" id="sitesearch" value=""> Googleで検索
<input type="radio" name="sitesearch" id="sitesearch" value="あなたのHPのアドレス（http://とindex.html抜きで、例：www.yahoo.co.jp）" checked="checked"> このサイト内を検索
</span>
</form>
</div>

補足

わざわざありがとうございます。
しかしやはり、機能しませんでした（涙）
このHTMLをそのまますでに書いてあるHTMLの一番上に貼り付け・・・でいいんですよね？

回答No.3

font_color

＞そのHTMLを張り付けてみましたが上手く機能しませんでした。

#1さんの回答には<form>タグが省略されているようです。
ちなみに、googleの検索機能を追加するにはまず登録が必要かと思います。
http://oshiete1.goo.ne.jp/qa4932160.html
にて、同じような質問をしてすでに回答をもらっているようですが。

回答No.2

noname#83877

個人的には主要な各ブラウザに実装されている機能なので、その使い方のページを作成する方が良いと思いますが・・・

回答No.1

usagikun2

ググールに自分のサイト内の検索をする機能を貼り付けるタグが有ります

　<TITLE></TITLE>
</HEAD>
<BODY>
<TABLE bgcolor="#???????">
<TBODY>
<TR valign="top">
<TD align="center"><INPUT type="text" name="q" size="34" maxlength="205" value="">
<TABLE bgcolor="#c0f8e0">

<TBODY>
<TR>
<TD><A href="http://www.google.co.jp/"><IMG src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle" width="77" height="35"></A></TD>
</TR>

</TBODY>
</TABLE>
<INPUT type="hidden" name="ie" value="Shift_JIS"><INPUT type="hidden" name="oe" value="Shift_JIS"><INPUT type="hidden" name="hl" value="ja"><INPUT type="submit" name="btnG" value="Google 検索">
<FONT size="-1"><INPUT type="hidden" name="domains" value="http://****.com/"><BR>
<INPUT type="radio" name="sitesearch" value=""> WWW を検索
<INPUT type="radio" name="sitesearch" value="http://***.com/" checked> 私のサイト内を検索</FONT></TD>
</TR>

</TBODY>
</TABLE>
</BODY>
</HTML>

　***部分が貴方のサイトURLになります。

こんなので如何でしょうか？

補足

回答ありがとうございます。
しかし、そのHTMLを張り付けてみましたが
上手く機能しませんでした。