株式会社Spelldata

〒100-0004
東京都千代田区大手町一丁目7番2号
東京サンケイビル27階
Tel: 03-3242-3150
営業時間: 土日・祝日を除く 9:00〜17:30
Webからのお問い合わせ

HTMLの検査

Webページの情報構造化を調べてみよう!

2016年6月20日
2019年10月13日更新
著者: 竹洞 陽一郎

情報構造化とは?

情報構造化とは、Webページに情報(コンテンツ)を記載する時に、機械に正しく理解してもらうため、適切な文書の意味付けをしてHTMLでコーディングする事を指します。

皆さんが、Webページを読んで、「ちゃんと読めるし、内容も分かる」と思っても、それが機械にとって「読める(リーダブル)」かどうかは、話が別です。
もしも、人に対する「見た目」を重視して、文章を画像にしてしまったら、機械には読めません。
Googleのような検索エンジンの「機械」にWebページが読めないと、機械は書いてある内容を理解できず、結果として、検索結果に表示されないページとなってしまいます。

マシンリーダブル(機械が読める)でなければ、結果として、ヒューマンファインダブル(人に見つけてもらえる)ではないWebページとなってしまうという事なのです。

人は見た目で物事を判断してしまいますが、機械は見た目で情報を判断しません。
機械は、文章を解析します。
ですから、画像を非表示にしてみて、文章として、どんな情報が残るのかを確認することが重要です。

また、文章の構造を、見出しを見ることで確認することが出来ます。
優れた文章は、適切な見出しが設定されています。
見出しは、人も、機械も、文章を理解する上で、大事なガイド役を果たします。

機械は、単語や熟語は容易に理解することが可能ですが、文書を解釈するのは苦手です。
特に、日本語は、英語のようなスペースで単語が区切られる言語ではないので、余計に難しいのです。

Webサイトを作る際に使う、HTMLという言語は、構造化言語と言って、文書の題名、見出し、段落、表、引用文、画像や図表の意味を定義するものです。
その定義を読み込んで、Webブラウザは、文書を解釈して表示してくれます。
それは、単にWebページの表示だけではなく、その文書の意味を解釈する上でも、非常に有用なのです。

もし、その定義に間違い(文法ミスや使い方の間違い)があったら、どうなるでしょう?
検索エンジンは、正しくWebページの内容を理解できなくなってしまいます。

Nu HTML Chekerで文書構造をチェックする

では、実際にNu HTML Checkerを使い、文書構造などをチェックしてみましょう。
今回は、例として、ラグビーワールドカップ2019日本大会の公式サイトをチェックしてみます。

ラグビーワールドカップ2019日本 公式サイト

初期設定

Nu HTML CheckerのWebページにアクセスしたら、次の画像のようにチェックを入れてURLを入力します。

準備が終わったら、Checkのボタンを押します。

Nu HTML Checkerの初期設定

HTMLの文法エラー数の確認

結果が表示されたら、HTMLの文法エラー数を分かりやすく表示させるために、「Message Filtering」というボタンを押します。

Nu HTML Checkerのチェック結果画面

すると、HTMLの文法エラーの数や警告の総数が表示されます。

HTMLの文法エラーの総数の表示

見出し構造の確認

画面の下へスクロールすると構造化文書としてのHTMLで重要な見出しレベルの概要が確認できます。
見出しが抜けているのは論外です。
また、見出しが入っていても、適切な見出し構造で、当該のHTML文書にとって適切な見出しとなっているかを確認する必要があります。

構造的アウトラインについては、よく問題になるのは、見出し無しにnavを実装するのが、仕様上エラーと見做される点です。
これは、実務でも意見が分かれるところです。
まずは、適切な見出し構造と、適切な見出しがつけられていることを重視しましょう。

HTMLの見出しレベルアウトライン(Heading-level outline)と構造的アウトライン(Structural outline)

マシンリーダブルにする成果

以上が、情報構造化管理の最初の一歩、基礎中の基礎です。
これだけでも、Webページの情報の品質を改善する効果があります。

下のグラフは、長野県の住宅施工会社での改善の例です。
トップページのHTML文法エラーが167個あったのを、まずは半分ぐらい修正してもらいました。
それによって、時間の経過と共に、Googleでの検索の表示回数が著しく改善しています。

HTMLの文法エラーの修正で、Googleでの検索表示回数が上昇

その理由は、HTMLの文法エラーを修正することで、より正しく文章が解釈され、下の図にあるように検索の順位が向上したからです。
特に、住宅施工会社としては重要な「新築 <市町村名>」のキーワードについては、最低でも10位、最高で100位向上しています。

HTMLの文法エラーを修正することで、検索順位が10〜100位向上

現在、付き合っているWeb制作会社の「質」が確認できる

このように、現在の自社のWebサイトのHTMLの文法エラーの数や、マシンリーダブルかどうかを確認することで、現在付き合っているWeb制作会社の「質」を確認することができます。
どうしても、人が確認すると「見た目重視」になってしまいますが、Webサイトは、人だけが読むわけではないのです。
機械にも、ちゃんと読めるようなWebページを作成できていない場合は、現在お願いしているWeb制作会社を変更した方が良いでしょう。