見出し構成の作り方｜スマホで読まれる5ステップと文字数の目安

「記事を書いても最後まで読まれない」「スマホで見ると文字がぎっしりで読みにくい」。そんなお悩みはありませんか。原因の多くは、本文の質より先に見出しの設計にあります。

この記事では、スマホで読みやすく、かつ検索にもAIにも拾われやすい見出し構成の作り方を、現場目線で具体的に解説します。階層の組み方、文字数の目安、結論ファーストの書き方、AI検索対応、よくある失敗まで、読みながらそのまま自分の記事に当てはめられる形でまとめました。

Contents / 目次

1. 結論。見出しは「読む前に内容が分かる骨組み」にする
2. 見出し構成の作り方。実際の手順を5ステップで
3. 見出しを整えると何が変わるのか
4. よくある失敗と回避法
5. 現場で見えた本音。見出しは「AI検索」も意識する時代
6. よくある質問
7. まとめ。見出しから直して、読まれる記事へ

結論。見出しは「読む前に内容が分かる骨組み」にする

最初に結論からお伝えします。読みやすくSEOにも強い見出しとは、見出しだけを拾い読みしても記事の中身が分かる骨組みになっている見出しです。読者の多くはスマホで斜め読みします。だからこそ、見出しが目次の役割を果たしているかどうかで、読まれるか離脱されるかが決まります。

具体的にやるべきことは、大きく分けて3つです。順番に見ていきましょう。

• 階層を正しく組む：h1は1ページに1つ、h2→h3→h4と順番を飛ばさず、論理的な入れ子構造にする
• 1見出しを短く言い切る：スマホで1〜2行に収まる20字前後にし、その章の結論や要点を入れる
• 検索者の言葉で書く：読者が実際に検索する自然な言い回しや疑問形を見出しに反映する

ここで言う「見出しタグ」とは、HTMLでh1からh6まで用意されている、文章の見出しを表すための部品のことです。かんたんに言うと、本の「章」や「節」のラベルのようなもの。検索エンジンはこのラベルを読んで「この記事は何について、どういう順で書いてあるか」を理解します。つまり見出しは、人にもGoogleにも記事の地図を渡す役割を持っています。

役割を整理すると、次のようになります。スマホ読者のスキャン読みにも応えられるよう、表で確認しておきましょう。

タグ	役割	使い方の目安
h1	記事全体のタイトル	1ページに1つだけ。主軸キーワードを前方に
h2	章ごとの大きなテーマ	20字前後。記事の柱になる問いに対応させる
h3	h2を細分化した小見出し	h2の中の論点を分ける。疑問形が有効
h4〜h6	補足・例・細かい区分	使いすぎない。多くの記事はh3までで足りる

ここがポイント。お使いのテーマによっては、記事タイトルが自動的にh1として出力されます。その場合、本文中でもう一度h1を使う必要はありません。本文の見出しはh2から始めるのが基本だと覚えておきましょう。

見出し構成の作り方。実際の手順を5ステップで

では、実際にどう作るのか。読みながら手を動かせるように、5つのステップに分けて解説します。記事を新しく書くときも、既存記事を直すときも同じ流れで使えます。

ステップ1。検索する人が知りたい問いを書き出す

最初にやるのは見出しを書くことではありません。読者が知りたい「問い」を箇条書きにすることです。たとえば「見出し構成」というテーマなら、「正しい階層は」「文字数は何字が目安か」「スマホでどう見えるか」「キーワードは入れるべきか」といった疑問が出てきます。

この問いの洗い出しには、検索の候補語を調べるのが近道です。Googleの検索窓に出てくるサジェスト（予測変換）や、「他の人はこちらも質問」を見ると、読者の生の疑問が見えてきます。出てきた問いを、そのまま見出しの種にしていきます。

ステップ2。問いをグループに分けてh2を決める

書き出した問いを、似たもの同士でグループにまとめます。このグループ1つが、ひとつのh2になります。たとえば「階層」「文字数」「スマホ表示」といった大きなくくりがh2、その中の細かい疑問がh3です。

このとき大事なのは、h2だけを並べて読んだときに記事全体の流れが分かるかを確認することです。h2を上から読んで「結論→やり方→効果→注意点」のように話が進んでいれば、構成は合格です。バラバラな印象なら、順番を入れ替えましょう。

ステップ3。各見出しに「結論」を入れて言い切る

見出しは「〜について」で終わらせないのがコツです。たとえば「見出しの文字数について」ではなく「見出しは20字前後が読みやすい」と、結論まで言い切ります。こうすると、見出しを見ただけで答えが分かり、斜め読みする読者が必要な箇所にすぐたどり着けます。

