h1タグとは何？見出し要素の解説や使用方法、注意点をご紹介

h1タグとは見出しタグの中でもそのページ全体を表すタグとして利用されるほど重要度の高いタグです。
本記事ではそんなh1タグについて、基本的な情報からそのSEO公開、具体的な使い方まで初心者の方にもわかりやすく解説します。

なお、ホームページ作成をご検討なら、Wepageをご検討ください。

１-１．h要素について

h1やh2は見出しで使われるタグで、全部で6種類あります。
頭文字の「h」はheadingの略称であり、数字が小さいほど大きく、h1＞h2＞h3＞・・・＞h6という順番に大きい見出しになります。

数字が小さいhタグほどそのコンテンツを端的に表す重要な見出しとして検索エンジンに認識されるため、正しい数字を用いた構成の作成が必要です。

１-２．h1タグについて

h1タグはhタグの中で最も重要な見出しに設定すべきタグです。

h2～h6タグは見出しごとに内容を表すタグ、h1タグはページ全体を表すタグと考えるとイメージしやすいでしょう。
検索結果によっては、titleタグの代わりにh1タグのテキストを使用することがあるほど、SEOへの影響が大きいです。

１-３．hタグを使用するメリットは？

hタグを使用すると、検索エンジン・ユーザー双方にメリットがあります。

検索エンジンはクローラーと呼ばれるプログラムを用いて、hタグに記載のキーワードをもとにページの内容を把握しています。
そのため、hタグを正しく利用すれば、検索結果に表示させたいキーワードを正しく理解してもらうことが可能です。

一方、ユーザー側にとっては読みやすさの向上があります。
WordPressで目次が生成されるプラグインを使っている場合、見出しだけでもある程度の内容が把握できるでしょう。
また、文字の大きさや見出しごとの内容がわかるため、リズム感よく読めるようになります。

このとき、クローラーはh1タグとページ内に矛盾があるとして、低品質のコンテンツとして評価してしまいます。
しかし、h1タグにもおすすめのドッグフードを紹介することを書いていれば、正しく評価ができるはずです。

このように、h1タグはSEOへの影響が大きいため、適切なキーワードを挿入するようにしましょう。

参考： SEO対策のやり方を徹底解説【重要となる７つのポイント】

３-１．対策キーワードを含めて簡潔に

クローラーに認識してもらいたいからといって、h1タグにキーワードを複数含める、あるいは長文にしては逆効果です。

h1タグはページの内容を把握できるよう、余計な情報を詰め込んではいけません。
そのため、対策キーワードを含めて簡潔にまとめるように意識してください。

対策キーワードは多くても2〜3個程度に抑えておく方が、クローラーは認識しやすくなるのでおすすめです。
また、ユーザーの見やすさを考慮すると、文章は30〜50文字以内に収めるようにしましょう。

３-２．h1タグは適度に使用する

h1タグに回数の制限はないものの、過度に使用してしまうと何が重要なのかクローラーやユーザーが理解できなくなってしまいます。

h1タグは、ページの中で最も重要な見出しであることを設定する側が理解し、本当に必要な分だけ使用するように意識しましょう。
実際に、Googleの公式ガイドにも、hタグ自体の過度な使用は控えるように言及されています。

参考URL：https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=ja

コンテンツ1つにつき、h1タグを1回使用する、を理想として作成していきましょう。

３-３．画像を使用する際はalt属性をつける

h1タグに画像を使用する際は、alt属性をつけて画像の説明をしておきましょう。

例）

alt属性があると、表示されている画像は何を意味しているのかをクローラーに認識してもらえます。
もし、alt属性を用いなかった場合、h1タグが正しく認識されない、あるいは認識されるまでに時間がかかる可能性があるでしょう。

そうなると、画像を設定したことによって、SEOの評価に悪影響を及ぼしてしまいます。
h1タグで画像を使用する際は、必ずalt属性をつけてテキストによる補足をしましょう。

参考： 【初心者必見】HTMLで画像を表示させる方法　基礎から応用まで徹底解説！

３-４．階層構造を意識する

h1タグを使用する際は、階層構造を意識する点も忘れてはいけません。
例えば、本記事のタグでいえば以下のような階層構造になります。

上記のように、必ず数字の低いhタグから入れ子構造になるように構成を作っていかなくてはなりません。
文章を考える際も、入れ子構造になるよう話のつながりを意識して執筆していきましょう。

３-５．h1タグはデザインではない

hタグの中でも重要な要素を持つh1タグは、大きく目立つデザインになっているケースも珍しくありません。

しかしh1は、検索エンジンのクローラーにページ全体のキーワードや内容を正しく伝えるのが本来の役割です。
そのため、ページ内のデザインを変えるため、あるいは注目を集める目的で、h1タグの使用は控えた方がいいでしょう。
デザインを変更、修飾するにはCSSと言われる専門の言語を使用してください。

不必要なh1タグはクローラーの妨げとなり、正しい評価ができなくなります。
SEOでマイナスな評価を受けないためにも、デザインとは別物と考えて使うようにしましょう。

今回は、h1タグについて見出し要素の解説や使用方法についてご紹介しました。

もし、これからホームページの作成を検討している企業様がいらっしゃいましたら、ぜひ弊社の「Wepage」をご利用ください。
Wepageでは、難しい専門知識が不要で直感的にホームページが作成できるシステムです。

ホームページの作成は、h1タグをはじめ、表や画像の挿入など、タグやコードなどの専門的な知識を理解して操作しなければなりません。
しかし、Wepageでは、クリックや文字の入力だけで実装ができるため、操作がわからない、という問題もありません。

万が一操作方法がわからない場合でも、我々のプロのスタッフがメールや会議ツールを用いてサポートいたしますのでご安心ください。

Wepageでは無料プランをご用意しておりますので、まずはお気軽にご利用ください！