Web標準技術とは、Webコンテンツの制作や流通のための標準技術であり、W3C（The World Wide Web Consortium）が中心となって策定を進めている技術です。構造化言語、プレゼンテーション言語、オブジェクトモデル、スクリプト言語などが標準化されています。
- Web標準技術とは
- 構造と表現（ストラクチャとプレゼンテーション）の分離
- 多様なエージェントにコンテンツを伝える
- 文書の構造化とプログラム処理
- 意味のまとまりを明確にする
- 誤解とその解決
- 営利企業への経済的インパクト
- 導入への課題
- シンプルなコーディング
- 余計な記述を減らす
Web標準技術とは
Web標準技術は、世界中のどんなタイプの端末からでも、世界中のドキュメントを利用できるように設計されています。様々なユーザーが、様々な環境や条件の下で、ユニバーサルな情報共有を可能にするために設計され、それを仕様として策定、公開されているのです。これに準拠したドキュメント制作によって、私たちWeb制作者も、SEOを含めて様々なメリットを享受することができます。
W3C（The World Wide Web Consortium）は、1994年の設立以来、Webコンテンツの制作や流通のための標準技術を策定したり、その技術を普及させる活動を行ってきたものであり、世界中のどんなタイプの端末からでも、世界中のドキュメントを利用できるように設計されています。様々なユーザーが、様々な環境や条件の下で、ユニバーサルな情報共有を可能にするために設計され、それを仕様として策定、公開されているのです。
しかしそうしたW3C（The World Wide Web Consortium）の活動の一方で、当初はNetscapeやMicrosoftがそれぞれのブラウザに独自の拡張を加えていくなど、Web標準技術が正常に機能しているとは言いにくい状況でしたが、近年では各ブラウザベンダーもW3CのWeb標準技術に準拠したブラウザをリリースするなど、W3CはWeb標準技術策定機関として機能し、WWWの世界に強い影響力を発揮しています。
構造と表現（ストラクチャとプレゼンテーション）の分離
(X)HTMLとCSSを使用したサイト制作では、構造と表現（ストラクチャとプレゼンテーション）を分離し、(X)HTML文書には文書の構造だけを記述し、画面上のレイアウトなどの表現の制御はすべてCSSで行います。このため(X)HTML文書は、たいへんシンプルな構造となり、そこに記述された情報は高い汎用性を持つようになります。
つまり、一般的なPC環境（モニタやキーボード、マウスなどを使用する環境）だけでなく、ブラウザフォンやPDAなどの携帯端末や、リモコンとテレビスクリーンを使用する端末など、様々な環境での利用が可能となるのでです。もちろん検索エンジンのロボットにも優しい構造となります。
多様なエージェントにコンテンツを伝える
このように、(X)HTMLとCSSを利用し、構造化された記述を行うことで、ブラウザだけでなく検索エンジンに対しても、意味を正確に伝えるなど文書とプログラムの高い親和性を得られます。
このような文書とプログラムの高い親和性の確保は、ページの収集、データの格納、キーワードに対する適合度の判定、といった検索エンジンの動作を助けることにつながり、作成したウェブページが検索エンジンに適切に評価されることを助ける効果を持つのです。
文書の構造化とプログラム処理
情報の汎用性の向上は、構造と表現の分離がもたらす利点の一つですが、この利点はSEOの施策上も大きな意味を持ちます。検索エンジンがインターネット上のページを収集するために放つスパイダーと呼ばれるロボットや、収集したページをデータベースに格納するための処理を行うインデクサ、ユーザーが入力した検索キーワードに対する適合度を計算するアルゴリズムなども、すべてHTMLを処理するプログラムであり、(X)HTMLを利用することでこれらのプログラムに対する適合性を高めることが可能になるためです。
HTMLやXHTMLについての話題の中で、ほとんど必ずと言っていいほどに登場するキーワードに「構造化」というものがあります。構造化とは、「構造と表現の分離」と、「意味のまとまりを明確にする」ということの2つの意味を持っています。このうち、「構造と表現の分離」の意味とSEOにおける効果については先述の通りです。そして後者の「意味のまとまりを明確にする」というのも、SEOにとって大変重要なものです。
意味のまとまりを明確にする
HTMLやXHTMLでいう「意味のまとまり」とは、段落を表すp要素や、見出しを表すh要素のマークアップのように、段落や見出し、といった意味のまとまりを他の部分と区別し、意味のまとまり自体の固有の意味を明確化することを指します。文書の構造上の部品をtitle要素、hn要素、p要素、といったような意味のまとまりに分け、これらの意味を区別できるようにマークアップするのです。
適切に構造化された(X)HTML文書は、(X)HTMLを処理する様々なプログラム上で、文書本来の意味を失わずに処理、出力されます。IEなどのブラウザであっても、テキストブラウザやブラウザフォン、音声ブラウザなどであっても、段落は段落として、見出しは見出しとして処理され、他の部分とは区別されて出力されます。
このような処理は、検索エンジンが収集したHTML文書や(X)HTML文書を処理する際にも同様に行われています。検索エンジンは、的確に構造化してマークアップされた文書に対しては、第1レベルの見出しと他の部分、というように、HTML文書や(X)HTML文書が持っている構造を意味のまとまりとして区別し、処理します。(X)HTML文書として構造化された文書を作成することで、検索エンジンにも意味の構造を正確に取得させ、処理させることが可能になるのです。
誤解とその解決
Web標準技術に準拠したWebコンテンツの公開は、それを公開する企業にとって大変大きな利益をもたらすことは、多くの人に理解されています。しかしそれでも多くの企業サイトがWeb標準技術に準拠しない理由の一つに、Web標準技術に対応するためにかかるコストについての誤った認識があるようです。
コスト面の誤解でよくある意見は、「Web標準技術に準拠することで、古いブラウザとの互換性に問題が出る」というものです。この意見は、2000年代前半までは正当な意見でした。4.0世代のブラウザはWeb標準技術の実装が甘く、これらのブラウザを主要なターゲットとする場合、Web標準技術に完全に準拠することは現実的ではありませんでした。しかし、その頃とと今では状況に大きな隔たりがあります。
現在主流になっているブラウザは、IE、Firefox、Mozilla、Opera、Safariなど、いずれもWeb標準技術にかなりのレベルで準拠しています。そして、Web標準技術に準拠したコンテンツ制作を行う場合、古いブラウザにはCSSを読み込ませない、といった方法で、古いブラウザにも対応することが可能です。
そしてもちろん、今後登場するブラウザはWeb標準技術に準拠したものがほとんどになると考えられています。つまり、Web標準技術に準拠することで、過去、現在、未来のほとんどすべてのブラウザに対応することが可能になるのです。同時に、効果的なSEO施策も容易になります。現在の状況は、まさにコストの面でWeb標準技術に準拠するべき、といいきれるような状況になっているのです。
営利企業への経済的インパクト
Web標準技術の導入がもたらす営利企業への影響としては、Web標準技術に準拠したWebコンテンツを公開することで、将来にわたる営業機会を確保すると同時に、未知のブラウザやデバイスに対応するためのコストをすべてカットすることができるということです。
また、現在のWeb標準技術では、Webコンテンツの文書構造と視覚表現は、それぞれHTMLとCSSのように分離して記述することになっています。これは、企業にとってはWebコンテンツの運用コストの引き下げが可能になります。
そして最後に、効果的なSEOによる営業機会の向上が期待できる、ということが挙げられます。この点についてはこのサイト内の各所で解説しているとおりです。
導入への課題
ウェブ標準技術に準拠することが、企業のウェブサイトに多大な利益をもたらすものであることは、ここまで解説してきたとおりです。しかし、いざ実践となると、様々なハードルが存在することもまた事実です。
一つ目のハードルは「原稿執筆者の理解」です。コンテンツを構造的にマークアップするためには、マークアップする前の原稿が構造的である必要があります。しかし、公開コンテンツの材料に相当する原稿を書くのは、多くの場合ウェブサイトの制作者ではなく、企業内の各部署の担当者です。これらの人々が「ウェブコンテンツに適した論理構造」を理解し、そのような構造を持った原稿を執筆するためには、原稿の執筆者もまたウェブ標準技術について知る必要があります。
二つ目のハードルは「サイト制作者の理解」です。多くのサイト制作者、特に、キャリアが長く4.0世代のブラウザに苦労させられた記憶の残る制作者たちは、ウェブ標準技術に対して懐疑的であるか、または知識を持ち合わせていないことが多いようです。これらの人がウェブ標準技術に準拠したコンテンツを制作することには、大変な困難がともなうことでしょう。
しかし、営利企業として将来にわたるウェブでの営業機会の確保を重視するなら、こういった問題は早急に解決すべきですし、その見返りは十分に期待できます。
シンプルなコーディング
「見出し」「段落」「リンク」などを視覚的にわかりやすく見せるだけでなく、HTML文法に沿ったコーディングを行うことで、論理的にもそれらをはっきりと区別することが必要です。これは何も特別なことではなく、HTML文法に沿ってシンプルにコーディングする、ということです。HTML文法はもともと、「この部分が表題」「この部分が第一レベルの見出し」「この部分は段落」のような情報の構造をマークアップし、他の部分と区別するための言語ですから、HTML文法を守ってコーディングするだけでよいのです。
- シンプルなコーディングをおこなうことで得られる利点
-
- 文書を構成する部品を論理的にも確実に識別できるようになる
- 音声ブラウザやテキストブラウザのユーザーにアクセシブルなサイトになる
- 検索エンジンがページの構造を理解しやすくなる
- 検索エンジンにアクセシブルなサイトになる
HTML文法で見出しを表す要素はh要素ですが、文中の見出しにあたる部分がh要素としてマークアップされていなかった場合、読み上げ式の音声ブラウザやテキストブラウザのユーザーは、その部分が見出しであることを理解できません。そしてSEOにとって非常に重要なことですが、見出しをh要素としてマークアップしていなかった場合、検索エンジンもまた、その部分が見出しであることを理解することができないのです。
同様にリンクなども、a要素とhref属性を使用して、URIを属性値としたリンクを設定していなかった場合、検索エンジンや一部のユーザーは、その部分がリンクであることを理解できません。href属性の属性値にURIでなくJavascriptが使用されている例をよく見かけますが、このような場合検索エンジンは、その部分がページとページをつなぐリンクであることを理解することができないことに注意しましょう。
余計な記述を減らす
ページは軽い方がよい、ということは、単にSEOの施策だけの問題ではありません。限られたメモリしか搭載しないデバイスへのアクセシビリティの向上や、ナローバンドのユーザーに対するストレスの軽減など、私たちウェブ制作者が古くから親しんできた話題の一つです。それはさておき、SEOの施策の上で、余計な記述を減らし、ページを軽くすることは、大変重要な意味を持ちます。
HTMLファイルから余計な記述を取り除くことで、結果的に見出しや本文などの重要度の高い部分のページ内での比率が高まります。余計な記述がほとんどを占めるHTMLファイルと、見出しや本文の記述がほとんどを占めるHTMLファイルでは、検索エンジンは後者のほうにより高い評価をします。これらはWeb標準技術の導入によって簡単に実装可能なものです。
ウェブ標準技術に準拠することで取り除くことのできる余計な記述とは、簡単なところでは、記事に枠線を付けるためのtable要素の入れ子や、リストの先頭にマークを付けるためのimg要素などは、簡単にCSSで代替できます。また、少し手間のかかるところでは、レイアウトのためのtable要素をCSS に置き換えることも可能ですし、視覚的な飾りのためだけに使用している画像をCSSで要素の背景に指定してしまうようなことも可能です。このようなことを繰り返せば、余計な記述の少ない軽いページを制作することはそれほど難しくないでしょう。
