h1タグとは？初心者向けにSEO効果と正しい使い方を徹底解説

h1タグとは、HTMLにおける「最も重要な見出し」を表すタグのことです。

h1タグに設定したテキスト情報はページ内の大見出しを示し、検索エンジンはh1タグ内にあるキーワードをページのテーマを表す重要な情報として認識します。

h1タグは検索結果において、titleタグの代わりにページタイトルとして表示されることもあるため、SEO内部対策ではtitleタグと同様に重要視されています。

またWEBページ上部に表示されることが多く、ユーザーに対してページ内容を端的に伝える役割も持ちます。

HTMLのh1タグがブラウザ上でユーザーにどのように見えるのかを解説します。

例えば、こちらの記事のh1タグは<h1>SEOの勉強法｜SEOコンサルがオススメする勉強方法と学ぶべき内容</h1>となります。ページ上では以下のように大見出しとして表示され、titleタグと一致させています。

またtitleタグとh1タグのテキストを一致させることで、検索結果から遷移したユーザーが目的のページ内に遷移したことを伝えられるようにしています。

弊社SEOサービス「ホワイトリンク」のサービスページのh1は、<h1>探している と 伝えたい を つなぐ戦略を共に考える SEO パートナー</h1>です。

ブラウザ上では、上の画像のように表示され、h1タグとtitleタグを一致させず、ファーストビューのキャッチコピーとして利用しています。

SEOのツールで有名なahrefsのh1タグは、<h1>Make your business discoverable—in search, AI, and beyond</h1>（訳：検索、AI、その他の手段でビジネスを見つけやすくしましょう）と書かれており、マークを入れるなど面白い使い方をしています。なお、日本語サイトではh1タグにロゴ画像を設定していました。

3-6で詳しくお伝えしますが、このようにh1タグにロゴや画像を使用する場合、以下画像のように必ずalt属性を使用します。

h1タグは、<h1>と</h1>で挟む形で記述するためシンプルですが、改行や画像を指定する方法を紹介します。

なお、h1タグに指定するテキストの文字数自体に制限はありません。テキストのフォントサイズを変更する場合には、fontタグ（<font size=>）ではなく、CSSで指定します。

h1タグを設定すると、以下2点のSEO効果が期待できます。

それぞれ詳しく解説します。

h1タグは、検索エンジンのロボットにとって「このページは何について書かれているのか」を理解するためのヒントとなります。

例えば、

<h1>初心者でもできるSEO対策の基本</h1>

上記のようなh1をロボットが見た際、「このページは初心者向けのSEO対策に関する内容だな」と認識します。その結果、「SEO 初心者」のようなキーワードで検索結果に表示されやすくなるのです。

h1に設定された内容はページ上部に大きく表示され、ユーザーへ「何についてのページか」を即座に伝えることができます。

人はWEBページを開いた瞬間、自分が探している情報があるか？を2～3秒以内に判断すると言われています。

上記のような特徴は「ユーザーにとって使いやすく、分かりやすいサイト」を高く評価するGoogleの指針にも当てはまっており、SEO効果が期待できるのです。

h1タグの使用方法は以下の7つです。

それぞれ詳しく解説します。

前述のとおり、h1タグはページ内で最も重要な大見出しを示すためのタグであり、文書構造の基点となります。そのため、ページテーマを分かりやすく示すために、通常はページの冒頭、もしくはメインコンテンツが始まる位置に最初の見出しとして配置します。

またhタグには、「h1・h2・h3・h4・h5・h6」の6種類があり、数字が小さいほど重要度の高い見出しとなります。

h1タグを最上部に設定したら、上記の記述例のようにそれ以降の見出しに関しても順番を守りながらh2、h3、h4と階層を深くして記述します。

h1タグはページ固有のテーマを表すため、titleタグと同様、ページ内容を表す的確かつ独自のテキストを設定する必要があります。（h1タグとtitleタグの違いについては後述します）

例えば、会社のホームページではトップページのh1タグには会社名が適していますが、サービス紹介ページなら「サービス紹介」、会社概要ページなら「会社概要」、お問い合わせページなら「お問い合わせ」といったように、そのページが何を伝えたいのかを表す見出しを設定する必要があります。

仮にどのページにも同じh1タグを使ってしまうと、ユーザーはページの目的をひと目で理解しにくくなり、検索エンジンにもページの違いが正しく伝わりません。

ページごとの内容に合ったh1タグを設定することで、ページ構造が明確になり、ユーザーにとっても検索エンジンにとっても分かりやすいサイトになるということなのです。

仮に複数のh1タグを設置してしまうと、ページの中心となるテーマが複数あるように見えてしまい、ユーザーにも検索エンジンにも内容や構造が伝わりにくくなります。

ただ、Googleのジョン・ミュラー氏は、下記の動画でh1タグはページ内で複数使用しても問題はないと言っています。

しかし、

を考えると、h1タグが２つ以上あることは推奨できません。

h1タグには、そのページで伝えたい内容に関連したキーワードを自然な形で含めることが重要です。

検索エンジンはtitleタグやh1タグからページテーマを推測し、ユーザーが検索したクエリとの関連性を判断→ランキングを決定するという流れをとっており、これはSEOの観点から検索エンジンにページテーマを正しく理解してもらうための有効な方法です。

