「h1タグにキーワードを入れれば、検索順位が上がる」。サイト診断ツールが赤い印で示すh1の警告は、直せば順位が上がるものだと受け取られやすく、h1の文言だけを何度も書き換えてしまうことがあります。
しかし、これまで数多くの記事を制作し、公開後の順位も追いかけてきた弊社の立場から言えるのは、h1の文言を差し替えたこと自体が順位変動の主な理由になった例は、ほとんど見当たらないということでした。効いていたのは別のところです。h1に入れる一文を決める作業を通して、そのページが答える問いが1つに絞られたときに、順位も本文の質も動いていました。
本記事では、h1タグが担う役割から、複数使ってよいのか、画像やロゴを入れてよいのか、文字数はどこまで許されるのかといった判断が分かれる点、そして自分のページを確認する手順まで、記事制作会社の視点でお伝えします。
- h1タグがページの中で担っている役割と、hタグ全体での位置づけ
- h1タグの設定が検索順位に対して持つ影響の大きさ
- 1ページに1つという原則の根拠と、守れないときの優先度
- 文字数、キーワード、画像、ロゴをどう判断するか
- 自分のページのh1をブラウザだけで確認する手順
h1タグとは、ページの主題を宣言する見出し
h1タグは、HTMLで見出しを表すhタグのうち、最も上位に位置する要素です。ページ全体が何について書かれているかを1つの文で示す場所であり、記事であれば記事タイトル、サービスページであればそのサービスの名称が入ります。
記述の形は単純で、開始タグと終了タグで文言を挟むだけです。
<h1>h1タグとは？SEO効果と複数使用や画像設定の判断基準を解説</h1>hタグ6段階のなかでのh1の位置
hタグはh1からh6までの6段階があり、数字が小さいほど上位の見出しとして扱われます。h1がページの主題、h2がその主題を分割した章、h3がさらに細かい項目という入れ子の関係です。
紙の資料でいえば、h1は表紙に書かれたタイトル、h2以下が目次に並ぶ章と節にあたります。表紙のタイトルが1冊に1つしかないのと同じ理由で、h1もページに1つという運用が基本になっています。
h1が表示される場所
h1は、ブラウザで開いたページの中に実際の文字として表示されます。検索結果の一覧に出るtitleタグとは異なり、読者が記事を開いたあとで最初に目にする見出しです。
多くのCMSでは、記事タイトルとして入力した文言がそのままh1として出力されます。WordPressであれば投稿画面のタイトル欄、ノーコード系のツールであれば見出しレベルの指定でh1を選ぶ形が一般的でしょう。自分でHTMLを書く機会がなくても、実際にはh1を設定していることになります。
関連記事：【2025年最新版】初心者でもできるSEOのやり方完全ガイド | 上位表示するための具体的な方法を徹底解説
h1タグのSEO効果はどこまであるのか
ここが最も誤解されやすい部分です。結論から書くと、h1タグを設定したこと自体が検索順位を押し上げる仕組みにはなっていません。
直接のランキング要因ではない
Google検索セントラルが公開している検索エンジン最適化の入門資料でも、見出しは文章の構造を示し、内容を把握しやすくするための要素として案内されています。順位を決める重みづけの説明ではなく、内容の伝わりやすさを助ける要素という位置づけです。
制作の現場でも同じ感触があります。h1の文言だけを差し替えて再公開したページが、それをきっかけに順位を上げた例は、ほとんど確認できていません。順位が動くのは、本文の内容そのものが検索した人の疑問に答えられるようになったときです。
h1は順位を動かす設定項目ではなく、主題を1回だけ宣言する場所
それでもh1を置いたほうがよい理由
では、順位に効かないなら空欄でもよいのか。そうはなりません。理由は3つあります。
1つ目は、検索エンジンがページの内容を把握する手がかりとして見出しを読み取っている点です。本文だけを追うより、主題が1文で宣言されているほうが、扱っているテーマを判別しやすくなります。2つ目は、読者がページを開いた直後に「探していた内容かどうか」を確かめる場所がh1だという点。ここが空欄だと、判断材料が本文の1段落目までずれ込みます。そして3つ目が、読み上げソフトやページ内の目次生成が、見出しの階層を前提に動いているという事情です。
Web担当者h1タグにキーワードを詰め込めば、順位は上がりますか。
Writers-hub編集部
詰め込んでも上がりません。読んだときに不自然な文になり、開いた読者が求めていた内容と違うと感じる原因にもなります。h1に入れるべきなのは、そのページが答えている問いの言葉だと考えてください。適切に書けば、対策している言葉は自然に含まれます。
関連記事：dofollowとは？nofollowとの違いと設定不要な理由を解説
h1タグとtitleタグの5つの違い
h1とtitleは、どちらもページの主題を示すため混同されやすい要素です。5つの観点で並べると、役割の分かれ目が見えてきます。
| h1タグ | titleタグ | |
|---|---|---|
| 読まれる場所 | 開いたページの本文上部 | 検索結果やブラウザのタブ |
| 読む人の状態 | 開いた判断が正しいか確かめている | どれを開くか選んでいる |
| 1ページの数 | 1つに絞るのが基本 | 1つのみ |
| 文字数の目安 | 30字前後（1行で読める長さ） | 30字前後（省略されにくい範囲） |
| 検索側による書き換え | 起きない | 起きる場合がある |
実務で意識したいのは、いちばん下の行です。検索結果に表示されるタイトルは、Googleが必要と判断すればページ内の文言に差し替えられることがあり、その候補としてh1が使われます。titleとh1の内容が大きくずれていると、意図しない文言が検索結果に出てしまうでしょう。
文言そのものは、同じでも別々でもかまいません。多くのCMSでは初期設定で同じ文言が入りますし、その状態で不具合が起きることはないでしょう。ただ、意味を一致させておくことだけは押さえてください。
関連記事：302リダイレクトとは？301との使い分けと設定・エラー対処を解説
h1タグは1ページに1つが原則か
判断が分かれるのがこの点です。仕様の話と実務の話を分けて整理します。
HTMLの仕様と、実装されなかったアウトライン
HTMLの仕様上、1ページに置けるh1の数に制限はありません。かつては、区分要素ごとにh1を使うと文書のアウトラインが自動的に組み立てられる、という構想がありました。ただ、そのアウトラインの仕組みはブラウザにも読み上げソフトにも実装されないまま今に至っています。
MDNのHTMLリファレンスでも、使用上の注意として「1つのページに複数のh1要素を使用しない」ことが挙げられています。実装されていない仕組みを前提に設計する理由はないため、h1は1つに絞る運用が無難です。
ロゴがh1になっているテーマの扱い
実際によく見かけるのは、CMSのテーマ側でサイトロゴにh1が設定されているケースです。記事タイトルのh1と合わせて、1ページにh1が2つある状態になります。
この状態をすぐ直すべきかというと、優先度は高くありません。h1が2つあること自体を理由に順位が下がる仕組みは確認できていません。テンプレートに手を入れる機会があるときに、ロゴ側の見出しタグをpタグやdivに変えておけば足ります。
ただしロゴのh1には、数とは別の問題があります。全ページで同じ文言のh1が出力されるため、そのページ固有の主題を宣言するという役割を果たせません。h1が2つあることより、こちらのほうが実害は大きいと見ています。
h1タグの書き方で押さえる5つの点
ここからは実際の書き方です。判断に迷いやすい順に5点を挙げます。
- 本文が実際に答えている問いの言葉を入れる
- 1ページに1つだけ置く
- ページ上部の、本文が始まる前の位置に置く
- 30字前後を目安に、1行で読み切れる長さにする
- 他のページと同じ文言を使い回さない
文字数から補足します。検索エンジン側に上限はありません。30字前後を目安としているのは表示上の理由で、スマートフォンでh1が3行4行に折り返されると、開いた瞬間に主題を把握しづらくなるためです。逆に短くしすぎて「h1タグについて」のような文言になると、何を答えるページなのかが伝わりません。
キーワードの入れ方は、詰め込みではなく言い換えで考えてください。
h1に入れるのは、本文が実際に答えている問いの言葉
対策している言葉を機械的に並べたh1は、読んだ人に違和感を与えます。そのページが答えている問いを1文で書き出すと、対策している言葉は結果として含まれるはずです。
使い回しについても触れておきます。商品ページやカテゴリページで、テンプレートの都合から全ページ同じh1になっている作りがあります。その場合はどのページも同じ主題を宣言していることになり、検索エンジンから見ると区別がつきません。商品名や地域名など、そのページを特定できる語を必ず含めてください。
h1の文言を決めるときは、先にそのページが答える問いを1つ書き出してみてください。「h1タグは複数使ってよいのか」のような疑問文で構いません。その問いに対する答えを含む形に整えると、h1と本文の内容がずれにくくなります。
ここまでの5点を満たしても順位が変わらないとき、次に疑うのは見出しの外側です。
h1を直しても順位が動かないとき、次に何を見るか
h1やtitleを整えても順位が変わらない場合、原因は見出しではなく、そのページが答えている問いの選び方にあることがほとんどです。Writers-hubでは、検索されている問いの整理からページ単位の改善まで、着手する順番を決めたうえで支援しています。
h1に画像やロゴを使うときの条件
デザインの都合で、h1の中に画像を置きたい場面があります。結論としては使えますが、条件が1つ付きます。
画像をh1にするなら、alt属性に見出しの文言を必ず入れる
alt属性が空のままだと、検索エンジンにも読み上げソフトにも、その見出しはテキストが存在しないものとして扱われます。h1を置いている見た目でありながら、実際には主題が宣言されていない状態になってしまいます。
<h1><img src="heading.png" alt="h1タグとは？SEO効果と書き方"></h1>画像とテキストのどちらを選ぶかで迷うなら、テキストをおすすめします。理由は2つあり、alt属性の設定漏れという事故が起きないことと、文言の修正が数秒で終わることです。装飾されたデザインが必要なときは、CSSで背景画像を敷き、文字自体はテキストのまま扱う方法を選んでください。
- 装飾画像をh1にして、alt属性を空のままにする
- 全ページ共通のロゴ画像をh1として使う
- alt属性に、画像に写っている文言と違う言葉を入れる
- 文字を大きく見せる目的でh1を選ぶ
最後の項目は、h1に限らず見出しタグ全体で起きます。見出しタグは文字サイズを変える機能ではなく、文書の構造を示す仕組みです。表示の大きさはスタイルシートで調整してください。
h1が2つ欲しくなるページの直し方
比較記事ではあまり触れられない話をします。h1を1つに絞ろうとしたとき、どうしても2つ書きたくなるページに出会うことがあります。
サービスの説明と料金比較を1ページに詰め込んだページ。用語の解説と導入手順を1本にまとめた記事。こうしたページで主題を1文にしようとすると、「〇〇の解説と、△△の手順」という接続でつないだ見出しになります。
これは、h1の書き方の問題ではありません。
h1が2つ欲しくなるページは、ページが2つ必要なページ
1つのページが2つの問いに答えようとしている、という意味です。検索する人は、どちらか一方を知りたくて検索窓に言葉を入れています。両方を1ページに載せると、どちらの意図にも中途半端な分量しか割けません。
そこで、h1の文言が決まらないページを見つけたら、まず分割を検討します。分けるかどうかは、それぞれの主題が別々の言葉で検索されているかどうかで判断してください。別々に検索されているなら、分けたほうが両方に届きます。同じ言葉で検索されているなら、1ページにまとめたほうが内容は厚くなるでしょう。
とはいえ、公開済みのページが数百本あると、どこから手を付けるかで止まります。相談を受けたときには、次のように答えています。
経営者既存ページのh1を、全部見直したほうがよいでしょうか。
Writers-hub編集部
全部は必要ありません。まず見るのは、検索結果に出ている文言と、ページを開いたときのh1が食い違っているページです。この2つがずれていると、開いた読者が違うページに来たと感じて戻ってしまいます。本数が多い場合は、流入はあるのに滞在時間が短いページから確認してください。
分けるべきページが見つかったあとは、どちらの内容をどのページに残すかという配分の判断が残ります。
1ページに詰め込みすぎた記事を、どう分けるか
ページを分けるかどうかの判断は、検索されている言葉の分布を見ないと決められません。Writers-hubでは、どの問いをどのページに割り当てるかという設計から記事の執筆までを引き受けています。既存記事の整理から始めることもできます。
自分のページのh1を確認する手順
いま公開しているページのh1は、ツールを入れなくてもブラウザだけで確認できます。
確認したいページをブラウザで開き、右クリックのメニューから検証、または開発者ツールを選びます。ページのHTMLが表示されます。
開発者ツールの検索窓にh1と入力すると、そのページで使われているh1が一覧で出ます。件数がそのままh1の数になります。
見つかったh1の文言を読み、そのページが実際に答えている内容と一致しているかを確かめます。ロゴやサイト名がh1になっている場合も、この時点で分かります。
対策している言葉で実際に検索し、表示されているタイトルとh1を見比べます。大きく食い違っていれば、titleかh1のどちらかを直す候補になります。
ページ数が多い場合は、1件ずつ開くより先に全体を洗い出したほうが早く済みます。
サイト全体を巡回して見出しを一覧化するクローリング型のツールを使うと、h1が無いページや複数あるページをまとめて抽出できます。1ページずつ開く作業は、抽出したあとの中身の確認だけで足ります。
h1タグのよくある質問
検索されることの多い疑問をまとめました。
検索エンジン側の制限はありません。目安は30字前後で、スマートフォンでも1行から2行で読み切れる長さに収めると、開いた読者が主題を把握しやすくなります。40字を超えると折り返しが増えるため、そこを一つの上限と考えてください。
同じで問題ありません。多くのCMSでは初期設定で同じ文言が入ります。ただしtitleは検索結果で他の候補と並んだ状態で読まれ、h1は開いたあとに読まれます。titleには違いが伝わる言い方を、h1には内容が確認できる言い方を置くと、それぞれの役割に合います。
本文が始まる前の、ページ上部に置きます。位置そのものに検索エンジン側の決まりはありませんが、主題の宣言という役割上、本文より後ろに置く理由がありません。ヘッダーのロゴ部分ではなく、記事やサービス紹介の本文が始まる直前が基本の位置です。
設定できます。ただし記事ページのh1は、開いた読者がすでに到達している場所なので、リンクにする理由はほとんどありません。一覧ページの各項目でタイトルをリンクにする場合は、そこはh1ではなくh2以下を使ってください。
問題ありません。見出しタグは文書の構造を示す仕組みで、表示の大きさとは切り離して考えます。h1をh2より小さく見せることも技術的には可能ですが、読者が主題を見つけにくくなるため、階層の順に大きさを保つほうが親切でしょう。
まとめ｜h1タグは主題を1回だけ宣言する場所
h1タグの扱いは、ルールとしては単純です。ページの主題を1文で書き、1ページに1つだけ置き、本文が答えている内容と一致させる。画像を使うならalt属性に同じ文言を入れる。押さえるべき点はこれだけになります。
そのうえで期待値を調整しておきたいのは、h1の設定が順位を動かす施策ではないという点です。h1の文言を書き換えたことをきっかけに順位が上がった例は、制作の現場でもほとんど確認できていません。サイト診断ツールが出す警告は、あくまで構造上の指摘であって、順位改善の予告ではないと受け取ってください。
h1の価値は別のところにあります。ページの主題を1文で書けるかどうかを問われる場所であり、書けないページはその時点で、扱う内容が絞れていないと分かります。h1が2つ欲しくなったら、ページを2つに分ける合図だと受け取ってください。設定項目としてではなく、公開前の点検に使うほうが実用的でしょう。
合同会社Writers-hubでは、検索されている問いの整理から記事の構成、執筆までを一貫して引き受けています。既存ページの見出しや構成を見直すところから始めることもできますので、状況に応じて選んでください。
どのページから手をつけるべきか、判断がつかないとき
ページ数や検索されている言葉の分布によって、先に直すべきページは変わります。着手する順番だけでも判断材料が欲しい場合は、無料相談で現状のページを見ながら整理できます。
