XHTML+CSS+SEO

XHTML

XHTML+CSS+SEO研究は、近い将来マークアップ言語の主流になるとみられているXHTMLをレイアウトとSEO対策を考慮に入れながら、サイトをコーディングしていくための基本的な約束事や具体的な記述法について研究し、わかりやすくまとめたものです。

XHMLの基本理解 ～XHTMLとは？

現在、多くの企業がWebサイトで採用している仕様がXHTMLです。文書構造とレイアウトを分離し、レイアウトはCSSで外部設定することにより、メンテナンス性やアクセシビリティを高めています。

XHTMLを導入することのメリットとは何なのか、どういった経緯で誕生したのか。
ということで、ここではまずXHTMLを書く前に知っておく必要のあるXHTMLの基本理解について述べていきます。

XHTMLの基本ルール

XHTMLはHTMLで問題となっている曖昧さをカバーするために、より厳格になっています。たとえば、大文字と小文字を区別したり、タグの省略が禁止されています。

XHTMLの種類によっては非推奨タグもあり、注意が必要です。XHTMLの基本ルールを理解していれば、文書構造のタグはシンプルなので、HTMLを経験している人であれば比較的容易に移行できるのではないでしょうか。

＜関連ページ＞

XHTMLの基本ルール

XML宣言、DOCTYPE宣言

XHTMLのタグ一覧

XHTML記述をチェックする

XHTMLが正しく記述されているかどうか、upload前にチェックしておきたいものです。W3C内には文法チェックをしてくれるページがあります。

また、有名なAnother HTML lintで も文法チェックができます。ここは１００点満点で採点してくれるますが、100点とったからといってSEO対策として充分というわけではありません。あく までも文法チェックのツールと思った方が良いでしょう。現実に検索上位のサイトの中にはマイナス点で、しかも重大なエラーを記述しているサイトが多々あり ます。

ということで、XHTML+CSS+SEOのサイト制作を目指す方にとって便利なXHTML記述をチェックする便利なツールを紹介します。

アクセシビリティの向上

いま主要企業の自社サイトでアクセシビリティへの取り組みが行われています。アクセシビリティとは、ホームページに掲載 されている情報を誰もが負担なく得ることができることです。具体的には、文字を大きくして高齢者に配慮したり、音声ソフトで閲覧している視覚障害者に親切 な文書構造にすることです。

経済産業省は2004年、ウエブコンテンツJISを制定し、高齢者や障害者に配慮したホームページを標準化しています。

CSSによるレイアウト指定

Webページを作成する際に、HTMLとXHTMLの大きな違いは文書構造とレイアウトが分離されていることですが、レ イアウトはCSSで作成します。リンク要素を使って外部ファイルで設定すれば、更新やメンテナンスのときに便利で、またソース自体もより簡素になります。 XHTMLで使用できるCSSはHTMLと同じです。