編集長ブログ―安田英久
HTMLチェックとかリンク切れチェックでこれくらいは知っておきたいツール

Web担のサイトを少しずつ改善するなかで、久しぶりにサイト全体にわたってHTMLが正しく使われているかをチェックしてみました。結論としては、やっぱり、ちゃんとHTMLチェックとかしないとダメですね……。

というのも、先日、Operaでだけトップページの表示が崩れるという現象があったのです。Web担では、記事ごとのHTMLは基本的にすべてHTMLチェッカーを通して確認していて、記事本文のHTMLは公開前にチェックされています。しかし、一覧ページに表示されるHTMLの部分(「ティーザー」と呼んでいます)がそのチェックフローから漏れていたことが判明したのです。早速、社内で使っている記事HTMLチェックの仕組みを修正して、ティーザーもHTMLチェックされるようにしました。

そういうことがあったので、サイト全体のテンプレートなどもHTMLチェックを通してみました。もともと、Web担のテンプレートのHTMLにはその場しのぎで作ったものもあり、なぜか<span>の中に<div>が入っていたり、XHTMLで宣言しているのになぜかHTML 4系の属性を使っていたりするので、そういった点を改めてチェックして、いろいろと修正しました。

有名なHTMLチェッカーというと、やはり次の2つでしょうか。

Web担では、Another HTML-lintを使っています。チェック項目などを細かく指定できることや、社内のサーバーにインストールして負荷を気にせずに使えるからというのが理由です(もちろん商用利用になるので、利用料をちゃんと支払ってますよ)。

CSS(スタイルシート)のチェッカーは、やはりW3Cのものが良いようです。インターフェイスも日本語化されていますし。

ちなみに、Web担ではHTMLやCSSのチェッカーで100点を目指すことはしていません。CMSの制限上どうしても正しいHTMLではない形で実現したほうがスムーズに機能を実現できる場合などもありますし、ブラウザによって違うCSSを読ませるハックなども使っていますからね。もちろん正しいHTMLであるほうが何となく気分は良いのですが、そこにこだわってしまうと目的達成の近道から外れてしまう場合は無理に適合させなくてもいい、というルールを自分の中で作ってやっています。

あと、リンクチェックに関しては、Web担では外部からチェックするよりもCMSのなかで処理したほうが早いので独自のツールを作って使っていますが、W3Cの提供しているリンクチェッカーもかなり優秀ですね。

リダイレクトなどもちゃんと処理して調べてくれますし、サーバーへの負荷もかかりすぎないように調整してくれます。広告システムの画像までチェックしているのでJavaScriptを解釈して実行しているのかと驚きましたが、単に<noscript>の部分を読んで処理しているだけですね。

チェッカー類はデスクトップアプリケーションなどいろいろありますが、個人的にはAnother HTML-lintとW3Cのサービスを押さえておけば、Web担当者としては悪くはないんじゃないかと思います。

ほかにも、あなたのオススメのチェッカーなどありましたら、教えていただけるとありがたいです。

この記事は、メールマガジン「Web担ウィークリー」やINTERNET Watchの「週刊 Web担当者フォーラム通信」に掲載されたコラムをWeb担サイト 上に再掲したものです。

tweet7このエントリーをはてなブックマークに追加
日本赤十字社 東日本大震災 義援金募集
Web担メルマガでラクラク情報ライフを
注目記事が毎週手もとに届いて見逃さない
要チェックのセミナー情報もゲットできる
編集長コラムを一足先に読める
―― 10万人が読んでいる、Web担必読メルマガです

今日の用語

XMLサイトマップ
検索エンジンに対して、サイト内にあるページをリストアップして伝えるファイル。XM ... →用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]

GOLD SPONSOR
さくらインターネット株式会社株式会社KDDI ウェブコミュニケーションズ株式会社日本レジストリサービスHP Softwareトランスコスモス株式会社株式会社ハイパーボックスDomain Keeperアドビ システムズ 株式会社
SPONSOR
株式会社キノトロープ株式会社アイレップ株式会社ニューズ・ツー・ユーシックス・アパート株式会社ウェブアンテナ株式会社サイバーエージェント富士通株式会社SitecoreYahoo!プロモーション広告Oracle