さらに、各見出しのすぐ下の1文目で、その見出しが扱う問いに直接答えてください。これは「結論ファースト」という考え方です。背景説明や前置きを先に置くと、スマホでは答えが画面の下に押しやられ、読者は離脱します。

ステップ4。スマホ画面で実際の見え方を確認する

パソコンで書いた見出しは、スマホでは想像以上に長く見えます。パソコンで1行の見出しが、スマホでは3行に折り返されることも珍しくありません。書いたら必ずスマホの実機か、ブラウザの開発者ツールでスマホ表示に切り替えて確認しましょう。

確認すべきは、次の2点です。

• 見出しが2行以内に収まっているか
• 折り返しで意味が切れて読みにくくなっていないか

長すぎる見出しは、要点だけ残して詳細は本文に移します。スマホで読みやすいレイアウト全般の考え方は、Mozillaのレスポンシブウェブデザイン（MDN Web Docs）でも基礎が解説されています。

ステップ5。完成した構成を最終チェックする

仕上げに、公開前のチェックリストで確認します。次の項目を上から順に見ていけば、大きな抜けは防げます。

• h1の数：1ページに1つだけになっているか
• 階層の順番：h2の次にh4が来るなど、飛び級になっていないか
• 結論：各見出しに要点が入り、直下の1文で答えているか
• 文字数：スマホで2行以内、おおむね20字前後に収まっているか
• 装飾目的の見出し：「太字にしたいだけ」で見出しタグを使っていないか

AIをたたき台に使うコツ。見出し案づくりはAIと相性が良い作業です。Claude（デスクトップアプリが起動も速く実務で使いやすいです）やChatGPTに、出発点として短く頼んでみましょう。

あなたはSEOに詳しい編集者です。
テーマ「［記事のテーマを入力］」で、検索する人が知りたい問いを10個挙げ、
スマホで読みやすいh2・h3の見出し構成案を作ってください。
各見出しは20字前後、結論を入れた言い切りでお願いします。

大事なのは、出てきた案をそのまま使わないことです。AIは「ありがちな構成」を出すのは得意ですが、自社の独自の経験や具体例までは知りません。出力された見出しを見て、自社にしか書けない論点が抜けていないか、検索者の本当の疑問とずれていないかを人の目で確認し、必要な見出しを足し引きしてください。この「確認して直す」工程こそが、ほかの記事との差になります。

見出しを整えると何が変わるのか

見出し構成を整えると、まず変わるのが読者の読みやすさです。スマホで斜め読みしても要点が拾えるため、必要な情報にすぐたどり着けます。結果として、最後まで読んでもらえる確率が上がり、問い合わせや次の行動につながりやすくなります。

検索エンジンにとっても、構造が整っていることは意味を持ちます。Googleは、スマホ版のページをクロール・インデックスの基準にする「モバイルファーストインデックス」を採用していると公式に説明しています（参考：Google検索セントラル「モバイル ファースト インデックスに関するおすすめの方法」）。

スマホで見たときに見出しで構造が正しく伝わっていれば、Googleが記事の内容を理解しやすくなります。ただし、読みやすさそのものが検索順位を直接上げるわけではありません。

成果が出ている記事には共通点があります。それは見出しを見るだけで「何が書いてあるか」「自分の悩みが解決するか」が分かることです。逆に、見出しが曖昧な記事は、本文がどれだけ良くても読まれずに離脱されます。

注意したいのは、見出しを整えただけで検索順位が必ず上がるわけではないという点です。順位は本文の中身、検索意図との一致、サイト全体の信頼性など多くの要因で決まります。見出しの最適化は「読まれる土台を作る」施策であり、中身が薄ければ効果は限定的です。土台と中身はセットで考えましょう。

見出しと本文の関係は、検索意図とのズレを直す作業とも深くつながっています。書いても伸びない記事の立て直し方はブログが伸びない原因は？SEOで検索の意図ズレを直す手順でも詳しく解説しているので、あわせて読んでみてください。

よくある失敗と回避法

ここからは、現場でよく見かける失敗を紹介します。どれも「やりがち」なものばかりなので、自分の記事に当てはまっていないか確認しながら読んでください。

失敗1。見た目を変えたいだけで見出しタグを使う

「ここの文字を大きく目立たせたい」という理由だけでh2やh3を使ってしまうケースです。これをやると、見出しではない普通の文がGoogleに「ここは章のテーマだ」と誤解され、記事の構造がぐちゃぐちゃに伝わってしまいます。

回避法はシンプルです。見た目の調整は文字サイズや太字（CSSや装飾ボタン）で行い、見出しタグは文章の区切りを示すときだけ使うと決めることです。「ここは新しい章か」と自問して、章でないなら見出しタグは使いません。

