HTML5でのSEO

2015年2月20日


近年html5でコーディングすることが多いですが、ふと細かな仕様を見ていないことに気が付きました。
いい機会なので、ちょっと復習したいと思います。

今回はhタグについて復習です。

よく聞くh1を複数使えるんだよ。ってことです。

上が従来通り、下がhtml5的書き方。
どちらもセマンティックWebでは同じ解釈らしいのです。
後者はh1タグを複数使っていますが、sectionタグで囲まれています。

h2 = section h1

となるようです。
この考え方を覚えておくだけでSEOにも活用出来るのではないかと思います。

何も考えないで書くと下のようになってしまいます。

section h2 = h3

section section  h2 = h4

そうなると、従来の意味でh1だと思っても、sectionタグなどで囲まれてしまうとランクが下がってしまう事になります。

今まで考えからすると気持ちの悪い感じですが、仕様を見ることでわかることが多々あります。
改めて仕様書を見て、みんなで勉強するのもいいですね。


  • カテゴリー:その他
  • タグ:
  • 投稿者:yamamoto

▲BACK TO TOP