[CSS]コンテンツ箇所をHTMLの上部に配置するスタイルシートのトリック

コンテンツ箇所をHTMLの上部（ヘッダ・ナビゲーションより上）に配置するスタイルシートのトリックをSoh Tanakaから紹介します。 Markup Hierarchy - Advantages in SEO demo 上記のようなレイアウトをHTMLで記述した際、上左の順番で配置するのが一般的ですが、「float」と「position: absolute;」を使用して、下記のようにコンテンツ箇所を先頭に配置しています。 <textarea name="code" class="html" cols="60" rows="5"> <div id="main" class="container"> <div id="content">Content</div> <div id="header">Header</div> <div id="sidecol">Side</div> </div>

[kitagawa1975]

SEOに効果あるって言われるとちょっと気になる

[ricebread]

どうなんだろ。気になる。

[pitworks]

CSSでレイアウト変更

[phista]

んーでもhtml5でheaderタグとか出てきたし、これはあまりよろしくないんじゃないかなぁ。

[mitchikeuchi]

「float」と「position: absolute;」を使用して、下記のようにコンテンツ箇所を先頭に配置しています。SEO的にはユニークな内容が上部にあるため、効果がありそうです。セマンティック的には、順番に配置されている方がすっき