Googleカスタム検索窓設置で検索後の窓下の文字が文字化けします。

Question

PC、ホームページ作成知識に疎い私です。宜しくお願い申し上げます。

私のホームページ(ネットショップ)PCはWindows XP・ホームページビルダー8で作成
　　　　↓
http://www.cafetime.jp/

に下記Googleカスタム検索ページ内のコードを貼り付けて検索窓を
何とか設置する事が出来ました
　　　　↓
http://www.google.com/cse/tools/create_onthefly?hl=ja

上記私のホームページ検索窓に　トヨタ2000GT　と入力して検索をします。
Googleカスタム検索の検索結果ページに飛びます。
　　　　↓
http://www.google.com/cse?cref=http%3A%2F%2Fwww.google.com%2Fcse%2Ftools%2Fmakecse%3Furl%3Dwww.cafetime.jp%252F&ie=shift_jis&hl=ja&q=%83g%83%88%83%5E2000GT&sa=%8C%9F%8D%F5&siteurl=www.cafetime.jp%2F

1・Googleカスタム検索　検索窓　検索 の下の文字が
　文字化けしています。
　　　　　↓
 ?~?j?J [?V ?b?v ?J?t?F?^?C ? ?g?~?J ?~?j?J [ ??? ? ?g?~  ウェブ検索  
　　　　　↑
2・本来は　カフェタイム内を検索　の様な文字なのでしょうか？

3・正確に表示させる方法はありませんでしょうか？

表示 →　エンコードを見ますと　自動選択にチェックマーク
Unicode(UTF-8)でした。

日本語自動選択、日本語(JIS-SIFT)を選択すると両方とも画面
全ての文字が文字化けしてしまいます。

検索結果後のページで文字化けしている右横のウェブ検索にチェック
を入れて　トヨタ2000GT　のまま検索すると検索結果後のページの
検索窓の下の文字は文字化けしていません。
(勿論、私のサイト内の検索結果ではなくなりますが)

と言う事は私の私のGoogleカスタム検索窓のコード貼り付け後の
ホームページ作成に問題があるのでしょうか

4・私のホームページ以外の他の方のページも検索されます
(殆どツイッターですが)

5・トミカ日本製　トヨタ2000GT　や　トミカ黒箱　トヨタ2000GT　等の
コレクターが検索するであろうキーワードですと殆ど他の方のページは検索されませんでした。

お時間が出来た時で結構ですので私の様なレベルの者でも分かる様に御指導を頂ければ幸いに存じます。

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

Para_Days · Accepted Answer

前回のほぼ同じ質問に回答した者です。

その回答にも書きましたが、

?~?j?J [?V ?b?v ?J?t?F?^?C ? ?g?~?J ?~?j?J [ ??? ? ?g?~

という文字列は、タイトルが文字化けしたものです。
サイト自体がShift-JISで記述されている（charset=Shift_JIS、charset=x-sjis）と、
UTF-8で記述されている(charset=UTF-8）Googleでは文字化けするのです。
一部、例外サイトはありますが、そのあたりの理屈は知りません。
検索窓のソースを見ると、
http://www.google.com/cse/tools/makecse?url=｛サイトURL｝
という値があります。ここでタイトルを実際に見てみればわかります。

例)
charset=UTF-8:教えて！goo
http://www.google.com/cse/tools/makecse?url=http://oshiete.goo.ne.jp/
特に問題なく表示されていますね。

charset=Shift_JIS：窓の杜
http://www.google.com/cse/tools/makecse?url=http://www.forest.impress.co.jp/
本来なら「窓の杜」となるはずが「?m」と。

charset=x-sjis：Vector
http://www.google.com/cse/tools/makecse?url=http://www.vector.co.jp/
これも文字化け。あなたの場合と似てますね。

おまけ
charset=EUC-JP：ライブドアブログ
http://www.google.com/cse/tools/makecse?url=http://blog.livedoor.com/
問題なく表示されています。

結論を言うと。
この検索窓を使う場合、サイト自体を「charset=UTF-8」「charset=EUC-JP」に
変更するのが、一番簡単な文字化け回避の方法です。

Z31 · Answer

Z31です。

Googleからは二つのメールが来ます。

1.Googleによるメールアドレスの確認
2.「あなたの検索エンジンの名前」検索エンジンを作成しました。下記はカスタム検索エンジンの管理に役立つ重要な情報です:

の二つです。

それぞれにアクセスするGoogleのURLなどが書いてありますから、これにアクセスしないと前へ進みません。

2の方のメールに「検索エンジン」を自分のホームページへ組み込む方法が書いてあります。

以上の手順を踏まないと出来ないと思いますよ。

Z31 · Answer

＞自分だけの検索エンジンを作成へ進んで、マイ検索エンジンまで作成しましたが、
これの何処を利用すれば検索窓を作成出来るのか判らないのでそのままにしてあります

コードがメールで送られて来ますから、これをHTMLソースにコピー挿入すれば良いのですが、私の場合はあなたのようにトップページへ「検索窓」を挿入する技術が有りませんでしたので、別ページを作りました。

私も初めての挑戦で、よく分からないままに、出来てしまいましたが、私の場合は次のURLの左の目次の最上段へ「検索エンジン」のページを配置しました。ほとんどのサイト内の検索が出来ます。

http://www.t-mitsuyama.com/hanagicom-1/

Z31 · Answer

あなたのホームページ「カフェタイム」内だけの検索をなさりたいのですよね。それでしたら

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

上記のコードではだめと思います。上記画面の右側の「もっとカスタマイズするには」「自分だけの検索エンジン作成」へ進んで、カフェタイムのURLを指定する必要があると思います。

そして、うまく出来たら次に「インデックス作成」をしないと、検索漏れが出来ます。基本的にはカフェタイム」内の全ページのURLをインデックス作成に登録するのが検索漏れを防ぐ一番の方法と思います。

Googleカスタム検索窓設置で検索後の窓下の文字が文字化けします。

前回のほぼ同じ質問に回答した者です。

Z31です。

＞自分だけの検索エンジンを作成へ進んで、マイ検索エンジンまで作成しましたが、

あなたのホームページ「カフェタイム」内だけの検索をなさりたいのですよね。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング