ブログの見出しの付け方4つの手順｜h2・h3の使い方と相談70件の直し方

記事の本文を書き進めるうちに h2 と h3 のどちらを使うかで手が止まり、見出しを足すたびに目次が縦に長くなることがあります。見出しは記事の目次の元にもなる部分です。区切り方と言葉を決めないまま付けると、読者は答えが書いてある場所を見つけにくくなります。

この記事では、ブログ記事の見出しの付け方を、段階の順番・言葉・WordPress での付け方・付けた後の直し方の4つの手順で解説します。株式会社メリルが運営するブログ相談ドットコムの相談のうち、見出しや目次に触れた70件を分けた結果も載せました。

記事を読めば、見出しを付けて、付けた後に直す所を自分で決められます。70件のうち、回答が h2 と h3 の順番や h1 の扱いに触れた相談は2件だけで、多かったのは見出しの言葉と区切り方の指摘でした。

ブログの見出しの付け方の4つの手順と、相談70件で多かった指摘

ブログの見出しは、記事を話題ごとに区切る所に付ける題です。HTML では h1 から h6 までの6段階の見出しの要素で表し、h1 が最上位、h6 が最下位にあたります。ブログの見出しを付ける手順は、以下の4つです。

1. h2 と h3 の順番と入れ子を決める
2. 見出しの言葉を決める
3. WordPress のブロックエディターで見出しを付ける
4. 付けた後に見出しを見直して直す

ブログ相談ドットコムに2021年8月〜2026年9月に公開された相談1,398件を調べました。相談か回答に「見出し」「目次」の語や「h2」などの見出しタグが出てくる118件を1件ずつ読み、見出しや目次に触れた70件を分けています。残りの48件は「見出す」の意味で使われた語や、広告の位置・参考にした記事の見出しの説明として語が出てくるだけの相談などです。

70件のうち、相談した人が見出しや目次について聞いた相談は30件でした。30件で聞いていたことは、以下の表のとおりです。

聞いていたこと	相談の件数
目次(出ない・崩れる・位置・動き)	11件
テーマが付ける見出しタグ(トップページの h1 など)	5件
見出しのデザインを変える・変えたら崩れた	3件
見出しの周りの表示の不具合	2件
見出しの書き方(言葉・構成・下に置くものなど)	9件
計	30件

書き方の9件の内訳は、言葉2件・記事の構成と見出しの決め方2件・見出しの下に置く画像と文の順番2件・見出しを別の記事に切り離すか1件・見出しの付け方と文字数1件・記事どうしで見出しが重なってよいか1件です。

見出しについて聞いた30件のうち21件は、目次やテーマなど WordPress の画面の操作の相談でした。見出しの言葉や区切り方の迷いは、記事を見てほしい相談や、収益・アクセスの相談への回答の中で多く出てきます。70件の回答が見出しについて指摘したことを、まとまりごとに数えた結果は以下の表のとおりです。

回答の指摘のまとまり	相談の件数
目次・テーマ・操作の手順	26件
見出しの言葉(入れる語・切り口・形)	16件
見出しの区切り方(多すぎる・まとめる・記事を分ける)	14件
見出しの下に置くもの	10件
検索やツールの判定との関係	10件
段階の使い方(順番・h1・深さ)	4件
進め方	3件

1件の相談に複数の指摘があるため、合計は70件を超えます。相談の年は、2021年26件・2022年28件・2023年9件・2024年1件・2025年5件・2026年1件です。回答を書いているのは相談サイトの利用者です。

目次・テーマ・操作の手順の26件のうち21件は、見出しについて聞いた相談への回答です。記事を見てほしい相談とほかの相談の40件に絞ると、言葉の指摘と区切り方の指摘が12件ずつで最も多くありました。見出しの下に置くものの指摘は9件です。段階の使い方の指摘は、40件では3件にとどまりました。

記事全体を書く順番は、別の記事で手順ごとに解説しています。

» ブログの書き方5つの手順｜相談98件でわかったつまずく所と直し方

手順1 h2とh3の順番と入れ子を決める

見出しの段階は、話題の大きさに合わせて上から順に使います。h1 はページの内容を表す見出しで、h2 は h1 の中の節、h3 は h2 の中の小さな節を表します。段階を決めるときに行うことは、以下の3つです。

