古くからの記述例 | CSSとXHTMLによる記述例 |
ご覧の様に見た目は同じでもソースを見てみるとまるで違う書き方なのが解る。 見出し>本文>見出しと変わるごとに <font> タグを変更させなければならずソース内に内容以外の余計なタグが散乱してしまいます。 |
コンテンツとレイアウトをそれぞれXHTMLとCSSに分離させる事によってXHTML内のソースがきちんと構造化され検索エンジンにも優しいソースとなりスタイルシートでは<h2>タグなど一度にレイアウトを指定できるのでメンテナンス性もアップする。 |
この他にもまだまだ色々あります。
このようにレイアウトに関するタグをCSSとして切り離し、ページの内容をきちんと構造的にマークアップする事がWeb標準に準拠するという事と同時に検索エンジンやウェブブラウザにも優しく、将来性のあるウェブサイトを構築する事になります。
しかしWeb標準とは以上にあげた他にも奥が深く、ちょっと勉強したからといってマスターできるものではありません。しっかりマスターするには本を何冊も読まなければ難しいでしょう。
検索エンジンがよりサイト内容を把握しやすくなりますのでSEO対策の一環のように考えても良いでしょう。そしてこれはSEO対策の前に行わなければなりません。
この他にもSEO対策する前にしておかなければならない事があります。SEO対策を施す前に何をすればいいのか。