ぼくとWEB標準

この２人は兄弟だそうです。
ん～毛深いですねぇ～。
これは脱毛した方がいいかもなぁ～。

ソースの特にヘッダー部分（headタグ内）を見ると、ある程度WEB標準化の実力を見ることができます。ヘッダー部分の理想は、できる限り短いこと。

なぜ、短い方がよいのかというと、ホームページの各ページには、必ずユーザに伝えたい文章が記述されているはずで、その文章は、ヘッダーの後のボディ部分（bodyタグ内）に記述されているからで

文章は、人もコンピュータも上から順番に読んでいきます。検索エンジンにもよりますが、検索エンジンがそのホームページから情報を拾う際に、「最初から何百文字まで」という制限を設けている場合があるようです。従って、ヘッド部分の文字数が多いと、本当に伝えたい本文までたどりつけない可能性があるのです。

どういう情報がヘッド部分を長くさせるかというと、JavaScriptやCSSが書かれていたり、metaのkeywordsやdescriptionが多すぎたり、コメントタグが多数入っていたりする場合です。必ずしも検索結果に悪影響があるとはいえませんが、外部ファイル化したり、記述を減らしたりすることで、ソースがシンプルになり、検索エンジンへの親和性も高まるので、WEB標準化をしながらSEO対策にもなるのです。

今更だけど気をつけましょう。

便利なサイトがあります。
W3Cのチェッカーとかだと１ページごとですが、
ここだと全てのページをバリデートチェックしてくれます。

http://www.e-3lab.com/w3c/

WEB標準に準拠するということは今後、ブラウザー各種のバージョンアップに対して
「表示が崩れる・表示されない」などの不安要素が少ない将来への安全性の高いホームページ制作となります。
また「構造と視覚効果の分離」によるメンテナンス性やカスタマイズ性にも柔軟性があるメリットがあります。

Another HTML-lint

HTML文法チェッカ。特徴は、単に文法的な観点のみならず、実装上好ましくないとされる点についてもチェックし、またその結果を点数で表示すること。

アクセシビリティとWeb標準、SEO

まずはアクセシビリティとWeb標準、SEOとの関係から学んでみて下さい。

CSS Validation Service

こっちはCSSファイルの検証をしてくれる。

http://validator.w3.org/
エラーがないかチェックする。これで。

青本

http://www.mezzoblue.com/zengarden/alldesigns/

いろいろきれいなテンプレートが掲載中。