DTDがXHTMLのSEO - IE6の互換問題

DTDがXHTMLの場合、ページソース冒頭にXML宣言を行うとIE6（マイクロソフト・インターネット・エクスプローラー6）が後方互換モードで動作する。

後方互換モードとは古いブラウザの様に振舞う事だが、そのお陰でIE6の場合だけ表示が崩れるという問題が生じる。たとえ表示がガタガタに崩れてもSEOには影響しないが、肝心の人間様がこれでは困るから直さなくてはいけない。

〔XML宣言〕

W3C勧告ではページソースの冒頭にXML宣言を行うように要請されているので、下記の様なコードを書き入れることになる。

<?xml version="1.0" encoding="文字コード"?>

マイクロソフトの資料によると、IE6は冒頭にXML宣言があると後方互換モードで動作し・無いと標準モードで動作するそうだ。

〔センタリング問題〕

IE6ユーザーは次第に少なくなっていると考えていたが、当サイトを調べてみるとIE7とIE6の占有率はほぼ同じで実際はそうでもなかった。

実は当サイトは今回のサーバー移転でCSSを書き直したが、その際にコードをスッキリさせようとタグを減らしたのが間違いだった。IE6の後方互換モードではブロックレベル要素のセンタリングが効かないバグがあり、この為に表示崩れを起こしていた。

これを避けるにはもう一つ外側にブロックレベル要素を作成し、それをtext-align: center;とセンタリンクすることで解決できる。すると内側にあるブロックレベル要素内も一緒にセンタリングされてしまうので、今度はtext-align: left;と追加しておく。

これでIE6のバグを回避できるので、同様の症状が出たら思い出してください。

今回は幸いにも読者が指摘してくれたのでき気付いたが、そうでなかったら当分の間は変なページで居た事だろう。まだまだ現役なIE6。皆さんも後方互換モードにご注意ください。