pタグ部分の文字化けが直りません。

Question

楽天スマホページ用に作成した
https://www.rakuten.ne.jp/gold/〇〇〇〇/sph/sp_header.html

でpタグの文字がなぜか文字化けしてしまいます。

原因分かりますでしょうか？

Answer

ECマスターズの山岡です。

いただきましたURLを確認させていただきましたが、
ページが見つかりませんとなっております。

文字化けするURLを再度共有お願いします。

本投稿に共有が難しい場合は、
最初の質問の下に記載がございます、

”投稿内容について報告する”

よりご連絡ください。

Answer

ECマスターズの山岡です。

ご連絡いただきありがとうございます。

https://www.rakuten.ne.jp/gold/〇〇〇〇/sp/sp_header.html

sph  -->  sp  で確認ができました。
こちらを拝見している限りでは、文字コードはutf-8に
なっており、単体で閲覧した限りでは文字化けは
してないようです。

こちらのヘッダーを埋め込んだページなど
ございましたらご連絡いただけますでしょうか？

Answer

上記のリンクもございますが、sphフォルダにsp_headerを作成しております。
goldには上げておりますが確認できないでしょうか？

スーパーセール前なので早く設置したいのですが、困りました。。

Answer

追記
埋め込む予定はRMSのスマホ商品共通設定なので、プレビューでのみこちらは確認しております。

Answer

ECマスターズの山岡です。

https://www.rakuten.ne.jp/gold/〇〇〇〇/sp/sph/sp_header.html

sp/sph で見つけることができました。
ファイルが、shift-jisになっているため、
文字化けが起きているようです。

utf-8に変更していただくことで
文字化けは解消できます。

メモ帳ですと、文字化けが起こる場合がございますので

「Mery」フリーの高機能テキストエディター - 窓の杜
https://forest.watch.impress.co.jp/library/software/mery/

のような、フリーのテキストエディタのご利用をオススメします。

Answer

具体的にどのような手順でしょうか？
上記のシステムはダウンロード致しました。

対象のhtmlファイルをmeryで開いて

を追加して保存しましたが、文字化けが直りませんでした。

ご教授お願い致します。

Answer

ECマスターズの田中です。

 というタグは、
「このHTMLファイルはUTF-8という
　文字コード（データと文字を変換する規則）で書かれています」
ということを伝えるためのタグなのですが、
シフトJISで保存されているファイルに対して、UTF-8で書かれています、
と伝えているため、データがうまく変換できずに文字化けが発生しております。

sp_header.htmlをMeryで開いていただき、
ファイル→名前を付けて保存
より、「エンコード」を「UTF-8 (BOM無し)」に変更した上で
同じ名前で保存していただくことで、
UTF-8へ変換され、タグの内容と一致するようになり、文字化けしなくなります。

Answer

有難うございます、文字化け直りました！
迅速な対応に大変助かりました。