hx等の位置について(HP制作の注意点)
ブロック要素の括り方や h1、h2 等の重要 hx に注意が必要です。
hx の使用回数や方法の違いは SEO対策に差を生み、使うべき場所や他タグとの組み合わせ方にも意味があります。
SEO効果を発揮させるには、キーワード調整だけでなく、HTMLソース全体の組み方が土台になります。
また、HTML5では strong タグの意味合いが変わっているため、単純に強調だけで多用するのではなく、役割を理解したうえで使うことが重要です。
SEOに強い構造及びユーザビリティに配慮
構造面の基本
- 全体のバランスを考慮する
- フッターに重要ページを列記する
- ナビゲーションを適切に使用する
- リンク配置を考慮する
ユーザー配慮
- HOME と SITEMAP を右上に配置する
- 目線の流れとして Z型・F型も意識する
- 強調は切り札としての strong を慎重に使う
- ユーザビリティを損なわない範囲でSEOを設計する
ソースコードがキーワード調整を支える土台に値し、その基盤がしっかりしてこそ上位表示への相乗効果が期待できます。
検索されやすいソースコードの書き方 / HTMLから見たSEO
推奨される考え方
- h1 はできるだけ上に、body直下が理想的
- ul、ol を適切に利用する
- 重要なセンテンスは HTML 上で上方に記述し、CSS で見た目を調整する
- グローバルナビが不要な場合は外す判断も必要
避けたい記述
- h2 より h3 の記述が上に来る構造
- h1 や h2 の多用
- 無理に hx を増やすこと
- 過剰または間違ったSEOによるペナルティ誘発
POINT 01hxタグの直後に来る p 要素も非常に重要な意味を持ちます。
POINT 02list（ul → li）は重要項目として認識されやすい構造です。
POINT 03strong の使用は 1ページ内 3個までを目安にし、多すぎるとスパム扱いの危険があります。
グローバルナビゲーションを HTML では下方に書き、position などで表示位置を調整する考え方もあります。
また、h1 や h2 を無理に増やすより、場合によっては strong で代用するほうが自然なケースもあります。
検索上位コンサルティングはこちら↓
検索上位コンサルティング