私のホームページへのGoogle検索窓の追加が上手く行きません。

質問

私のホームページへのGoogle検索窓の追加が上手く行きません。

初めまして、御質問にお答えを頂けますでしょうか。

私のホームページ(ホームページビルダー8で作成)
下記が私のホームページです(取り合えずテスト画面です)
　　　　　　　　　　↓
http://www.cafetime.jp/indextest.html

この私のホームページに

Googleのリンク、検索機能の追加のページ
　　　　　　　　　　↓
http://www.google.co.jp/intl/ja/searchcode.html

Google検索窓を追加したのですが

1・キーワードを入力して(カタカナや漢字等)検索結果のページに移りますと
検索窓の文字が文字化けしてしまいます。検索結果も何か変です。(文字化けした物を検索している？）
まったく検索されない時もあります。
算用数字だけなら(240等)は文字化けはしません。文字化けした画面の検索窓に入力すると検索結果が
表示されて文字化けはしません。

Google フリー検索 （ベーシック版）: ウェブ検索 + サイト検索ページに下記の注意書きがあります。

お客様のウェブサイトのエンコードが UTF-8 ではない場合、以下のコード内 2 箇所の
UTF-8 を Shift_JIS や EUC-JP のような、お客様のウェブサイトに適したエンコードに変更していただく必要があります。

もしかして、これが原因かもしれないのですが、初心者なので意味が判らず
如何してよいのか分かりません。変にソースをいじってしまったら取り返しがつかなく
なりそうなので何もしていません。
私の様な初心者でも問題が解決出来る様にお答えをお願い申し上げます。

2・ホームページビルダー内の作成画面でGoogleのロゴが
チューリップマーク＋×(ペケマーク）(ビルダーではエラー画面の意味)になっているがアップロードすると
Googleのロゴは問題なく表示されているが気にしなくて良いのでしょうか

3・ビルダーの機能で表の中に挿入(セルの属性は水平、垂直位置共に中央揃え)
したのですがGoogleロゴの上が狭く、下が大きく開いてしまいます。
上の隙間を広く、下の隙間を狭くする事は可能でしょうか。

また、 WWW を検索 YOURSITE.CO.JP(お店の名前にしました)内を検索
の下段、もしくは横に【検索のコツ】の文字を追加して別画面を立ち上げる様にしたいのですが
変に文字やリンクを挿入するとエラーが出そうなので良い方法を教えて下さい。

4・説明書きの、Google 検索ボックスにウェブ検索機能およびサイト内検索機能を加えて利用する場合は、
下記の HTML をお使い下さい。センタリングの除去、テキストボックス幅または背景色の変更は自由ですが、
Google ロゴの背景色は透明ではなく白色なのでご注意ください。

の、センタリングの除去、テキストボックス幅または背景色の変更は自由です
の、説明と方法を教えて頂けますでしょうか。

宜しくお願い申し上げます。

回答No.1

hrt_shu

あなたがやった方法ではなく、カスタム検索を使った方がいいと思います。
検索エンジンで「Googleカスタム検索」と調べてみてください。

お礼

御連絡ありがとうございます。

早速、該当サイトを拝見させて頂きました所、下記2種類のサイトがありました。

2つの違いは何なのでしょうか。

http://www.google.com/cse/tools/create_onthefly?hl=ja

上記サイトだけを単純にコピーして張り付けるだけ十分なのでしょうか？

http://www.google.com/cse/manage/create?hl=ja

上記サイトも必ず登録しておかなければ意味がないのでしょうか？
(検索が上手く働かない？)
登録方法のの説明も少し分かり辛いのが事実です。

Googleのサイトは全体的に私には少し難しく(冷たく)感じられ
入力項目等は本当にこれで良いのだろうかと不安になります。
今の私にはほんの少しだけアドバイスが必要なのです。

お時間が出来た時で結構ですので御連絡を頂ければ幸いに存じます。

お忙しければ御無理には申しません。

ありがとうございました。