クリボウの Blogger Tips: 文字化け対策、エンコードのこと

自分のサイトに何も表示されなくなった、自分のパソコンでは見えているのにほかの人のパソコンでは見えない、投稿メッセージが意図したとおりに表示されない、などなど、Blogger 製作中にはこういうことが必ずと言っていいほど起こります。

これらの問題の原因のほとんどはエンコードミス、いわゆる文字化けです。そもそも欧米の人用にできている Blogger で、日本語を使ったページを作るには文字化けへの対策が不可欠です。

その対策を４つほど、以下に紹介します。

■１．エンコード方式を選択する

ブログページのエンコード方式は管理画面「設定→フォーマット→エンコード」で変更できます。
ここで Universal(Unicode UTF-8) を選択します。

なぜかというと、他のエンコード方式を選択すると投稿メッセージ中の記号類が文字化けするから。これは投稿編集画面自体が UTF-8 で書かれているからだと思います。

■２．テンプレートからタイトルとメタデータとを入れ替える

エンコード方式が正しく選択されていても、ページがまったく表示されずに真っ白になる場合があります。これはページタイトルに日本語が使われている場合に起こります。ブラウザ（IE, NN, Opera など）がページの最初から順に HTML を読んで解釈する際に、エンコードタイプがわからないまま日本語が出て来ると文字化けする可能性が高いのです。そこで管理画面「設定→テンプレート」から HTML が

　という順になっているのを入れ替えて、

<$BlogMetaData$>
<title><$BlogPageTitle$></title>

　とします。

これでブラウザのエンコードミスを回避できるかと。ちなみに<$BlogMetaData$> にはエンコード情報などのメタタグ類が入っています。なぜそもそもこんな順で並んでいるのかは、謎ですが…。

■３．テンプレートから言語を指定する

ついでに HTML の使用言語指定について。
同じく管理画面「設定→テンプレート」から２行目を

　から

　に変更します。

ここは「この HTML ファイルは…語で書かれているよ」と指定している部分です。ブラウザがこの部分にどれだけ反応するかわかりませんが、多少なりともエンコードミスを防げるはず…。ここもそもそものデフォルトは、en（英語）に設定されています…。

■４．テンプレートから XML 宣言を加える

このブログ Blogger で扱われている文書は正確には XHTML といいます。これは XML をうけついだ「HTML」だということですが、そのため XHTML 文書には XML としての宣言も求められます。

具体的には１行目で

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

　と書かれている部分に

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

　と赤字の部分を加えるとOKです。

この宣言ももともとはついていませんので、がんばってつけてください。

以上で４つの予防策の紹介は終わりですが、ほかにもこういう手があるよ、という方は教えてくださいね。ではまた。

初めまして。
この投稿には助かりました。
個別の投稿が表示されないというトラブルに見舞われていたのですが、解決できたようです。
有難うございます。
http://blog01ochame0001.blogspot.com/

By ちゃめ, at 26 August, 2005 20:51
コメントありがとうございます。
Blogger でのエンコードは特にやっかいですね。
記事が役に立ったようで、嬉しいです。

By kuribo, at 27 August, 2005 00:12
お世話になってます。
ほんと、助かりました。感謝感激です。

By ちゃめ, at 29 August, 2005 16:45
連載小説のブログをセットアップする際に、またまたここを見にきました。

いや?、お世話になります。
クリボウさんのTIPSには、日本語Blogger＆コーディング素人には必須のTIPSがたくさん有るので、エッセンスを抽出したページなんかを作ってみると、とても良いかも？
なんて、おせっかいながら思ったりします。

By ちゃめ, at 20 November, 2005 20:27
公開したのにページが真っ白。
ヘルプじゃ、解決法のかけらもでてこないし。
それがこの記事で解決しました。
ありがとうございます

By kani_city, at 14 December, 2005 12:48
最初文字化けで「見えないよ」
といわれて、もう一回作り直しました。
このブログを最初に見ておけばよかった。

By wonda, at 09 January, 2006 23:20
＞ kani_city さん、wonda さん
コメントありがとうございます。
Blogger Help にも文字化けに対するヘルプはありませんね。
Blogger ももう少し、２バイト文字を使用する人のことを考えて欲しいな、と思ったり。

By kuribo, at 12 January, 2006 21:44
助かりました。
画面が真っ白で、
テンプレートの始めのLangをJAにしても
直らなく、検索で、当記事を探しました。

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

By maida01, at 07 February, 2006 20:02
kuriboさま
助かりました?。自分のほうは会社でも自宅でもばっちり見えるのに、一部の方から「真っ白」と指摘され、どうにもこうにも困り果てておりました。もうBloggerに見切りをつけて他のプログサービスに乗り換えようかとまで思いました。1-4のうち、4をやるとなぜか文字のサイズがでかくなるので、とりあえず3までで様子見してます。
今後ともお世話になります。
取り急ぎ御礼まで。

By 所長, at 16 February, 2006 18:02
はじめまして。
困っていた問題が解消できたので、大変助かりました。本当にありがとうございました。今後も、参考にさせていただきます。

By yomei, at 23 February, 2006 22:40
文字化けの問題が解決しました．ありがとうございました．

By ぶなやかた, at 25 February, 2006 10:45
最近では、何か？なことがおきると真っ先にクリボウさんのところに飛んでくるようになりました。
"文字化け"もおかげさまでクリアできました。有難うございます！

By cavacavien, at 02 March, 2006 21:15
はじめまして。

ああ、やっと解決。
ありがとうございます。助かりました。

By s_mika, at 09 March, 2006 20:22
はじめまして。
特定の投稿のみパーマリンクが真っ白になってしまっていましたが無事解決しました。
ありがとうございました。

By revolver, at 16 March, 2006 12:52
ページがどうしてもまっ白になってしまい、困り果ててbloggerを呪ってしまうところでした。こんな簡単なことだったんですね。
本当に助かりました。ありがとうございます。困った時はクリボウに聞け！今後とも勝手にお世話になりそうです。

By ちゃんぷるー, at 20 March, 2006 16:31
はじめまして。サイトの方でのエンコードについてのアドバイス、ありがとうございます！

実は困っていることがあります。bloggerの日記をmixiに読み込ませているのですが、タイトルが思いっきり文字化けするのです。上記の対策をしても、直りません・・・なにかよいアドバイスはないでしょうか？

By torizou, at 02 April, 2006 20:44
はじめまして。
私もクリボウさんに助けられました。
ありがとうございます。

By GoogleMaster, at 15 May, 2006 13:53
素晴らしいアドバイスありがとうございます。ページが表示されず気が動転していましたが、助かりました。

By Ludwig the 5th, at 21 July, 2006 06:25

クリボウの Blogger Tips

このブログについて

フィードリーダーに登録

お知らせ

以前の記事

現在の閲覧者数

文字化け対策、エンコードのこと