• 記事のタイトルを h1 にして本文の見出しは h2 から始める
• h2 は記事の大きな話題1つにつき1つ立てる
• h3 は h2 の中を分けるときだけ使い段階を飛ばさない

記事のタイトルを h1 にして本文の見出しは h2 から始める

WordPress では多くの場合、記事のタイトルが h1 になるため、本文に足す見出しのブロックは h2・h3 の順に使います。h1 の扱いはテーマやページのテンプレートで変わるので、公開した画面で記事のタイトルが h1 になっているかを確かめておきます。

1つのページに h1 を複数置くことは HTML の標準では認められていますが、よい習慣とはみなされていません。ページの内容を説明する h1 を1つだけ置くのが一般的です。本文に h1 の見出しを1つ入れると、ブロックエディターのアウトラインに「(テーマによって H1 が投稿タイトルに使用されている可能性があります)」と出ます。

相談では、記事ではなくトップページの h1 や、ヘッダーや関連記事に付いた h2 を聞いた相談が5件ありました。回答では、トップページはテーマがブログ名やカテゴリ名に h1 を付けていると説明され、テーマが付ける見出しタグを確かめるよう勧められています。

プラグインやツールが出す「h1 が複数ある」などの判定をうのみにしないよう勧めた回答も、3件ありました。

公開した記事の h1 の数は、以下の手順で数えられます。

1. 公開した記事をブラウザーで開く
2. ページのソースを表示する
3. ソースの中で <h1 を検索し、出てくる数を数える

h2 は記事の大きな話題1つにつき1つ立てる

h2 は、記事で答える大きな話題を1つずつ区切る見出しです。h2 は節を、h3 は h2 の中の小節を表すため、h2 の数は記事の話題の数で決まります。

回答で見出しの区切り方を指摘された相談は14件で、言葉の16件に次いで多くありました。h2 の立て方では、中身が重なる見出しを1つにまとめる指摘が2件、h2 は記事の話題1つでまとめるよう勧めた回答が1件ありました。

h2 を並べるときは、以下の順に進めます。

1. 記事で答える問いを1文で書く
2. 問いへの答えに要る話題を書き出す
3. 中身が重なる話題を1つにまとめる
4. 残った話題に1つずつ h2 を付ける

例えば「料金」と「支払い方法」のように、読者が続けて知りたい話は、1つの h2 にまとめて h3 で分けると探しやすくなります。

h3 は h2 の中を分けるときだけ使い段階を飛ばさない

h3 は、1つの h2 の下が2つ以上の話に分かれるときに使います。見出しの段階は1つずつ下げ、h2 の次に h4 を置くような飛ばし方をしません。

HTML の標準の決まりでは、見出しの次に置ける見出しは同じ段階か上の段階、または1つ下の段階までです。h2 の次に h4 を置く並べ方は、標準の決まりから外れます。h4 の後に新しい h2 を置くような、節を閉じて上の段階に戻る使い方は問題ありません。

スクリーンリーダーを使う人は、見出しから見出しへ移って、ページの内容を判断することがよくあります。段階が飛んでいると、飛ばされた見出しがどこにあるのかがわからず、混乱する原因になります。Google 検索にとっては、見出しが順番どおりに使われていなくても問題はありません。段階を順に使う理由は、見出しをたどって読む人のためです。

回答では、h2 の次に h5 を置いた記事に、h2・h3・h4 の順に使うよう指摘がありました。内容の量に対して h3 や h4 まで使う必要がないと指摘された相談も2件あります。h2 の下が短いときは、h3 を立てずに段落と箇条書きで書けば足ります。

手順2 見出しの言葉を決める

段階を決めたら、見出しごとに言葉を決めます。回答で見出しの言葉について指摘された相談は16件でした。見出しの言葉を決めるときに行うことは、以下の4つです。

• 見出しの下に書く答えを見出しの言葉にする
• 狙う語は自然に入る見出しにだけ入れる
• 並べる見出しは言葉の形と切り口をそろえる
• 中身のない「はじめに」「まとめ」の見出しを置かない

見出しの下に書く答えを見出しの言葉にする

見出しの言葉は、見出しの下に書く答えを短くまとめて作ります。ページのタイトルと見出しは、トピックを要約して、読者がページを訪れるかどうかを決める助けになります。

