CSSとXHTMLの組み合わせによるSEO対策と同時に、HTMLチェッカーで満点とれば素敵なHTMLだという流行も発生している気がします。。。
でも、HTMLチェッカーで100点とっても素敵とは限らないんです。。
HTMLチェッカーは万能ではありません。
HTMLチェッカーは自分の書いたHTMLを採点してくれるので、確かに便利ではあります。ボク自身もブログの記事を書いた場合は、チェックしてますし。。
ただ、チェックする目的は「打ち間違え」や「タグの閉じ忘れ」のあら探しであって、100点取るための採点はしていません。
というのも、HTMLチェッカーは使われているHTMLタグが正しいかどうか?は教えてくれますが、その構造がどうであるか?ということは教えてくれません。
例えば、HTMLチェッカーでは以下のようなXHTMLで100点をとることが出来ます。
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="content-type" content="text/html;" /> <title>Quick*Weblog</title> </head> <body> <div class="h1">見出しだぜ!</div> <div class="h2">見出し2だぜ!</div> <div class="para">段落なんだぜ!</div> </body> </html>
これはXHTML文書的には完全にアウトです。正しくは以下のようになります。
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="content-type" content="text/html;" /> <title>Quick*Weblog</title> </head> <body> <h1>見出しだぜ!</h1> <h2>見出し2だぜ!</h2> <p>段落なんだぜ!</p> </body> </html>
このことから分かるように、HTMLチェッカーは確かに便利なツールではありますが、これで100点をとったからといって、それで素敵なHTMLに仕上がっているとは言えないのです。
また、HTMLチェッカーで100点をとっているからSEOにも良いんです!みたいなテンプレートもありますが、その中身はしっかりと見た方が良いです。。
ちょっとした余談
javascriptなどを使うとHTMLチェッカーで減点されることが多々あります。しかし、そういった細かい部分はあまり気にする必要は無いかと思います。
必要ではないスクリプトを使用して減点されるのはアレですが、必要なモノを取り入れて減点されるのは仕方ないと思うのです。
例えば、CSSで見栄えを調整できるといっても万能ではなく限界があります。それを補うために何かしらの手法を使うのは良くあることです。
HTMLチェッカーで満点とればおk!みたいな考え方が深く根付いてしまうと、そういったことも許せなくなってしまったりするので、注意が必要です。。
って・・・じつはボクがそうだったんですけどね(笑)