IE7 で見れるようになった件

2008-08-06 (水) 15:40
diary

このブログが IE7 で見れない状態でしたが解決した（はず）です。
MTL の山本ゆうごさんに教えてもらいました。

（メール転載）
真っ白になるユーザはたぶん、文字コードの自動判定のモードにしているんだと思う。
自動判定のモードだと、中の文字をみながら自動判定する。
寺井のブログのヘッダをみていると
・タイトルタグ
・content typeのcharset
にという順だけど、これだと、content typeが読まれる前に、タイトルタグで自動判定されちゃう可能性がある。
・content typeのcharset
・タイトルタグ
という順ならいけるかも。
ちなみになんでこんな変な機能があるかというと、プロキシサーバが文字コードを勝手に
変換する時代があって、そのプロキシサーバはcharsetの部分は書き直さないから、
charsetを無視するモードが必要というわけです。

教えていただいた通りやってみたら治ったっぽいです。

今まで僕のブログの HTML ソースのヘッダタグは

<head profile="http://purl.org/net/ns/metaprof">
<title>trick7.com blog: 記事タイトル</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
：（中略）
<meta name="description" content="flashの勉強・書籍・サイトについて" />
<link rel="icon" href="http://www.trick7.com/favicon.ico" type="image/x-icon" />
</head>

という風に僕の方で勝手に title タグを一番最初に置いていたんですよね。その方が SEO 効くかなと思って。。浅はかでした。
ページにアクセスすると最初に title を読み込むことになるからタイトルの中に日本語があった場合にブラウザ（IE7）が勝手に、「この日本語は Shift-JIS かな？UTF-8 かな～？ええい Shift-JISってことで！」と誤って自動認識し、ページが表示されなかったようです。

ゆうごさんが仰る通り、Content-Type で「このページはUTF-8です」と宣言してから、日本語混じりのタイトルを表示させればオッケー。

<head profile="http://purl.org/net/ns/metaprof">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
：（中略）
<meta name="description" content="flashの勉強・書籍・サイトについて" />
<title>trick7.com blog: 記事タイトル</title>
<link rel="icon" href="http://www.trick7.com/favicon.ico" type="image/x-icon" />
</head>

素人が下手に SEO まがいのことをやると痛い目にあうという好例ですね。

こうやって業務外なのに親切にアドバイスをくれる MTL（メディアテクノロジーラボ）って素敵でしょ。

そして MTL ゆうごさんは、一部 Flasher 間でもヘビーユーザーがいる「調整さん」の企画発案者で（実装は石橋さん）、この調整さんのような「普通に便利な・普通に使いそうな」サービスに憧れて僕も MTL（旧たたみラボ）に入って、ゆうごさんと「パパパメーター」を作ったりして現在に至ります。

以上、MTLへのどっこいしょ記事でした。

Comments:0

Trackbacks:1

Trackback URL for this entry: http://www.trick7.com/blog/2008/08/06-154000.php/trackback
Listed below are links to weblogs that reference: IE7 で見れるようになった件 from trick7

pingback from ソースコードは見れるけどページが表示されないIE « ウップス!!なかわけ 09-07-01 (水) 20:59: [...] <head> <meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS” > <title>このページは入力ページだよ</title> ・・・ </head> あ～あ、引っかかっちゃったな～。以下、参考になる記事です。 http://www.trick7.com/blog/2008/08/06-154000.php [...]

Here are my twitter delicious tumblr hatena booklog kskl ハモニナペアゲー

ブログ内検索

最近の投稿

カテゴリー

アーカイブ


AS3習得本: AS3の全容を学習できる本。この中でどれか1冊自分に合ったものを。
AS3発展本: ASでアニメーションさせる面白さを知るための本。
AS2: "Flash"ではなく"ActionScript2.0"学習のための良著。他にもいろいろ読んだけど、この4冊を読んだ後、自分が成長できた感じがしました。

Return to page top