例えば「料金について」より「料金はプランで3つに分かれる」のほうが、読んだだけで下に書く答えのわかる見出しです。回答では、見出しを読めば中身がわかる言葉にする指摘が2件、見出しに結論を書く指摘が2件ありました。中身がわかる言葉にする指摘の1件は、商品を紹介する見出しにブランド名を入れるよう勧めた回答です。

見出しの言葉は、以下の順に決めます。

1. 見出しの下の本文を書いた後、答えを1文で書き出す
2. 書き出した1文から、答えに要る言葉だけを残す
3. 残した言葉を見出しにして、本文の答えと食い違わないかを読み比べる

狙う語は自然に入る見出しにだけ入れる

記事で狙う語は、読んで不自然にならない見出しにだけ入れます。Google が検索結果のタイトルリンクを作るときには、<title> 要素のほかに、ページの見出しの言葉も使うことがあります。

回答では、狙う語や商品名を見出しに入れる指摘が4件ありました。見出しに語を不自然に詰め込まないよう勧めた指摘も2件あります。見出しごとに決まった語を何回も入れる外注のルールには、読者が不自然に感じる詰め込みは避けるべきとの回答が付いていました。

ランキングを操作する目的でページにキーワードを詰め込むことは、Google 検索ではキーワードの乱用としてスパムに当たります。読みやすいのは、全部の見出しの頭に同じ語を付けた見出しより、見出しごとの答えに合う言葉を選んだ見出しです。

狙う語の決め方は、別の記事で解説しています。

» キーワード選定のやり方5つの手順｜ブログの相談59件でわかったつまずく所

並べる見出しは言葉の形と切り口をそろえる

同じ h2 の下に並べる h3 は、言葉の形と切り口をそろえます。形がそろっていると、読者は見出しを並べて読んだだけで、何が並んでいるのかを見分けられます。

回答では、まとめ記事の h2 を読者の悩みの切り口でそろえる指摘や、並べた見出しの付け方をそろえる指摘がありました。数を挙げる記事では、見出しに番号を振るよう勧めた回答もあります。見出しの下の書き方(結論と画像の順番)を見出しごとにそろえると読み疲れしにくい、との回答もありました。

並べる見出しをそろえるときは、以下の点を確かめます。

• 文の終わりの形(「〜する」「〜の選び方」など)
• 見出しの切り口(手順・悩み・商品など)
• 番号を振るかどうか

中身のない「はじめに」「まとめ」の見出しを置かない

「はじめに」「まとめ」「おわりに」だけの見出しは、下に書く中身がないなら置きません。回答では、量の少ない記事の「まとめ」や、中身のない「おわりに」の見出しを削るよう指摘された相談が2件ありました。

記事のタイトルと合わない話を見出しにして入れることも避けます。タイトルと合わない見出しを記事の中心に置いた記事や、タイトルの製品に限らない話に見出しで分量を割いた記事に、回答で指摘が付いた相談は2件でした。タイトルと合わない話は、別の記事に書いてリンクでつなぎます。

記事のタイトルの付け方は、別の記事にまとめています。

» ブログ記事のタイトルの付け方5つの手順｜相談26件で多かった検索結果の迷い

手順3 WordPressのブロックエディターで見出しを付ける

WordPress のブロックエディターでは、見出しのブロックを使って見出しを付けます。見出しのブロックで見出しの段階を選ぶと、公開した記事に h2 や h3 の見出しタグが付きます。WordPress で見出しを付けるときに行うことは、以下の3つです。

• 見出しのブロックを追加する
• 見出しのレベルを選び直す
• 見出しの見た目はテーマやブロックの設定で変える

見出しのブロックを追加する

見出しのブロックは、ブロックの追加のボタンか、行の頭に打つ記号で追加します。どちらの方法でも同じ見出しのブロックが入ります。見出しのブロックを追加する方法は、以下の2つです。

1. 画面の上の「ブロックインサーター」(+ のボタン)を押して「見出し」を選ぶ
2. 新しい行の頭で ## と打ってスペースを押す(h3 は ###)

見出しは、ページ内リンクの飛び先にもできます。見出しのブロックの設定の「高度な設定」にある「HTML アンカー」に名前を入れ、リンクの側では # に続けてアンカーの名前を書きます。