ただし、キーワードを無理に詰め込んだり、不自然な言い回しにしてしまうと読みづらくなるだけでなく、検索エンジンからスパム行為だとみなされる可能性すらあります。

例えば、「SEO 対策」というキーワードを使いたい場合でも、「SEO対策について解説します」というように、ユーザーが自然に読み取れる見出しにすることが大切です。ページの内容を正確に表しつつ、読み手が違和感なく理解できる表現を使うことで、ユーザーにも検索エンジンにもわかりやすいh1タグになるのです。

また文字数の制限はありませんが、titleタグと同じように30～35文字程度で設定しましょう。

▼ h1タグにキーワードを入れるやり方は、別記事にて詳しく解説しています。

【関連記事】

以下のような特別なケースを除き、h1タグとtitleタグのテキストは同じものを使用します。

また、Googleは検索結果に表示されるページタイトルをtitleタグに設定したテキストではなく、h1タグに設定したテキストに書き換えることがあります。

上記のように本来意図していないページタイトルが表示されるのを防ぐためにも、titleタグとh1タグのテキストを一致させる必要があるということなのです。

どちらもページテーマを示す役割があり、検索エンジンやユーザーにとってページの内容を理解する手がかりになります。両者が大きく異なってしまうと、何について書かれているページなのかが分かりにくくなり、検索エンジンにとってもユーザーにとっても一貫性のない情報として受け取られる可能性があります。

また、Googleは検索結果に表示されるページタイトルをtitleタグに設定したテキストではなく、h1タグに設定したテキストに書き換えることもあるため、一致させる必要性は非常に高いと言えます。

完全に同じ文章である必要はありませんが、重要なのはどちらも同じテーマを指しており、ページの内容と矛盾していないことです。タイトルと見出しの方向性が揃っていることで、ページの目的が明確になり、ユーザーにも検索エンジンにも伝わりやすいページになります。

h1タグに会社やサービスのロゴ情報を使用することもできますが、画像を使用する場合はalt属性を設定します。

alt属性とは、画像の内容を説明するテキスト情報を記述するhtmlタグです。

<h1><img src="logo.png" alt="画像を説明するテキスト"></h1>

検索エンジンのロボットは画像の内容を正確に理解することができません。

h1タグに明確な文字数制限はありませんが、長くなりすぎると検索エンジンからの認識されにくさやユーザーの読みづらさに繋がってしまいます。

3-4でもお伝えしたようなキーワードの詰め込みを避け、簡潔にページテーマを説明できるような内容を設定することが重要です。

では、実際にh1タグを設定する際の手順をHTML、CMS別に解説していきます。

WordPressではタイトルが自動的にh1タグとなることが多いですが、手動で変更したい場合は以下2つの方法があります。

h1タグを確認するにはページ上で、右クリックし「ページのソースを表示」を選択しソースコードを開きます。
次に「Ctrl+F」で検索窓を出し、「h1」と検索すると見つけることができます。

この方法が一番シンプルな方法ですが、ツールを使って調べる方法があるためいくつか紹介します。

Google chromeで利用できる「H-tag」というプラグインを使うと、ページ上のh1タグやその他hタグを簡単に調べることができます。

その他にも、Detailed SEO Extensionを使うとhタグだけではなく、ページのtitleタグやDescriptionタグ、canonicalタグ、noindexタグの設定まで一覧で確認することができます。

Screaming Frog（スクリーミング フロッグ）を使うと、Webサイト内にある全ページのh1タグを一括で確認することができます。

無料版は最大500URLまでとなりますが、一括でh1を確認したい場合はオススメです。

h1タグはページ上に表示される大見出しなのに対して、titleタグは検索結果に表示されるページ全体のテーマ（タイトル）です。

▼ 具体的な違いは以下になります。

ページにh1タグを使用しなくても、SEOへ影響することはありません。

SEOツールで有名なMOZが行ったページのタイトルをh1タグとh2タグで表示させるA/Bテストでは、オーガニック検索からのトラフィックに有意な差はなかったそうです。

ただし、Webぺージ上でh1タグやその他の見出しタグを使用しない場合、クローラーがWebページの構造を正確に理解することができなくなるため、ランキングが低下する可能性があります。

hタグの順番そのものは、Googleのランキングを直接左右する要因ではありません。

 Googleのジョン・ミュラー氏も、見出しタグの使い方はページ内容を理解するための手がかりになるが、順位を決定する明確なシグナルではないと述べています。

ただし見出しの順番が乱れていると、検索エンジンがページ内容を正しく把握しづらくなるだけでなく、ユーザーにとっても読みづらいページとなり、結果として滞在時間の低下や離脱率の上昇など、間接的にSEOへの影響が出る可能性はあります。

そのため、h1・h2・h3 のように見出しの階層を整理し、論理的で分かりやすい構造に整えることが、SEOの面でもユーザー体験の面でも重要であると言えます。

今回は、h1タグについてSEO効果や正しい使い方を中心に初心者向けに解説しました。

h1タグは、ユーザーにページの概要を簡潔に伝え、検索エンジンにはページの構造を伝える効果が期待できます。ただし、間違った使い方をするとSEOへ悪影響を及ぼす可能性があるため、使い方や注意点を確認し、適切に設置することを心掛けましょう。

もし「自分のサイトで正しいh1の使い方ができているか不安」「SEOに強い見出し構造を整えたい」と感じていらっしゃる方は、ぜひお気軽にご相談ください。