このページでは、ホームページ制作について考えていこうと思います。
トップページでも述べましたが、ホームページをXHTML+CSSで制作する理由があります。
いくつか挙げてみました。
・意味あるマークアップを使用することで、検索エンジンがより関連した内容を提示する“助け”になります。
・アクセシビリティ、ユーザビリティに優れている。
・テーブルタグを使わなくても済む。
・次世代言語なので、次世代でのブラウザ表示も美しく表示させれる。
・更新作業、リニューアルがHTMLに比べ遥かに簡単になる。
・レイアウトをコントロールできる。印刷なども…
など、ホームページ制作を行う上で制作側、ユーザー側ともにメリットがあるのは、やはりXHTMLだ。
確かに、勉強し出すと奥が深くリタイアしそうになるが、今後インターネットと切っても切れない関係にある僕たち(ホームページ制作者)はXHTML+CSSを覚える必要がありそうだ。
ホームページ制作は、XHTML+CSSが良いと分かった所で早速実践編に入ろうと思う。
今回取り上げたのはh1タグ。見出しのタグだ。
h1タグは、SEO対策をする上で非常に重要なタグである。そして、非常にデリケートな為慎重に扱わなければならない。
当サイトでいうと、一番上に表示されている小さい文字がh1タグである。
h1タグは、そのページ全体の見出しになるのでh1を見ることでそのページが何のページか分かるため検索エンジンのロボットは必ず読むといっても過言ではない。
だから、h1タグには、狙っているキーワード、もしくはそれに近いキーワードを書きいれるべきである。
また、注意しなければいけない事もある。
先ほども、伝えように必ずといってもいいほどロボットは読むため使いすぎに注意すると言うことだ。
同じページに検索エンジンを意識して何個もh1タグを入れると、スパムという行為にあたり、インデックスから削除される可能性があるのだ。
そしてもうひとつ気をつけなければいけない事がある。
本来、h1タグは、ブラウザで表示された時、かなり大きな文字になる。
当サイトの場合CSSでh1の文字を小さくしている。
CSSで指定する際に気をつける点は下記の通りです。
■文字を小さく入れすぎない
■文字を背景色と同じ色にして、見えなくさせる。
上記のような指定をすると、これもスパム行為となるので気をつけよう。
検索エンジンは、非常に頭がよいのでこれくらいは、すぐばれてしまう。
■まとめ
h1タグは、1ページに一つが妥当。
CSSで指定する場合、見た人がおかしいと思われる表示はスパムになる可能性がある。
h1タグをロボットは見るので、なるべくソース上では、上の方に持ってくると良い。
h1タグには、狙っているキーワードを盛り込むと良い。
単語の羅列、長すぎる文章も避けたほうが良い。