クリボウの Blogger Tips

Google Blogger の使い方、カスタマイズ方法、各種ツールなど、
Blogger 関連の役立つ情報を紹介しています。

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

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

Posted at: 2005-06-25 21

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

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

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

■1.エンコード方式を選択する

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

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

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

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

<title><$BlogPageTitle$></title>
<$BlogMetaData$>
 という順になっているのを入れ替えて、
<$BlogMetaData$>
<title><$BlogPageTitle$></title>
 とします。

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

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

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

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 から
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
 に変更します。

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

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

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

具体的には1行目で

<!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です。

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

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


スポンサードリンク:
お願い:
「この記事役に立った!」と思ったら、ぜひフィード登録をお願いします。 

Comments:21

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

    ReplyDelete
    Replies


    1. - Ta đến lúc đó sẽ nói cho Vạn kim môn và Cuồng Sư môn, đến lúc đó Hồ Điệp Cốc, Vạn Kim Môn, Cuồng Sư môn sẽ liên thủ với nhau.

      - Vậy thì khôngđồng tâm
      game mu
      cho thuê nhà trọ
      cho thuê phòng trọ
      nhac san cuc manh
      số điện thoại tư vấn pháp luật miễn phí
      văn phòng luật
      tổng đài tư vấn pháp luật
      dịch vụ thành lập công ty trọn gói
      http://we-cooking.com/
      chém gió có vấn đề gì, tuy nhiên ngươi cần phải đề phòng người của Hắc Ám thần điện, bọn họ không dễ đối phó đâu.

      Thái thượng trưởng lão nói với Nhạc Thành.

      - Thái thượng trưởng lão, bà có biết ma thú lãnh thổ ở nơi nào không?

      Nhạc Thành cất tiếng hỏi lão phụ áo lam.

      - ma thú lãnh thổ, sao vậy, ngươi muốn đi sao?

      Lão phụ áo lam cùng với La Phương hơi biến đổi sắc mặt mà hỏi.

      - Có một số chuyện cần phải đi.

      Nhạc Thành cất tiếng nói, cái này có liên hệ với tứ đại tộc nhân và tứ đại thú tộc, Nhạc Thành tự nhiên là muốn đi.

      - Nơi đó chính là thiên hạ của thú tộc, ở trong đó có rất nhiều ma thú, rất ít tộc nhân ở bên trong.

      Thái thượng trưởng lão cất tiếng nói.

      Delete
  2. コメントありがとうございます。
    Blogger でのエンコードは特にやっかいですね。
    記事が役に立ったようで、嬉しいです。

    ReplyDelete
  3. お世話になってます。
    ほんと、助かりました。感謝感激です。

    ReplyDelete
  4. 連載小説のブログをセットアップする際に、またまたここを見にきました。

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

    ReplyDelete
  5. 公開したのにページが真っ白。
    ヘルプじゃ、解決法のかけらもでてこないし。
    それがこの記事で解決しました。
    ありがとうございます

    ReplyDelete
  6. 最初文字化けで「見えないよ」
    といわれて、もう一回作り直しました。
    このブログを最初に見ておけばよかった。

    ReplyDelete
  7. > kani_city さん、wonda さん
    コメントありがとうございます。
    Blogger Help にも文字化けに対するヘルプはありませんね。
    Blogger ももう少し、2バイト文字を使用する人のことを考えて欲しいな、と思ったり。

    ReplyDelete
  8. 助かりました。
    画面が真っ白で、
    テンプレートの始めのLangをJAにしても
    直らなく、検索で、当記事を探しました。

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

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

    ReplyDelete
  10. はじめまして。
    困っていた問題が解消できたので、大変助かりました。本当にありがとうございました。今後も、参考にさせていただきます。

    ReplyDelete
  11. 文字化けの問題が解決しました.ありがとうございました.

    ReplyDelete
  12. 最近では、何か?なことがおきると真っ先にクリボウさんのところに飛んでくるようになりました。
    "文字化け"もおかげさまでクリアできました。有難うございます!

    ReplyDelete
  13. はじめまして。

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

    ReplyDelete
  14. はじめまして。
    特定の投稿のみパーマリンクが真っ白になってしまっていましたが無事解決しました。
    ありがとうございました。

    ReplyDelete
  15. ページがどうしてもまっ白になってしまい、困り果ててbloggerを呪ってしまうところでした。こんな簡単なことだったんですね。
    本当に助かりました。ありがとうございます。困った時はクリボウに聞け!今後とも勝手にお世話になりそうです。

    ReplyDelete
  16. はじめまして。サイトの方でのエンコードについてのアドバイス、ありがとうございます!

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

    ReplyDelete
  17. はじめまして。
    私もクリボウさんに助けられました。
    ありがとうございます。

    ReplyDelete
  18. 素晴らしいアドバイスありがとうございます。ページが表示されず気が動転していましたが、助かりました。

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.