Web Artisan Blog - ウェブ アルチザン ブログ

以前のレイアウトで、検索ロボット的にサイトを見ていくと、

bodyタグの後、バナーimgにh1タグ、
その後、aタグでリンクの連発、
で、PlugInカレンダーのtableタグからtr・tdのオンパレード。
formタグ、GoogleとAmazonのJavascriptタグを経て、
ようやく、h2タグから記事内容へと定義してました。

ひょっとしたら、途中で解析止められてたかもね。
しかも、h1タグに小細工してましたし。。
恥ずかしながら、h1タグのfont-sizeを小さくし、
colorをbackground-colorと同じにして見えなくしてました。

このh1タグの小細工については、
「問題ない！」・「駄目だ！」、とネット上でも意見が別れていますが、
どちらにしても小細工的であるのに間違いなく、気持ちいいもんじゃありません。
（クローラーは外部CSSファイルの中身とhtml見てチェックしてるのか？という疑問はある）

このh1タグを含め、
以前のレイアウトでは検索ロボット的に「スパムサイト」と判断されてたかもしれません。
（どちらにしても、Google検索で当サイトがまだ引っかからない苛立ちが日々増大してます）


で、左右入れ替えました。
これだと、bodyタグ以降、h1からh2・・・と自然な構文となり、
aのリンクやtableタグも遥か後ろにズレるので、
すっきりしたXHTMLが出来上がりました。。

しかし、SEO対策とW3C準拠、
その上でのいいデザインのサイトを作るには、なかなか労力が要ります。
慣れの問題ですが、
ついつい邪道技で行ってしまうのは、悪い癖。