Another HTML-lint 5という、HTMLの書き方をチェックしてくれるサイトを見つけましたので、
解説通りに色々と改善してみました。

高速表示の為にGTmetrixで速度チェックしてLINT5で原因をチェックがわかりやすい

Another HTML-lint 5
http://www.htmllint.net/

最初にチェックしたときは、
111個のエラーで、マイナス62点。がんばりましょうマークでした(汗
スクリーンショット 2013 08 06 16 59 37

Facebook関係のエラーはスルーして(FBが対応してくれないとどうしようもないらしいので)
簡単に出来そうな事をパパッと改善してみました。

IMGタグの中に「border=”0″」が入っていて減点されていた

MarsEditで画像を貼付ける際の、標準設定で「border=”0″」が入るようになっているそうなので、オリジナル設定に変えて「border=”0″」が入らないようにしました。
エラーの3分の2くらいはこれでした。画像の多いブログなので^^;

boder=”0″の必要性について
imgタグをaタグで囲んだときに画像のまわりに境界線が表示されてしまう(ブラウザに依存する)ため0と指定して表示させないように指定しておくということのようです。表示させる必要はないと判断したので0(none)と指定しておくことにしました。


参考記事:imgタグに「 border=”0″ 」が入っていると減点対象になるのを知っていますか?MarsEditを使っているブロガーは要注意です。
*MarsEditの設定は真ん中くらいから書いてあります

<Font>はHTML5で未対応なので減点

サイトで子見出しを作る時に<font>を使っていたのですが、HTML5では対応していない見たいなので色々ググったら、h2タグでも良さそうなので使うようにしてみました。
以前h2タグの乱用はSEO効果が落ちると聞いた気がしたのですが、和洋風さんが使っているから大丈夫だろうと思い変更に踏み切りました。

小見出しをいれると単純に読みやすくなるからオススメです。
そしてGoogleはh2タグやh3タグを結構みています。


ブログでめしを食うために行っている5つのSEO

<center>も未対応で減点

未対応って結構あるんですね、使えるけど減点みたいです、、、

<div align=”center”> センタリングしたいもの <div>
これに変更しました。

<IMG>には ALT 属性が無いので減点

カエレバ、ヨメレバ、ポチレバを使わせてもらっているんですが、
その中で使われる画像にALT属性が無かったので、制作者のかん吉さん(@kankichi)にTwitterで聞いてみたら、入れてくれそうです。
こんな僕の意見を聞こうとしてくれるって何か感動です、僕もかん吉さんのようになりたい!

そして、
WordPressのコードをいじる所はエラー数が大きくなかったのでとりあえず放置、
Facebookのエラーが記事毎にありエラー数が大きいのが気になるので対策を考える、
YouTubeの埋め込みコードが未対応らしいのですが、とりあえずここも放置。

という事で、サクッと改善出来る所は改善してもう一度チェックしてみました。
80個のエラー、マイナス18点、がんばりましょうマークになりました。

ま、この80の半分はFacebookですけどねw
スクリーンショット 2013 08 06 17 50 16

ふぅー、地味な作業でしたけど、
エラー数がどんどん減って行くと楽しくてやれちゃいますね^^