HTML アンカーの名前の決まりは、英字で始める・空白を入れない・同じページの中でほかと重ならない、の3つです。ページ内リンクの相談2件では、見出しにアンカーや id を付ける方法が回答されていました。

WordPress の画面全体の使い方は、別の記事で解説しています。

» ワードプレスの使い方｜ログインから公開までの6つの手順と相談246件のつまずき

見出しのレベルを選び直す

入れた見出しのレベルは、ブロックのツールバーか、画面の右の設定で選び直せます。段落を見出しにしたり、見出しを段落に戻したりするのも同じ操作です。見出しのレベルを選び直す方法は、以下のとおりです。

1. 見出しのブロックをクリックして選ぶ
2. ブロックのツールバーにある変換のボタンを押し、見出しのレベルを選ぶ
3. ツールバーが使いにくいときは、画面の右の「設定」で H1〜H6 のボタンを押す

Windows のキーボードでは、Shift + Alt + 1〜6 で今の段落や見出しを見出しのレベル1〜6にできます。Shift + Alt + 0 を押すと、見出しが段落に戻ります。

見出しの見た目はテーマやブロックの設定で変える

文字を大きく見せたいだけの所に、見出しのブロックを使いません。HTML の見出しの要素は、文字の大きさを変えるために使うものではないからです。文字の大きさは、見出しの段階ではなく CSS で変えます。

見出しの色や文字の大きさは、見出しのブロックの設定でも変えられます。設定の項目は、スタイル・色・タイポグラフィ・サイズ(余白)・枠線などです。選べるスタイルは、使っているテーマによって変わります。

見出しのデザインを変える・変えたら崩れた相談は3件ありました。回答は、テーマを入れ直す・カスタマイズやプラグインのぶつかりを疑う・CSS のクラスを学ぶ、の3つです。全部の h3 ではなく一部の h3 だけデザインを変えたいときは、以下の順に進めます。

1. デザインを変えたい見出しのブロックを選ぶ
2. 画面の右の設定の「高度な設定」を開く
3. 「追加 CSS クラス」に半角英数字の名前を入れる
4. サイトの CSS で、その名前のクラスにだけ見た目を指定する

テーマを変えたときに見出しの見た目が崩れたら、テーマの変更の記事にある戻し方も確かめてください。

» ワードプレスのテーマ変更5つの手順｜相談20件でわかった崩れる所と戻し方

手順4 付けた後に見出しを見直して直す

見出しを付け終えたら、公開する前に見出しだけを並べて見直し、公開した後も読者の目で直します。回答の指摘で多かった区切り方と見出しの下の書き方も、付けた後の見直しで直します。付けた後に行うことは、以下の4つです。

• アウトラインで見出しの並びと段階を確かめる
• 多すぎる見出しはまとめるか別の記事に分ける
• 見出しのすぐ下に答えを書き広告を並べない
• 目次が出ないときは表示の条件と設定を確かめる

アウトラインで見出しの並びと段階を確かめる

WordPress のブロックエディターでは「ドキュメント概観」の「アウトライン」のタブで、記事の見出しの並びと段階を確かめられます。アウトラインのタブに出るのは、文字数や段落の数と、見出しがどの段階で並んでいるかです。

段階を飛ばした見出しには「(見出しレベルに間違いがあります)」、中身が空の見出しには「(空白見出し)」と表示されます。h1 の見出しを本文に2つ以上入れると「(複数の H1 見出しは非推奨です)」と出ます。

アウトラインで見出しを確かめる手順は、以下のとおりです。

1. 画面の上のツールバーで「ドキュメント概観」を開く
2. 「アウトライン」のタブを選ぶ
3. 見出しだけを上から読み、記事の答えが順に並んでいるかを見る
4. 間違いの表示が出た見出しを押して選び、ブロックのツールバーでレベルを選び直す

見出しの数に、Google 検索での理想の数はありません。プラグインやツールの点数より、アウトラインで見出しだけを読んで、記事の中身が順に伝わるかで直す所を決めます。

多すぎる見出しはまとめるか別の記事に分ける

