netgeek

0

HTMLタグの閉じ忘れを調べる超便利ツールを使ってみた

netgeek 2014年4月5日
 

HTMLを手打ちで修正するときにありがちなミスが、タグのとじ忘れ。SEO的にはけっこう致命的で、気づかないままずっと、そのままだったりすることもしばしば。目視で確認しなくても自動的に検出できるツールがあればいいのにと思ったことはないだろうか。今日はそんな「HTMLタグの閉じ忘れがあっという間に調べられる超便利ツール」を紹介しよう。

ある日、netgeek編集部の元にこんなメールが届いた。「タイトルタグが閉じられていない」。

さてなんのことだろうと思って、netgeekのページを開き、ソースを表示し、タイトルタグをみてみると…。

netgeektitle

確かに閉じられていない!最後に「>」が足りないのだ。そういえば、Googleの検索結果にタグが表示されていたことがあったのは、この閉じ忘れのせいだったのかと思い出しつつ、慌てて修正した。

しかし、それでも心配なことが「他にも閉じ忘れがあるのではないか」ということだ。目視で一つ一つ確認するのは大変だし、何かHTMLの文法をチェックできるツールがあれば…。

閉じ忘れをチェックするツール

検索した結果、超便利なツールを発見したので紹介しよう。

使い方は簡単2ステップ。

HTML内タグの閉じ忘れをチェックするツール[ブックマークレット]
http://tockri.blog78.fc2.com/blog-entry-168.html

(1)↑上記ブログにある「タグ対応をチェック」と書かれている部分で右クリックしてブックマークに追加

(2)調べたいページでブックマークに入れたリンクをクリック。

なんとこれだけ!実に簡単ではないか。

使ってみた

さっそく使ってみよう。

ライブドアブログ最大手の痛いニュースだと…

tagu1

now conputingと表示された後に…

tagu2

1つだけ見つかった!

tagu3

問題箇所を見たが、特に問題はなさそう。さすがにライブドアブログのテンプレを使っているから、文法ミスはなさそうだ。

さて、次にnetgeekの個別ページで見てみるとなんと4つも検出されてしまった。

tagu3

1と3は問題なさそうだが、2と4はおそらくコメント欄を非表示にしているからだろうか。正直、よくわからないので見なかったことにしたい…。現状、検索から省かれているということはないので、放っておいても大丈夫だろうか。

***

このように、一瞬でタグの文法が確認できるブックマークレット、とても便利なので使ってみてはいかがだろうか。

▼この記事が面白かったらいいね!

▼この記事をシェアする









▼netgeekをフォローして最新情報を受け取る

Comments are closed.




Login to your account

Can't remember your Password ?

Register for this site!