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

クリボウの Blogger Tips

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

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

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

Posted at: 2005-06-25 16

自分のサイトに何も表示されなくなった、自分のパソコンでは見えているのにほかの人のパソコンでは見えない、投稿メッセージが意図したとおりに表示されない、などなど、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:16

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

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

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

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

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

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

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

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

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

    ReplyDelete
  13. شركة خدمات نقل عفش بالرياض لكل الباحثين من السادة العملاء عن أيدي العون خلال فترات الانتقال إلى مكان جديد سواء كان الأمر بالنسبة لأثاث المنازل أو لأثاث

    المصدر: شركة خدمات نقل عفش بالرياض

    شركة نقل اثاث فلبينيين الرياض من الأمور الشاقة جدا هي عمليه نقل الأثاث فيخشوا من عمليه النقل أن تحدث أي اضرار وتلف بالأثاث فلذلك يبحثون عن من هم مختصون

    المصدر: شركة نقل اثاث فلبينيين الرياض

    شركة نقل اغراض بالرياض حيث أن عملية نقل العفش من مكان إلى أخر سواء المغتربين بالمملكة العربية السعودية أو السعوديين المقيمين داخل الرياض، وتعمل الكثير

    المصدر: شركة نقل اغراض بالرياض

    دليل شركات نقل العفش بالرياض فالانتقال للعيش في مكان آخر يتوجب عليكم نقل الأثاث الخاص بكم من خلال اللجوء إلى واحدة من الشركات المختصة في نقل العفش بالمنطقة

    المصدر: دليل شركات نقل العفش بالرياض

    أسعار شركات نقل العفش بالرياض أصبحت مهمة الانتقال من مكان إلى أخر في يومنا هذا من أسهل ما يكون بسبب توفر شركات النقل في كل مكان ومن أفضل وأشهر شركات النقل

    المصدر: أسعار شركات نقل العفش بالرياض

    شركة تنظيف فنادق بالرياض تحتاج الفنادق بشكل عام إلى التنظيف والتطهير بشكل مستمر بالنظافة تعد العامل الأكثر أهمية في جذب النزلاء إليه ولكي يحافظ على سمعته

    المصدر: شركة تنظيف فنادق بالرياض

     

    شركة تنظيف كنب شمال الرياض والمزايا التي تتمتع بها تابعونا في السطور التالية حيث تحرص الكثير من ربات البيوت في جعل المنزل دائماً ينبض بالبريق

    المصدر: شركة تنظيف كنب شمال الرياض

    شركة تنظيف فلل شرق الرياض تعاني الكثير من السيدات ممن تمتلك منزل ذو مساحة شاسعة أو تعيش في قصر كبير من مشكلة التنظيف حيث يصعب عليها إتمام المسئوليات

    المصدر: شركة تنظيف فلل شرق الرياض

    شركة جلي بلاط شرق الرياض الكثير من ربات البيوت تُعاني عملية التنظيف وجلي الدهون وإزالة البقع خاصةً من البلاط والسيراميك حيث يتميز بوجود فراغات

    المصدر: شركة جلي بلاط شرق الرياض

    ReplyDelete
  14. betune video platform for sharing video
    منصة بيوتن لمشاركة الفيديو مع العائلة والأصدقاء
    www.betune.net

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.