h1タグとは?titleとの違い・見出し階層・WordPressでの確認方法

h1はページの主要な見出しを表すHTML要素です。大きな文字を作るためだけのものではなく、読者が「このページは何を説明するか」を把握する手がかりになります。titleとの違いを整理し、文章の構造と実際の出力を確認しましょう。
h1はページの主題を伝える見出し
h1にはページの主題が伝わる見出しを置きます。たとえば設定手順の記事なら、何の設定をどこまで説明するページかが分かる表現にします。サイト名や「お役立ち情報」だけでは、記事を読む前に内容を判断しにくくなります。
見出しは画面を読む人だけでなく、支援技術を使って構造を把握する人にも関係します。W3Cの見出しに関する解説は、内容の階層を見出しで伝える考え方を示しています。装飾の大きさと見出しとしての意味を分けることが大切です。
明確な主題を一つ示すことは運用しやすい目安ですが、h1の個数だけで順位やページ品質が決まると考えないでください。読者が内容を把握できるか、ページの構造が論理的かを点検します。
title要素・h1・検索結果タイトルの違い
項目 | 主な役割 | 同じ表現になるか |
|---|---|---|
title要素 | 文書のタイトル。ブラウザのタブなどにも使う | h1と一致してもよいが必須ではない |
h1 | 本文の主要見出し | ページで扱う内容を伝える |
Googleのタイトルリンク | 検索結果で生成される見出し | titleやh1と異なる場合がある |
たとえば架空の記事でtitleを「WordPressの検索表示設定を確認する方法|サイト名」、h1を「WordPressの検索表示設定を確認する方法」とすることはできます。本文を読む人にはサイト名を重ねるより主題が重要な場合があるためです。
Googleはtitle要素だけでなく主要見出しなども参考にしてタイトルリンクを生成します。公式のタイトルリンクの説明にあるように、設定した文字列が必ずそのまま出るわけではありません。検索結果が違うときは、本文の主要見出しとtitleの内容が一致しているかも確認します。
見出し階層を内容のまとまりに合わせる
見出しは章立ての役割を持たせます。h1が記事全体、h2が主要なまとまり、h3がその中の細かな説明という関係なら、読む前に文章の道筋をつかみやすくなります。数字を増やすこと自体が目的ではありません。
階層 | 設定記事の架空例 | 役割 |
|---|---|---|
h1 | WordPressの検索表示設定を確認する方法 | 記事の主題 |
h2 | 確認前に準備すること | 一つの主要なまとまり |
h2 | 公開ページの状態を確認する | 次の主要なまとまり |
h3 | ログインを求められる場合 | 直前の章の条件分岐 |
h3 | noindexが見つかった場合 | 同じ章の別の条件分岐 |
見た目を小さくしたいからh2をh4へ変える、といった使い方は構造を分かりにくくします。デザインは表示側で調整し、見出しは内容の関係で選びます。箇条書きの各項目すべてを見出しにする必要もありません。
曖昧・詰め込みすぎのh1を書き直す
今の見出し | 書き換え例 | 改善する理由 |
|---|---|---|
SEOについて | SEOの基本と最初に確認する3項目 | 扱う範囲が分かる |
SEO SEO対策 検索上位 WordPress | WordPressの検索表示を点検する手順 | 語の羅列を自然な主題へ |
プランA | プランAの対象機能と利用条件 | 何を判断できるか補う |
完全解決ガイド | 計測されないときの原因別チェック | 保証表現を具体的な作業へ |
ここに挙げたものは架空の編集例であり、順位が改善した実績ではありません。書き換えの基準は、記事に実際にある内容を正確に表すことです。h1で「料金を比較」と約束するなら、本文にも比較条件と料金の確認方法が必要です。
長さは必要な意味が読み取れるかで調整します。固定の文字数までキーワードを詰め込んだり、検索量が多そうな語を付け足したりするのではなく、主要な対象と読者の目的を残しましょう。
WordPressの投稿タイトルと本文見出しを確認する
WordPressでは投稿タイトルがテーマによってh1として出力されることがあります。編集画面で本文の先頭にも大見出しを入れると、意図せず主見出しが重なる場合があります。管理画面の見た目だけでなく、公開ページの出力を確認します。
確認すること | 記録例 | 判断 |
|---|---|---|
投稿タイトル | 公開ページでh1になっている | 本文先頭で同じ主題を重ねる必要を見直す |
本文見出し | 章がh2、条件分岐がh3 | 意味のまとまりと合うか |
テーマの装飾 | 文字の大きさと要素が違う | 見た目だけで判断しない |
titleとの関係 | 同じ主題だが表記は異なる | 矛盾や誇張がないか |
テーマの変更や独自コードの修正が必要なら、影響を確認できる担当者に相談します。単にh1を一つにするためだけに、ロゴやナビゲーションなど別の構造まで無計画に変更しないことが大切です。
ページの見出しを点検するチェック表
最後に本文を隠すつもりで、見出しだけを順に読んでください。対象、説明の範囲、読者が次に進む道筋が伝わるなら、構造を確認しやすくなっています。見出しで必要な答えを探せるかは、実際の読者の反応でも確かめられます。
- h1が本文の主題と一致しているか。
- 同じ内容を違う言葉で重複していないか。
- h2とh3の親子関係が分かるか。
- 結論だけを強く見せ、必要な条件を落としていないか。
- 関連記事の文言とリンク先が一致しているか。
読みやすくした後に滞在時間が変化しても、その数字だけで順位への効果を証明したことにはなりません。まずは見出しが約束する内容を本文で満たすことを確認し、検索の実績とは分けて振り返りましょう。




