IE、HTMLのキーワード検索結果文字化けについて

Question

お世話になります。IEでの文字化けについて教えてください。

HTMLに検索用のキーワードを記載し、検索結果に直接リンクさせています。
https://www.rakuten.ne.jp/gold/○○○○○○○○/header-kids.html

IEで、リンク先の検索結果が文字化けしていたため
楽天ヘルプとこちらのフォーラムを参考に以下のタグを入れたところ
HTML自体も文字化けしてしまいました。


以下は作業した順番と、その後の結果です。
一旦、見た目が正常な②の状態に戻したのですが
IEの検索結果だけが文字化けしてしまうのを回避できますでしょうか？

①htmlファイル：UTF-8で保存

Chrome：HTML文字化け　検索結果文字化け
IE：HTML文字化け　検索結果文字化け

②htmlファイル：UTF-8で保存

Chrome：HTML◎　検索結果◎
IE：HTML◎　検索結果文字化け

③htmlファイル：UTF-8→EUC-JPに変更して保存

Chrome：HTML◎　検索結果文字化け
IE：HTML◎　検索結果文字化け

Answer

ECマスターズの伊藤です。

> 以下は作業した順番と、その後の結果です。
> 一旦、見た目が正常な②の状態に戻したのですが
> IEの検索結果だけが文字化けしてしまうのを回避できますでしょうか？

https://www.rakuten.ne.jp/gold/○○○○○○○○/header-kids.html
にアクセスし、「バッグ」と入力、検索した結果、
文字化けせずに検索結果にリンクいたしました。

https://ec-masters.gyazo.com/aae549f22012fe2a04bdc3fefda38599

キャッシュ、もしくは反映が遅れていた可能性がございますので、
一度、シークレットモードにて
ご確認いただけますでしょうか。

シークレットモードの起動方法は、下記URLをご参照ください。
https://bit.ly/2Uup9r7

Answer

伊藤様

ご確認、ご返信ありがとうございます。

書き方が悪く申し訳ございません、検索ボックスは特に問題なく、
キーワードのテキストリンクをクリックした先の結果になります。（通学、高校生 など）

お手数おかけいたしますが、ご確認宜しくお願いいたします。

Answer

ECマスターズの伊藤です。

> 書き方が悪く申し訳ございません、検索ボックスは特に問題なく、
> キーワードのテキストリンクをクリックした先の結果になります。（通学、高校生 など）

こちら、認識が間違っており、申し訳ありません。

通学　等の部分ですが、
キーワードのエンコードを行っていただき、
sitem=【エンコードしたテキスト】
をお試しいただけますでしょうか。

エンコードは、下記より行なえます。
https://tech-unlimited.com/urlencode.html

例えば、≪通学≫の場合は
%E2%89%AA%E9%80%9A%E5%AD%A6%E2%89%AB
となり、

【略】sitem=%E2%89%AA%E9%80%9A%E5%AD%A6%E2%89%AB">通学
のようになります。

Answer

ありがとうございます。
エンコードで変換して記載しましたら、問題なく表示されました。お手数おかけしました。