htmlタグの文章におけるSEO上大事な要素「見出しタグ(h1,h2,h3,h4,h5,h6)」の使い方について

2017年7月27日2018年9月21日HTMLh1,h2,h3,h4,h5,h6,htmlタグ,SEO,使い方,要素,見出しタグ

HTML5になっても変わらず文章におけるSEO上の重要なタグが、「見出しタグ(h1-h6)」です。

もちろん、見出しタグにただキーワードを詰め込めば良いという時代はとうに終わっており、ユーザーが見やすいように見出しを付けていく必要があります。

HTML5におけるtitleタグでSEO効果を高めるための使い方・文字数・キーワード数まとめ

htmlタグにおける<title>タグは、HTML5に至っても未だSEO上重要です。 Google側は公式の発表で、 ...

https://reviewlog.info/html-title/

今回は、セマンティックWebに準拠した見出しタグの使い方をまとめます。

セマンティックWebに準拠したHTML5の基本構造と間違いやすいポイント

Webページのフロントエンドコーディングは「セマンティックWeb(Semantic Web)」の考え方に則るように提 ...

https://reviewlog.info/html5-semantic/

見出しタグ(h1,h2,h3,h4,h5,h6)を使う上での２つの注意点

h1タグは１ページに１つにしておく

見出しタグは以下のように記述します。

<h1>大見出し</h1>
<h2>中見出し</h2>
<h3>小見出し</h3>
<h4>本当に小見出し</h4>
<h5>ほとんど使わない</h5>
<h6>使ったことなし</h6>

数字が小さい見出しタグほど、検索エンジンからは重要視されます。

現在、Googleはh1タグが複数記述されていても問題ないと言っていますが、正しくh1タグの中身を検索エンジンに伝えるためにも、１ページで１つにしておいた方が無難でしょう。

見出しタグの「h○」の順序は数字の順に使う

文章を普通に書いていて、大見出しの後に小見出しが来てさらに中見出しが来る文章があったとすると、ユーザーからすれば見難くてしょうがありません。

正しくは以下のような使い方です。

<h1>ページの大見出し</h1>
<h2>中見出し１</h2>
    <p>-------文章--------</p>
        <h3>小見出し</h3>
<h2>中見出し２</h2>
    <p>-------文章--------</p>
        <h3>小見出し</h3>
            <h4>さらに小見出し</h4>

こうすれば、ユーザーから見ても違和感なく文章を読むことが出来ます。

検索エンジンにとってもそれは同様です。

上記２つさえ守っていれば、基本的に問題ありません。