h1タグはどこに設定すべきかを調べてみた【Web制作会社20社調査】

ニャンコ

皆さんは<h1>タグに何を設定していますか？

h１タグは最も重要な見出しですね
これは結局何を設定するのが正解なのか
Web制作会社の実績からまた調べてみました

ワンコ

調査結果

早速調査結果ですが、<h1>タグが設定されているのは主に下記の場所でした。

ヘッダーのロゴ

ヘッダー左上はだいたい、企業のロゴが入ります。
これに<h1>タグを設定しているサイトが多かったです。

特に多かったパターンは、トップページのみヘッダーロゴ、下層ページは下層ページのタイトルを設定しているパターンです。

1サイトだけですが、ロゴだけでなく会社名を透明にして隠しテキストにしてるサイトもありました。

MVのテキスト

MVのテキストに<h1>タグを設定しているサイトも多かったです。
会社のキャッチコピーや最も伝えたい文章がある時などは良さそうですね。

このパターンの際は、下層の時は下記の画像のような、そのページのタイトルを<h1>タグしていました。

<h1>タグ複数使用

中には、<h1>タグを複数使用しているサイトもありました。
h１タグはページに一つしか使用できない。。。と思っている時期が俺にもありました。

別にh1タグは複数使用してはならないというルールはないようです。
SEO的にも特に影響はないようですが、わざわざ複数使用するメリットもないように感じます。
そのページにおいて最も伝えたいものを１つ設定した方が分かりやすいのではないでしょうか？

<h1>タグがなし

私が見つけられなかっただけなのか、コーディングで使用し忘れたのか。
良く分かりませんが、h1タグがないサイトがいくつかありました。

とりあえず、h1タグを使用しないことでのメリットはないと思いますので、皆さんは正しくh1タグを設定しましょう。

調査結果内訳

内訳は下記の通りです。

縦軸の数字がサイトで、１社につき２サイト調べています。

結論

ヘッダーロゴとMVのテキストをh1タグに設定しているサイトが多かったですね。
たしかにそこが無難そうですね。

ただ、ヘッダ―ロゴをh1タグに設定する場合は、トップページのみにしましょう。
全ページ同じものをh1タグに設定してしまうのは、SEO的にもったいないです。