見出しが多すぎて1つずつの中身が薄いときは、見出しをまとめるか、記事を分けます。見出しを付ける目的は、長い文章の全体を見通せるようにすることです。細かく区切りすぎると目次が長くなり、かえって全体を見通しにくくなります。

回答では、見出しが多すぎる・細かく分けすぎて中身が薄いとの指摘が5件、見出しで細かく分けるより記事を分けてつなぐよう勧めた指摘が5件ありました。スマートフォンで目次が縦に長すぎると指摘された相談もあります。見出しを減らすか分けるかを決める順番は、以下のとおりです。

1. 下の文が短く、答えが書ききれていない見出しを探す
2. 前後の見出しと話が重なっていれば、1つの見出しにまとめる
3. 記事のタイトルと別の問いに答えている見出しは、別の記事に分けてリンクでつなぐ
4. 手順を1つずつ見出しにしている所は、見出しを1つにして番号付きの手順で書く

記事の長さの決め方と分けた記事のつなぎ方は、以下の2本の記事で解説しています。

» ブログの文字数の決め方4つの手順｜相談114件でわかった目安と記事数の考え方

» 内部リンクの貼り方5つの手順｜ブログの相談55件でわかった迷う所と直し方

見出しのすぐ下に答えを書き広告を並べない

見出しのすぐ下には、見出しの問いへの答えを書きます。見出しの下に置くものについての指摘は10件で、見出しと下の中身を合わせる指摘が3件、見出しごとに広告やリンクを貼らない指摘が3件ありました。

回答では、h3 の冒頭に「以下のとおり」と前置きだけを書き、答えを下の h4 に回した記事が指摘されていました。答えは h3 のすぐ下に置くよう勧められています。見出しごとにアフィリエイトの広告を置いた記事には、何を勧めたいのかがわかりにくいとの回答が付いています。見出しの直後の大きな画像やボタンで読む手が止まる、との指摘もありました。

見出しのすぐ下を直すときに見る所は、以下のとおりです。

• 見出しの答えより前に置いた前置きの文
• 見出しの言葉と合わない話
• 見出しごとに置いた広告やボタン
• 見出しの理解を助けない画像

見出しの下の画像は、見出しの理解を助けるときに入れれば足り、必ず入れるものではないとの回答もありました。記事の冒頭に置く文の書き方は、リード文の記事で解説しています。

» リード文の書き方4つの手順｜ブログ相談29件でわかった直す所と例文

目次が出ないときは表示の条件と設定を確かめる

記事の目次は、見出しの並びから作られます。HTML の標準は、見出しの並び(アウトライン)を、目次を作るときに使うよう定めています。見出しについて聞いた30件のうち11件は目次の相談で、目次が出ない・崩れる・置く位置を変えたいなどの内容でした。

回答では、目次のプラグインが「h2 が2個以上あるときに出す」設定になっていると指摘された相談や、投稿ごとの目次の設定を確かめるよう勧められた相談がありました。テーマやほかのプラグインとのぶつかりを疑う回答や、テーマの提供元に問い合わせるよう勧めた回答も付いています。目次が出ないときは、以下の順に確かめます。

1. 本文の見出しが見出しのブロックで入っているかを、アウトラインで見る
2. テーマか目次のプラグインの設定で、目次を出す見出しの数などの条件を見る
3. 記事の編集画面に、その記事だけ目次を出さない設定がないかを見る
4. プラグインを1つずつ止めて、目次が出るかを見る
5. それでも出ないときは、テーマやプラグインの提供元に問い合わせる

ブログの見出しはh2とh3の順に付けてアウトラインで見直しましょう

ブログの見出しを付ける手順は、以下の4つです。

1. h2 と h3 の順番と入れ子を決める
2. 見出しの言葉を決める
3. WordPress のブロックエディターで見出しを付ける
4. 付けた後に見出しを見直して直す

ブログ相談ドットコムの相談で見出しや目次に触れた70件のうち、回答が h2 と h3 の順番や h1 の扱いに触れた相談は2件だけでした。回答で多かったのは、見出しの言葉と区切り方の指摘です。段階を順に使ったうえで、見出しを減らしたりまとめたりすると、読者は目次から答えの場所を見つけやすくなります。

まずは公開している記事を1本開いて「ドキュメント概観」の「アウトライン」を表示し、見出しだけを上から読みましょう。