失敗2。階層を飛ばす・h1を複数置く

h2の次にいきなりh4を置いたり、1ページにh1を2つ以上置いたりするケースです。こうなると、人が読んでも話の階層が分からず、検索エンジンも構造を読み取れません。とくにWordPressでは、本文にh1を足すとタイトルのh1と二重になりやすいので注意が必要です。

回避法は、見出しは必ずh2から始め、h2→h3→h4と順番を守ること。階層を1つずつ下りていくイメージで組めば、飛び級は起きません。公開前に見出しだけを抜き出して、順番が乱れていないか確認すると確実です。

失敗3。キーワードを詰め込みすぎる

「上位を取りたいから」と、見出しに同じキーワードを何度も入れてしまうケースです。たとえば「見出し SEO 見出し 作り方 SEO 見出し」のような不自然な見出し。これは読者にとって読みにくいだけでなく、Googleからも評価されません。

回避法は、キーワードは1見出しに自然な形で1回入れば十分と考えること。狙う言葉を入れることより、読者がスッと意味を取れる自然な日本語であることを優先しましょう。

失敗4。中身と合わない「釣り見出し」にする

クリックしてほしいあまり、本文に書いていないことを見出しで約束してしまうケースです。「3日で1位」のような誇張した見出しは、一瞬クリックは増えても、内容が伴わなければすぐ離脱され、サイトへの不信感だけが残ります。

回避法は、見出しは記事の中身を正確に映す言葉にすること。興味を引くこと自体は大事ですが、それは恐怖や誇張で煽るのではなく、読者が本当に知りたい要点を的確に言い当てることで実現します。

現場で見えた本音。見出しは「AI検索」も意識する時代

ここまでが基本の話です。ここからは、教科書には載りにくい、現場で感じている本音をお伝えします。これからの見出し作りで一番見落とされがちなのが、AI検索や音声検索への対応です。

いま検索結果の上部には、GoogleのAI Overview（AIによる回答の要約）が表示されることが増えました。スマホで「〜とは」「〜のやり方」と話しかけるように検索する人も増えています。

こうした検索を意識するなら、疑問形の見出しと、その直下にある簡潔な答えをセットで置いておくのが実践的だと考えられます。問いとすぐ下の答えがそろっていれば、少なくとも読者が知りたい情報にはたどり着きやすくなります。

だから、章によっては見出しを「見出しの文字数の目安は」「階層を飛ばすとどうなるか」のような疑問形にして、その直後の1〜2文で答えを完結させておくとよいでしょう。AI検索による引用のされ方は公開された仕様が乏しく断定はできませんが、問いと答えがそろった構成は引用されやすくなると考えられます。これは難しいテクニックではなく、「問いを見出しにして、すぐ答える」という、これまで説明してきた結論ファーストの延長線上にあります。

一方で、率直にお伝えしておきたい妥協点もあります。見出しの最適化は地味で、効果がすぐ数字に出るとは限りません。

1記事だけ直しても変化は小さく、サイト全体の記事を同じ基準で整えて、はじめて効いてきます。だからこそ、内製でやるなら「全記事に使える自社ルール」を一度きちんと作ることが大事です。

逆に、ここを毎回ゼロから考えるのは負担が大きく、外部に任せた方が早いと感じる方も多い部分です。

内製と外注の切り分けで迷ったら、判断軸はシンプルです。見出しのルール作りと方針決めは社内に残し、量産と継続的な改善は仕組み化するか任せるのがバランスの良いやり方です。見出しを含めた記事全体の書き方はブログ運用で実践すべきSEOライティング10のヒント、内部対策の抜け漏れチェックはSEO内部対策で成果が変わる？初心者も使えるチェックリストもあわせて使ってみてください。

よくある質問

まとめ。見出しから直して、読まれる記事へ

見出しは記事の骨組みであり、スマホ時代・AI検索時代に「読まれるかどうか」を左右する土台です。h1は1つ、階層を飛ばさず、20字前後で結論を言い切り、検索者の言葉と疑問形を意識する。この基本を全記事に通すだけで、読みやすさも検索での見え方も変わってきます。

とはいえ、ここまで読んで「考え方は分かったけれど、全記事を整え直す時間がない」「自社に合ったルール作りから一緒に考えてほしい」と感じた方もいると思います。コレットラボでは、AI時代に合った見出し設計・記事づくりの伴走支援を行っています。まずは現状の記事を一緒に整理するだけでも大丈夫です。AI時代に強い記事づくりの詳細はこちらから、気軽にお話を聞かせてください。