Web標準に準拠したWeb制作

table要素+HTMLで作成されたWebサイトは「どんな見た目のページなのか」というデザイン部分と、「このページには何が書かれているか」という文章の構造部分が“ゴチャ混ぜ”に書かれています。

いっぽう、CSS+XHTMLで作成されたWebサイトは、デザイン部分をCSSが受け持ち、構造部分をXHTMLが受け持っています。

CSSの役割は「人間が目で見る、見た目の部分」であり、XHTMLの役割は「検索エンジンやブラウザ、音声読み上げソフトなどのコンピュータソフトが読んで、何が書かれているのか理解させる、意味の部分」ということです。それぞれの役割を生かした、非常に理にかなった作り方といえます。

このCSS+XHTMLというWeb制作方法をとることで、様々なメリットが生まれます。そのメリットとはなんでしょう？

CSS+XHTMLで作成されたWebサイトは、SEO対策に有効です。

検索エンジンは、デザインを見るための視覚を持っていません。ですので、どんなにすばらしいデザインであっても検索エンジンには理解ができません。

table要素+HTMLで作成されたWebサイトは「どんな見た目のページなのか」というデザイン部分と、「このページには何が書かれているか」という構造部分が“ゴチャ混ぜ”に書かれています。すると検索エンジンは「理解できないものが混ざっている、内容が分かりにくいWebサイト」と認識してしまい、SEO対策に不利となってしまうのです。

いっぽう、CSS+XHTMLで作成されたWebサイトは「このページには何が書かれているか」という構造部分をXHTMLが受け持っており、検索エンジンはこのXHTML側を読むことになります。すると検索エンジンは「どんなこと(キーワード)を重要視している内容なのか、分かりやすいWebサイト」と認識してくれ、SEO対策に有効となるのです。

SEO対策に関して、詳しくは「SEO対策について」ページをご覧ください。

音声読み上げソフトをご存じでしょうか。健常者がWebサイトを見る場合にはブラウザを利用しますが、視覚障がい者は音声ブラウザやスクリーンリーダーなどの音声読み上げソフトを用います。音声読み上げソフトとは、文字を合成音声で読み上げてくれるソフトウェアです。

音声読み上げソフトは通常、(X)HTML上に書かれた文章を上から順番に読んでいきます。健常者が本を読むのと同じ感覚です。しかしtable要素+HTMLで作成されたWebサイトの場合、必ずしも文章が意味の合う順番に並んでいるとはいえず、音声読み上げをした場合に、文章のつじつまのあわない、意味が分からない文章になってしまう場合があります。

しかし、CSS+XHTMLで作成されたWebサイトでは、デザイン部分と文章部分とをわけることができるので、健常者が本を読むのと同じ感覚でWebサイトを音声読み上げすることができるのです。

CSS+XHTMLで作成されたWebサイトというのは、ユーザビリティに優れ、音声読み上げソフトへの対応も容易ということが分かっていただけたと思います。

ユーザビリティに関して、詳しくは「Webユーザビリティについて」ページをご覧ください。

弊社にWeb制作を依頼していただいた場合、そのような心配は無用です。

弊社では、検証したいWebサイトのURLを入力し、確認したいブラウザの種類を選択するだけで、複数ブラウザのスクリーンショット画像を作成できるサービス「スクリーンショットjp」を提供しています。

論より証拠、そのサービスで実際に弊社のWebサイトをチェックしてみてください。弊社のCSS理解度が分かっていただけると思います。

アイビーネットでは「”CSS+XHTML”による、”SEO対策”と”ユーザビリティ”を考慮に入れた」質の高いWeb制作をいたします。

スクリーンショットjpに関して、詳しくは「複数ブラウザ検証サービス」ページをご覧ください。

2006年10月に行われた、アクセシビリティ(ユーザビリティを含みます)を評価対象としたアワード「アックゼロヨン・アワード」にて、弊社が作成プロジェクトに参画したWebサイトが上位20サイトの中に選ばれました。

先ほども申し上げましたが、CSSとユーザビリティは切っても切れない関係です。このことからも、弊社の「CSS+XHTMLによるWeb制作」に関する理解度の高さを感じていただけると思います。ご参考ください。