なぜ9割の記事は「構成」で失敗するのか？読まれるWEBコンテンツ設計の全技術
※この記事はオンラインサロンの内容を元に作成しています。
「AIに文章を書かせたのに、なぜか読みにくい」「時間をかけて書いたのに、誰も最後まで読んでくれない」――その原因は、文章力ではなく「構成」にあります。どんなに美しい文章でも、構成が破綻していれば読者は3秒で離脱します。逆に、構成さえ完璧なら、多少文章が拙くても最後まで読まれ、成果につながるのです。本記事では、Googleと読者の両方から高評価を得る記事構成の設計技術を、実践的なステップで解説します。
- ChatGPTで記事を書いたが、読みにくくて公開を躊躇している方
- 記事を書き始めると途中で何を書いているか分からなくなってしまう方
- 検索上位の記事と自分の記事で「何が違うのか」を知りたいWEB担当者
こちらの関連記事も併せてご覧ください。「ライティング」を総論的に解説しています。
目次
記事構成とは何か？なぜ「書く前」に9割が決まるのか
構成＝記事の設計図：建築に例えるとわかりやすい
記事構成とは、記事の設計図です。家を建てるとき、いきなり釘を打ち始める大工はいません。まず設計図を引き、柱をどこに立てるか、部屋をどう配置するかを決めます。記事も同じです。いきなり書き始めるのではなく、「どんな情報を、どの順番で、どれくらいの分量で伝えるか」を設計するのが構成です。
設計図が優れていれば、施工（執筆）は驚くほどスムーズに進みます。逆に、設計図がないまま書き始めると、途中で「あれ、今何を説明しているんだっけ？」と迷子になります。読者はもっと混乱します。結果として、論理が破綻した「誰得記事」が完成してしまうのです。
構成を建築に例えると、以下のように対応します。
- H1（タイトル） = 建物の看板「何の建物か」を示す
- H2（大見出し） = 各階・各部屋「テーマの大枠」
- H3（小見出し） = 部屋の中の機能「テーマの詳細」
- 本文 = 内装・家具「具体的な説明」
この階層構造がしっかりしていると、Googleは「情報が論理的に整理されている」と評価し、検索順位が上がります。また、読者も「この記事は読みやすい」と感じ、最後まで読んでくれるのです。
「いきなり書き始める人」が必ず失敗する理由
多くの人が犯す最大の失敗は、構成を考えずにいきなり書き始めることです。頭に浮かんだことを順番に書いていくと、以下のような事故が必ず起きます。
事故1：話が脱線する
最初は「WEBライティングの基礎」を書いていたのに、いつの間にか「SNS運用のコツ」に話が逸れている。読者は「あれ？何の記事だっけ？」と混乱します。
事故2：同じ話を繰り返す
構成がないと、どこで何を説明したか忘れます。結果として、H2-2で説明したことを、H2-5でまた説明してしまう。読者は「さっきも読んだ」と飽きて離脱します。
事故3：重要な情報が抜け落ちる
書き終わってから「あ、これ説明してない」と気づくものの、どこに挿入すればいいかわからない。無理やり最後に追記すると、論理の流れが崩れます。
事故4：文字数が膨大になる
ゴールが見えないまま書き続けると、気づけば15,000文字。読者は長すぎて読む気を失います。
これらの事故は、すべて「設計図（構成）なしで書き始めたこと」が原因です。プロのライターが短時間で質の高い記事を書けるのは、文章力が高いからではありません。構成に時間をかけているからです。
構成に2時間、執筆に30分：プロの時間配分
プロのライターの作業時間配分を見ると、驚くべき事実が分かります。
- 構成作成：2時間（全体の60%）
- 執筆：30分〜1時間（全体の30%）
- 推敲：30分（全体の10%）
つまり、記事の6割の時間を構成に費やしているのです。一方、初心者の時間配分はこうなりがちです。
- 構成作成：10分（適当にH2を3つ決めただけ）
- 執筆：3時間（途中で何度も書き直し）
- 推敲：なし（疲れ果てて公開）
この違いが、記事の質を決定的に分けます。
構成がしっかりしていれば、執筆はほぼ作業です。H2ごとにChatGPTやClaudeに「このテーマで1,000文字書いて」と指示すれば、30分で下書きが完成します。あとは自分の体験を2割加えるだけです。
逆に、構成が甘いと、AIに指示を出しても「何を書かせればいいかわからない」状態になります。AIが生成した文章も、論理がバラバラで使い物になりません。結局、自分で1から書き直すことになり、3時間かかるのです。
構成に時間をかけることは、手抜きではなく、最大の効率化です。プロが1記事1時間で書けるのは、構成に2時間かけた「翌日以降」の話なのです。構成のストックが常に20個あれば、毎日1時間で1記事公開できます。これが、月間20記事を実現する秘訣です。
【このセクションのまとめ】
- 記事構成は建築の設計図。H1=看板、H2=各階、H3=部屋の機能、本文=内装という階層構造
- いきなり書き始めると脱線・重複・抜け漏れ・冗長の4大事故が必ず起きる
- プロは構成に2時間、執筆に30分。構成のストックがあれば毎日1時間で1記事公開可能
読者を迷子にさせない「情報設計の3原則」
原則1：大→小の一方通行（抽象から具体へ）
記事構成で最も重要なルールは、情報を常に「大→小」の一方向に流すことです。抽象的な概念から始めて、徐々に具体的な内容に落とし込んでいく。この流れを守るだけで、読者が迷子になる確率は劇的に下がります。
具体例で説明しましょう。「SEO対策」という記事を書く場合、以下のような階層で情報を整理します。
- H2：SEO対策の全体像（最も抽象的・大きな話）
- H3：内部対策とは
- H3：外部対策とは
- H3：コンテンツSEOとは
- H2：内部対策の具体的手法（中程度の抽象度）
- H3：タイトルタグの最適化
- H3：メタディスクリプションの書き方
- H3：内部リンク構造の設計
- H2：タイトルタグ最適化の実践例（最も具体的・小さな話）
- H3：良いタイトルの3つの条件
- H3：NG例とOK例の比較
- H3：キーワードの配置テクニック
このように、全体→部分→詳細という順序で情報粒度を細かくしていきます。
逆に、やってはいけないのが「行ったり来たり」です。H2で具体例を説明した後、次のH2でまた全体像の話に戻る。これをやると、読者は「さっきの話は何だったの？」と混乱します。時系列で説明する場合も同じです。過去→現在→未来の順で進めるなら、途中で過去に戻ってはいけません。
情報の粒度を揃える簡単なチェック方法は、各H2を一言で要約してみることです。「全体像」「方法論」「事例」など、抽象度のレベルが揃っていれば合格です。「全体像」「事例」「全体像」のように粒度がバラバラだと、構成が破綻しています。
原則2：結論ファーストは「情報伝達」には有効だが、ブログでは使うな
ビジネス文書やプレゼンでよく推奨されるPREP法（結論→理由→例→結論）。実は、これはブログには不向きです。
PREP法とは、以下の構成です。
- P（Point）: 結論・主張
- R（Reason）: 理由
- E（Example）: 具体例
- P（Point）: 結論の再確認
確かに、PREPは情報を効率的に伝えるには優れています。会議の報告や企画書では最適でしょう。しかし、ブログの目的は「情報を伝えること」ではありません。読者の感情を動かし、行動させることです。
PREPのメリット：
- 論理的で分かりやすい
- 短時間で要点が伝わる
- ビジネス文書では高評価
PREPのデメリット（ブログでは致命的）：
- 効率的すぎて記憶に残らない
- ひっかかりがなく、読後に何も感じない
- 「ふーん、そうなんだ」で終わり、行動につながらない
人間は理論ではなく感情で動く生き物です。「内製化すべき理由は3つあります。1つ目は…」と淡々と説明されても、心は動きません。必要なのは「外注ライターに50万円払ったのに、誰にも読まれない記事が納品されて絶望した経験、ありませんか？」という、読者の痛みに触れる導入です。
バナー広告の設計と同じです。優れた広告は右脳と左脳の両方に同時に訴えかけます。左脳（論理）だけでは行動しない。右脳（感情）を刺激して初めて、人は動くのです。
また、ブログで伝えるべきは**メリット（機能）ではなく、ベネフィット（利益・未来）**です。
- メリット：「内製化すればコストが削減できます」
- ベネフィット：「外注費ゼロで、月間20記事を自在にコントロールできる未来を手に入れませんか？」
ベネフィットは、読者が手に入れる変化した未来の姿です。これを伝えるには、PREPのような淡白な構成ではなく、ストーリー性や感情の揺さぶりが必要なのです。
原則3：感情を動かす構成フレームワーク
では、ブログで使うべき構成とは何か。感情を動かし、記憶に残り、行動につながる構成を3つ紹介します。
フレームワーク1：問題提起→共感→解決策→証拠→CTA
これは読者の感情に寄り添う構成です。
- 問題提起：「記事を書いても読まれない、と悩んでいませんか？」
- 共感：「私も最初は1記事に2日かかり、それでも誰にも読まれませんでした」
- 解決策：「構成に2時間かけることで、執筆が30分になりました」
- 証拠：「実際に、この方法で検索1位を獲得した事例を紹介します」
- CTA：「あなたも今日から構成作りを始めませんか？」
この構成は、読者の感情に波を作ります。問題提起で不安を刺激し、共感で信頼を得て、解決策で希望を与え、証拠で確信に変え、CTAで行動を促す。これが、人を動かす構成です。
フレームワーク2：失敗談→気づき→実践→成果（ストーリー型）
人は物語に感情移入します。「私も昔は失敗していた」という体験談から始めると、読者は「自分と同じだ」と共感します。そこから、どう気づき、何を実践し、どんな成果を得たかを語ることで、読者は「自分も変われるかもしれない」と思うのです。
フレームワーク3：予測の裏切り（認知的不協和の活用）
「実は、SEO対策で最も重要なのはキーワードではありません」のように、読者の予想を裏切る導入をします。人間の脳は予測と現実のズレに強く反応します。「え、そうなの？」と興味を引き、続きを読ませる力があります。
これらの構成に共通するのは、論理よりも感情を優先している点です。情報の正確さや効率性よりも、読者の心を動かし、記憶に残すことを重視しています。ブログはセールストークです。売るためには、感情を揺さぶらなければならないのです。
【このセクションのまとめ】
- 情報は大→小の一方通行。全体像→部分→詳細の順で、論理破綻を防ぐ
- PREP法は情報伝達には有効だが、ブログでは記憶に残らない。人は理論でなく感情で動く
- 問題提起→共感→解決策、失敗談→成果、予測の裏切りなど、右脳と左脳に訴える構成を使う
ダレトク記事を生む「構成の5大事故」完全解説
構成が甘いと、必ず「事故」が起きます。これらは初心者だけでなく、経験者でも陥りがちな罠です。以下の5つの事故を知っておけば、事前に回避できます。
事故1：前提の欠如「誰に向けた記事かわからない」
最も多い事故が、読者ターゲットが曖昧なまま書き始めることです。「30代女性向け」と設定しても、それだけでは不十分です。
30代女性でも、状況は千差万別です。
- シングルでキャリアを積んでいる女性
- 結婚して共働きの女性
- 専業主婦で子育て中の女性
- シングルマザーで仕事と育児を両立している女性
これらは全く異なる悩みを抱えています。「時短スキンケア」という記事を書く場合、シングルキャリア女性なら「朝の5分を削りたい」、子育てママなら「子どもが寝た後の限られた時間で」というように、前提となる状況が違うのです。
解決策：冒頭で状況設定を明示する
記事の最初（リード文またはH2-1）で、「この記事は、育児で忙しい30代ママが、子どもが寝た後の5分でできるスキンケアを紹介します」と明確に書いてください。読者は「これは自分向けの記事だ」と瞬時に判断できます。
逆に、ターゲットを明示しないと、全員に向けて書いた結果、誰にも刺さらない記事になります。これが「誰得記事」です。
事故2：結論の遅延「何の記事かわからず離脱」
読者は驚くほどせっかちです。記事を開いて3秒以内に「この記事は自分に必要か」を判断します。冒頭で延々と前置きが続くと、「結局何が言いたいの？」と離脱します。
悪い例：
「近年、WEBマーケティングの重要性が高まっています。特にコンテンツマーケティングは…（中略）…そこで今回は、記事構成について解説します」
この書き出しは、結論に到達するまでに200文字以上かかっています。読者は途中で離脱します。
良い例：
「記事構成の作り方を5ステップで解説します。この記事を読めば、AIを使って30分で構成を作れるようになります」
結論を最初に提示することで、読者は「この記事を読む価値がある」と判断し、最後まで読んでくれます。
小説であれば、結末を隠して読者を引っ張るのが面白さです。しかし、ブログは時間効率が求められます。読者は「答え」を求めているのであって、「物語」を求めているわけではありません。冒頭でゴールを示し、「ここまで読めばゴールに到達できる」という安心感を与えてください。
事故3：根拠の不足「筆者の主観だけで書かれている」
「私はこう思います」「〇〇すべきです」と主観だけで書かれた記事は、読者に信用されません。**エビデンス（根拠）**がなければ、「それ、あなたの感想ですよね？」で終わります。
エビデンスには3つの形式があります。
形式1：統計データ
「ある調査によると、記事を最後まで読む読者は全体の2割に過ぎません」
具体的な数値があると、説得力が増します。調査元を明記すれば、さらに信頼性が高まります。
形式2：権威性の高いサイトからの引用
「Googleの公式ガイドラインでは、『情報が構造的に整理されているページを高く評価する』と明記されています」
公式情報や専門機関の見解を引用することで、「筆者の主観ではなく、業界の標準」であることを示せます。
形式3：具体的な事例
「A社では、この方法を導入した結果、3ヶ月で検索順位が15位から3位に上昇しました」
実例があると、「本当に効果があるんだ」と読者は確信します。
逆に、エビデンスがないまま「〇〇すべきです」と断言すると、読者は不信感を抱きます。主張には必ず根拠を添えてください。
事故4：情報粒度の乱れ「概論と細部を行き来して迷子」
構成の中で最も分かりにくいのが、情報の粒度が揃っていない記事です。
例えば、以下のような構成は失敗です。
- H2-1：SEO対策の全体像（概論）
- H2-2：タイトルタグの書き方（細部）
- H2-3：なぜSEOが重要なのか（また概論に戻る）
- H2-4：メタディスクリプションの最適化（また細部）
読者は「今、全体の話？それとも具体的な話？」と混乱します。情報粒度は、必ず大→小の一方通行にしてください。概論→各論→事例という順序を守れば、読者は迷子になりません。
事故5：読者不安の放置「読後に何をすればいいかわからない」
記事を最後まで読んでも、「で、次は何をすればいいの？」と読者が困惑する状態は、機会損失です。ブログの最終目的は、読者に行動してもらうことです。
記事の最後には、必ず**CTA（行動喚起）**を設置してください。
- 「無料相談はこちら」
- 「資料ダウンロード」
- 「次に読むべき記事はこちら」
選択肢を提示することで、読者は「次にどうすればいいか」が明確になります。何も提示しないと、読者は満足して去っていきます。満足されるだけでは、ビジネスにつながりません。
また、CTAは段階的に用意するのが理想です。いきなり「今すぐ購入」では、ハードルが高すぎます。「まずは無料メルマガ登録」「資料請求」など、低いハードルから提示し、徐々に温度感を上げていく導線設計が重要です。
【このセクションのまとめ】
- 前提の欠如：ターゲットの状況を冒頭で明示。「30代女性」だけでは不十分、シチュエーションまで設定する
- 結論の遅延：3秒以内に「何が得られるか」を伝える。前置きは読者を離脱させる
- 根拠の不足：統計・引用・事例の3つの形式でエビデンスを示す。主観だけでは信用されない
- 情報粒度の乱れ：大→小の一方通行を守る。概論と細部を行き来すると読者が迷子になる
- 読者不安の放置：記事末尾にCTAを設置。次のアクションを明示しないと機会損失
実例で学ぶ「良い構成・悪い構成」徹底比較
悪い構成の典型例：散漫で何が言いたいかわからない
構成の良し悪しは、見出しを並べるだけで一目瞭然です。実際に「悪い構成」の典型例を見てみましょう。
NG例：「WEB集客の方法」というテーマの記事
- H1：WEB集客を成功させる方法
- H2-1：WEB集客とは何か
- H2-2：SNS活用のコツ
- H2-3：私たちの会社について
- H2-4：SEO対策の基礎
- H2-5：お客様の声
- H2-6：WEB集客が重要な理由
- H2-7：広告運用のポイント
- H2-8：お問い合わせはこちら
この構成のどこが悪いのか、分析してみましょう。
問題点1：情報粒度がバラバラ
H2-1は「全体像」、H2-2とH2-4とH2-7は「各論（具体的手法）」、H2-6は再び「全体像」に戻っています。読者は「今、大きな話？細かい話？」と混乱します。
問題点2：順序が論理的でない
「WEB集客とは何か」の次に、いきなり「SNS活用のコツ」に飛んでいます。全体像を示す前に、いきなり手法の一つを説明している。これでは、読者は「他にどんな方法があるの？」が分からないまま読み進めることになります。
問題点3：セールストークが露骨すぎる
H2-3「私たちの会社について」、H2-5「お客様の声」は、完全に売り込みです。読者が知りたい「WEB集客の方法」とは無関係。この時点で読者は「ああ、これ営業記事だ」と気づき、離脱します。
問題点4：H2が多すぎる
H2が8個もあると、情報が散漫になります。理想は5〜7個です。これでは読者は「長い…」と感じて、最後まで読む気力を失います。
良い構成への改善プロセス：同じテーマを劇的に改善
では、同じテーマ「WEB集客の方法」を、良い構成に作り直してみましょう。
OK例：改善後の構成
- H1：WEB集客を成功させる3つの方法【2025年版】
- H2-1：WEB集客の全体像：3つの柱を理解する
- H3-1-1：SEO（検索エンジン経由）
- H3-1-2：SNS（ソーシャルメディア経由）
- H3-1-3：広告（有料集客）
- H2-2：方法1：SEO対策で検索上位を狙う具体的手順
- H3-2-1：キーワード選定の3ステップ
- H3-2-2：記事構成の作り方
- H3-2-3：内部リンク戦略
- H2-3：方法2：SNS運用で見込み客を育てる仕組み
- H3-3-1：プラットフォームの選び方
- H3-3-2：投稿の型とスケジュール
- H3-3-3：フォロワーをサイトに誘導する導線
- H2-4：方法3：少額から始める広告運用の基本
- H3-4-1：Google広告 vs SNS広告の使い分け
- H3-4-2：予算の決め方と効果測定
- H3-4-3：失敗しない広告文の作り方
- H2-5：3つの方法を組み合わせた成功事例
- H3-5-1：製造業A社の事例（SEO×広告）
- H3-5-2：小売業B社の事例（SNS×SEO）
何が変わったのか？
改善1：情報粒度が揃った
H2-1で全体像を示し、H2-2〜H2-4で各論を展開し、H2-5で事例という流れ。大→小の一方通行が守られています。
改善2：論理的な順序
最初に「3つの方法がある」と明示し、それぞれを順番に解説。読者は迷わず読み進められます。
改善3：セールストークを自然に織り込んだ
「私たちの会社について」という露骨なH2はなくなりました。代わりに、H2-5の事例紹介の中で、さりげなく自社の実績を示すことができます。
改善4：H2が5個に絞られた
情報を整理し、重複を削ぎ落とした結果、H2が5個になりました。読者は「これなら読み切れる」と感じます。
業界別・良い構成の実例3選
構成は業界やコンテンツの種類によって、最適な形が異なります。3つの実例を紹介します。
実例1：BtoB製造業「〇〇加工技術の解説」
- H2-1：〇〇加工とは何か（定義・原理）
- H2-2：従来工法との違い（比較）
- H2-3：〇〇加工のメリット・デメリット（評価）
- H2-4：導入事例と効果（事例）
- H2-5：導入時の注意点と費用目安（実務情報）
ポイント：BtoB製造業の読者は、技術的な正確性と実務的な情報（コスト・納期）を求めます。感情に訴えるより、論理的に順序立てて説明する構成が適しています。
実例2：BtoC小売業「商品紹介記事」
- H2-1：なぜ今、この商品が必要なのか（問題提起）
- H2-2：この商品が解決する3つの悩み（ベネフィット）
- H2-3：実際に使った人の声（口コミ・レビュー）
- H2-4：他社製品との比較（差別化）
- H2-5：今だけのお得なキャンペーン情報（CTA）
ポイント：BtoCでは感情に訴えることが重要です。問題提起で読者の痛みを刺激し、ベネフィットで未来を見せ、口コミで安心感を与える。最後に購買行動を促すCTAで締めます。
実例3：サービス業「導入事例記事」
- H2-1：お客様が抱えていた課題（Before）
- H2-2：なぜ私たちのサービスを選んだのか（選定理由）
- H2-3：導入プロセスと初期の不安（ストーリー）
- H2-4：導入後の変化と成果（After）
- H2-5：担当者の声（インタビュー）
ポイント：導入事例は「ストーリー型」の構成が効果的です。Before→After の対比で、読者に「自分もこうなれるかも」と思わせることが目的です。
業界や目的に応じて、最適な構成の「型」があります。これらの実例を参考に、自社に合った構成パターンを確立してください。
【このセクションのまとめ】
- 悪い構成は情報粒度がバラバラ、順序が論理的でない、セールストークが露骨、H2が多すぎるの4つが典型的
- 良い構成は大→小の一方通行、論理的な順序、セールストークの自然な織り込み、H2を5個程度に絞るで実現
- 業界別に最適な構成の型がある。BtoB製造業は論理型、BtoC小売業は感情型、サービス業はストーリー型
H2×5、H3×2-3の黄金比率：Googleが評価する階層構造
なぜH2は5〜8個が最適なのか
記事構成において、H2の個数は極めて重要です。多すぎても少なすぎても、SEO的にも読者体験的にもマイナスになります。理想は5〜8個です。
この数字には、認知心理学の裏付けがあります。人間が短期記憶で保持できる情報の数は「マジカルナンバー7±2」とされています。つまり、5〜9個の情報が、人間が一度に処理できる限界なのです。H2が10個、15個と増えると、読者は「どれが重要なのか」を判断できなくなり、記憶に残りません。
逆に、H2が2〜3個しかないと、内容が薄いと判断されます。Googleは「情報網羅性」を評価するため、ある程度のボリュームが必要です。
では、文字数との関係はどうでしょうか。
- H2が5個、各1,000文字 → 合計5,000文字
- H2が8個、各800文字 → 合計6,400文字
一般的に、検索上位を狙うには5,000〜8,000文字が目安とされています。これは、H2×5〜8という構成と完全に一致します。
ただし、文字数稼ぎのために無理やりH2を増やすのは逆効果です。「言いたいことが5つあるから、H2を5個にする」という順序が正しいのです。内容が3つしかないのに、無理やり8個に分割すると、各セクションが薄くなり、読者は「中身がない」と感じます。
実践的な判断基準：
- テーマが広い（例：WEBマーケティング全般）→ H2は7〜8個
- テーマが狭い（例：タイトルタグの書き方）→ H2は5〜6個
テーマの広さに応じて、H2の個数を調整してください。
H3はH2の「子要素」でなければならない
H2とH3の関係で最も重要なのが、親子関係の論理性です。H3は必ずH2の内容を分解したものでなければなりません。
OK例：論理的な親子関係
- H2：SEO対策の3つの柱
- H3-1：内部対策とは
- H3-2：外部対策とは
- H3-3：コンテンツSEOとは
H2「3つの柱」を、H3で3つに分解しています。論理的に破綻していません。
NG例：論理が破綻している
- H2：WEBライティングの基礎
- H3-1：記事構成の作り方
- H3-2：画像生成AIの活用法
- H3-3：SNS運用のコツ
H2「ライティングの基礎」に対して、H3の2と3はテーマが逸れています。特にH3-2「画像生成AI」は、ライティングとは別の話です。このような構成は、読者を混乱させます。
論理チェックの方法： H2とH3を声に出して読んでみてください。「WEBライティングの基礎、その1つ目は画像生成AIの活用法です」と言って、違和感があれば論理が破綻しています。
また、各H2にH3を2〜3個配置するのが理想です。
- H3が1個だけ → H2で十分、H3不要
- H3が5個以上 → H2を分割すべき
例えば、H2「SEO対策の具体的手法」にH3が7個ある場合、これは情報が多すぎます。H2を2つに分割し、「内部対策」と「外部対策」に分けるべきです。
ワイヤーフレームで可視化する
構成を作る際、Excelやマインドマップツールで階層構造を可視化すると、論理の破綻が見つけやすくなります。H2とH3をツリー状に並べ、「この枝分かれは自然か？」をチェックしてください。
H4以降は原則使わない：階層を深くしすぎない
初心者がやりがちな失敗が、H4、H5まで使ってしまうことです。
- H2：WEBライティングの基礎
- H3：記事構成の作り方
- H4：H2の決め方
- H5：H2の個数について
- H5：H2の順序について
- H4：H2の決め方
- H3：記事構成の作り方
このように階層が深くなると、読者の認知負荷が急激に上がります。「今、どの階層の話をしているんだっけ？」と混乱し、離脱します。
Googleのクローラーも、階層が深すぎるページを「構造が複雑」と判断し、評価を下げる可能性があります。
原則：H3まで、H4は使わない
どうしてもH4が必要な場合（例：法律条文の解説など、構造が複雑なテーマ）は、以下の対処法があります。
対処法1：箇条書き（ul/li）で代替する
H4を使わず、H3の本文内で箇条書きにします。
- H3：H2の決め方
- 本文：H2を決める際は、以下の2点に注意してください。
- H2の個数は5〜8個にする
- H2の順序は論理的に並べる
- 本文：H2を決める際は、以下の2点に注意してください。
この方法なら、階層を深くせずに情報を整理できます。
対処法2：H2を増やしてフラットにする
H4が必要になるほど情報が多いなら、それはH2として独立させるべきです。
- H2：記事構成の作り方
- H2：H2の決め方（昇格）
- H2：H3の配置方法（昇格）
階層を深くするのではなく、横に広げることで、読者の理解しやすさが向上します。
まとめ：階層設計の鉄則
- H1：1個（タイトル）
- H2：5〜8個（大テーマ）
- H3：各H2に2〜3個（小テーマ）
- H4以降：原則使わない（箇条書きで代替）
この階層構造を守れば、Googleにもユーザーにも評価される記事が完成します。
【このセクションのまとめ】
- H2は5〜8個が最適。マジカルナンバー7±2の認知心理学に基づき、人間が処理できる情報量の限界
- H3はH2の「子要素」である必要がある。親子関係が論理的でないと読者が混乱。各H2にH3を2〜3個配置
- H4以降は原則使わない。階層が深いと認知負荷が上がる。箇条書きで代替するかH2を増やす
構成作成の実践5ステップ：テンプレート付き
構成の理論は理解できても、「実際にどうやって作るのか」が分からない人は多いはずです。ここでは、構成作成の具体的な手順を5ステップで解説します。
ステップ1：検索意図を3つに分解する
構成作成の第一歩は、検索意図の分析です。読者がそのキーワードで検索する理由を、3つの層に分解します。
層1：顕在ニーズ（表面的な欲求）
読者が言葉にできる、明確なニーズです。例えば「記事構成 作り方」と検索する人の顕在ニーズは、「記事の構成を作る方法を知りたい」です。
層2：潜在ニーズ（本当の悩み）
表面的なニーズの奥にある、本質的な悩みです。「記事構成 作り方」の背後には、「記事を書いても読まれない」「何を書けばいいか分からない」「AIに指示を出しても良い文章が出てこない」といった悩みがあります。
層3：解決後の心理状態（ベネフィット）
読者が手に入れたい「機能」ではなく、「感情」です。ベネフィットとは、読者の心理状態の変化を指します。
- ❌ メリット：「30分で構成を作れるようになる」（機能・スキル）
- ⭕ ベネフィット：「毎週の記事作成に追われる焦燥感から解放され、余裕を持って仕事ができる安心感」（心理状態）
- ❌ メリット：「検索上位を取れる」（結果）
- ⭕ ベネフィット：「競合に負けている悔しさが消え、自社サイトへのアクセスが増える達成感と自信」（心理状態）
- ❌ メリット：「外注費が削減できる」（金銭的利益）
- ⭕ ベネフィット：「外注ライターに振り回される不安から解放され、自分でコントロールできる充実感」（心理状態）
人は機能ではなく、感情で行動します。「30分で構成が作れる」という機能を伝えても、心は動きません。「締切に追われる焦りから解放される」という感情の変化を示すことで、初めて読者は「この記事は自分に必要だ」と感じるのです。
この3層を明確にすることで、記事で何を伝えるべきかが見えてきます。顕在ニーズだけに応えても、記事は浅くなります。潜在ニーズに共感し、解決後の心理状態を見せることで、読者の感情を動かせるのです。
実践方法：競合上位3記事の見出しを分析する
狙ったキーワードで検索し、上位3記事の見出し（H2/H3）をすべて書き出してください。共通して扱っているテーマが、そのキーワードで「必ず答えるべき内容」です。逆に、どの記事も触れていない切り口があれば、それはあなたの差別化ポイントになります。
ステップ2：H2を5つ決める（箇条書きでOK）
検索意図が分かったら、次はH2を5つ決めます。この段階では、まだ文章にする必要はありません。単語レベルで5つのテーマを列挙してください。
例：「記事構成 作り方」のH2案（初期段階）
- 構成の重要性
- 情報設計の原則
- 良い構成・悪い構成の比較
- H2/H3の階層設計
- 構成作成の具体的ステップ
この段階で重要なのは、完璧を目指さないことです。とりあえず5つ挙げてみて、次のステップで並び替えます。
並び替えて論理の流れを確認する
5つのH2を、付箋やメモアプリで並び替えてみてください。「この順序で読者は理解できるか？」を自問します。
- 全体像 → 原則 → 具体例 → 実践方法 → 応用
このような流れが理想です。
もし「構成の重要性」と「構成作成の具体的ステップ」が離れていると、読者は「重要なのは分かったけど、具体的にどうするの？」と不満を感じます。関連する内容は近くに配置してください。
ステップ3：各H2にH3を2〜3個ぶら下げる
H2の順序が決まったら、次はH3の配置です。各H2を、2〜3個のH3に分解します。
H2を分解する際は、「なぜ」「何を」「どうやって」の3軸で考えると整理しやすくなります。
例：H2「情報設計の原則」を分解
- H3-1：なぜ情報設計が重要なのか（Why）
- H3-2：何を守るべきか：3つの原則（What）
- H3-3：どうやって実践するか：具体例（How）
この3軸は、ほぼすべてのテーマに応用できます。H2が決まっても「H3が思いつかない」という人は、この3軸で考えてみてください。
マインドマップツールの活用
XMindやMiroなどのマインドマップツールを使うと、H2とH3の関係を視覚的に整理できます。中心にH1を置き、そこから枝分かれさせてH2、さらにH3を配置します。全体を俯瞰することで、「このH3は別のH2に入れたほうがいいな」といった調整がしやすくなります。
ステップ4：セクションごとの文字数を割り振る
H2とH3が決まったら、各セクションの文字数を事前に割り振ります。これをやらないと、書いている途中で文字数が膨張し、10,000文字を超えてしまいます。
基準：1セクション1,000文字
H2-1：1,000文字
H2-2：1,000文字
H2-3：1,000文字
H2-4：1,000文字
H2-5：1,000文字
合計：5,000文字
ただし、すべてのセクションを均等にする必要はありません。重要度に応じて調整してください。
調整例：
H2-1：800文字（導入は短めでOK）
H2-2：1,200文字（核となる内容は厚めに）
H2-3：1,000文字
H2-4：1,000文字
H2-5：800文字（まとめは簡潔に）
合計：4,800文字
文字数を決めておくことで、執筆中に「このセクション、長すぎるな」と気づけます。また、AIに執筆を依頼する際も、「このH2を1,000文字で書いて」と明確に指示できるため、クオリティが安定します。
ステップ5：構成をAIにチェックさせる
構成が完成したら、最後にAIに論理チェックを依頼します。ChatGPTやClaudeに以下のプロンプトを入力してください。
「以下の記事構成を確認してください。論理破綻、情報の重複、順序の不自然さがあれば指摘してください。
H1：〇〇
H2-1：〇〇
H3-1-1：〇〇
H3-1-2：〇〇
（以下、すべての見出しを列挙）」
AIは第三者の視点で構成を分析し、「H2-3とH2-5の内容が重複しています」「H2-2とH2-4の順序を入れ替えたほうが論理的です」といった指摘をしてくれます。
さらに、カニバリゼーションチェックも依頼しましょう。
「この構成は、以下のピラー記事とキーワードが競合していませんか？
ピラー記事のメインキーワード：WEBライティング 内製化
クラスター記事のメインキーワード：記事構成 作り方」
AIが「キーワードが重複しているため、検索順位で競合する可能性があります」と指摘したら、構成を調整してください。
修正案もAIに依頼できます。「この構成を改善する案を3つ提示してください」と指示すれば、代替案が出てきます。最終的にはあなたが判断しますが、AIの視点は貴重な参考になります。
【このセクションのまとめ】
- ステップ1：検索意図を顕在ニーズ・潜在ニーズ・解決後の心理状態（ベネフィット）の3層に分解。ベネフィットは機能でなく感情の変化
- ステップ2：H2を5つ箇条書きで列挙し、論理の流れを確認しながら並び替える。完璧を目指さず、まず挙げる
- ステップ3：各H2にH3を2〜3個配置。Why・What・Howの3軸で分解すると整理しやすい
- ステップ4：1セクション1,000文字を基準に文字数を割り振る。重要度に応じて800〜1,200文字で調整
- ステップ5：AIに論理破綻やカニバリゼーションをチェックさせ、修正案をもらう
プロが使う構成フレームワーク3選
構成を一から考えるのは大変です。しかし、**型（フレームワーク）**を使えば、驚くほど簡単に構成が作れます。プロのライターやマーケターが実際に使っている3つのフレームワークを紹介します。
フレームワーク1：問題提起→共感→解決策→証拠→CTA
このフレームワークは、読者の感情を揺さぶることに特化した構成です。ブログの本質である「セールストーク」に最も適しています。
構成の流れ：
1. 問題提起（読者の痛みを刺激する）
冒頭で読者が抱える悩みを具体的に言語化します。「記事を書いても誰にも読まれない、と悩んでいませんか？」のように、読者が「そうそう、まさに自分のことだ」と感じる問いかけから始めます。
2. 共感（あなたも同じだった）
「私も最初は1記事に2日かかり、それでも誰にも読まれませんでした」のように、筆者も同じ悩みを経験していたことを伝えます。これにより、読者は「この人は自分の気持ちを分かってくれる」と信頼します。
3. 解決策（転機となった方法）
「構成に2時間かけることで、執筆が30分になりました」のように、どうやって問題を解決したかを提示します。ここで読者は「自分もできるかもしれない」と希望を持ちます。
4. 証拠（本当に効果があるのか）
「実際に、この方法で検索1位を獲得した事例を紹介します」のように、データや事例で証明します。読者の「本当かな？」という疑念を払拭し、確信に変えます。
5. CTA（次のアクションを促す）
「あなたも今日から構成作りを始めませんか？」のように、具体的な行動を促します。問い合わせフォームや資料ダウンロードへの導線を設置し、読者を次のステップに導きます。
このフレームワークの強みは、論理ではなく感情に訴える点です。読者は「分かった」ではなく、「やってみたい」と思います。これがブログに求められる構成なのです。
フレームワーク2：失敗談→気づき→実践→成果（ストーリー型）
人間は物語に感情移入します。淡々とした説明よりも、「ある人の体験談」として語られると、記憶に残りやすくなります。これがストーリー型の構成です。
構成の流れ：
1. 失敗談（Before：暗い過去）
「3年前、私は外注ライターに月50万円払いながら、成果が出ずに悩んでいました」のように、失敗していた過去を赤裸々に語ります。読者は「自分と同じだ」と共感します。
2. 気づき（転機となる発見）
「ある日、構成に問題があることに気づきました。外注ライターは指示が曖昧だと、的外れな記事を書いてしまうのです」のように、何がきっかけで変わったのかを説明します。読者は「なるほど、そういうことか」と理解します。
3. 実践（具体的に何をしたか）
「そこで、記事構成を自分で作り、それをライターに渡すようにしました。H2を5つ決め、各H2の目的を明確にした指示書を作成したのです」のように、具体的なアクションを示します。読者は「自分にもできそうだ」と感じます。
4. 成果（After：明るい現在）
「その結果、3ヶ月で検索順位が15位から3位に上昇し、問い合わせが月5件から20件に増えました。外注費は変わらないのに、成果が4倍になったのです」のように、変化を数値で示します。読者は「こうなりたい」という欲求を強めます。
ストーリー型の最大の強みは、記憶に残ることです。箇条書きで「構成が重要です」と言われても忘れますが、「50万円払って失敗した人が、構成を変えて成功した話」は記憶に刻まれます。
特に、導入事例や体験談を書く際は、このフレームワークが最適です。
フレームワーク3：予測の裏切り→理由→新しい視点→実践方法
読者の常識を覆す構成です。「え、そうだったの？」という驚きが、記事への興味を一気に高めます。
構成の流れ：
1. 予測の裏切り（常識を否定する）
「実は、SEO対策で最も重要なのはキーワードではありません」「PREP法は情報伝達には有効ですが、ブログでは使ってはいけません」のように、読者の予想を裏切る主張から始めます。人間の脳は認知的不協和（予測と現実のズレ）に強く反応します。「え、なんで？」と興味を引かれ、続きを読まずにいられなくなります。
2. 理由（なぜそうなのか）
「なぜなら、ブログの目的は情報を伝えることではなく、読者の感情を動かし、行動させることだからです」のように、裏切った理由を論理的に説明します。読者は「確かにそうかもしれない」と納得し始めます。
3. 新しい視点（では何が正しいのか）
「ブログで使うべきは、問題提起→共感→解決策という、感情に訴える構成です」のように、代替案を提示します。読者は「じゃあ、どうすればいいんだ？」という疑問が解消され、新しい知識を得たという満足感を覚えます。
4. 実践方法（具体的にどうするか）
「具体的には、冒頭で読者の悩みを言語化し、筆者の失敗談で共感を得て、解決策を提示します」のように、実践レベルに落とし込みます。読者は「これなら自分にもできる」と感じ、行動に移します。
このフレームワークの強みは、差別化です。他の記事が「SEO対策はキーワードが重要」と言っている中で、「実はそうじゃない」と言えば、読者の記憶に強烈に残ります。ただし、根拠が必要です。裏切りっぱなしでは「トンデモ理論」になります。必ず論理的に説明してください。
【このセクションのまとめ】
- 問題提起→共感→解決策→証拠→CTAは感情に訴える構成。ブログのセールストークに最適で、読者を「やってみたい」という心理状態にする
- 失敗談→気づき→実践→成果のストーリー型は記憶に残る。Before/Afterの対比で読者に「こうなりたい」と思わせる
- 予測の裏切り→理由→新しい視点→実践方法は差別化に有効。認知的不協和で興味を引き、他の記事と差別化できる
構成シートで、あなたも今日から「書ける人」になる
ここまでお読みいただき、ありがとうございます。記事構成の全技術を解説してきましたが、最も重要なのは**「実際に構成を作ってみること」**です。
理論を理解しても、手を動かさなければ何も変わりません。まずは1記事、この記事で学んだフレームワークを使って構成を作ってみてください。
今日からできる3つのアクション：
- 既存記事の構成を分析する：自社サイトの記事を1つ選び、H2とH3を書き出してみてください。情報粒度がバラバラになっていないか、論理の流れは自然か、5大事故が起きていないかをチェックします。
- 構成シートを使ってみる：次に書く記事のテーマを決め、H2を5つ箇条書きで列挙してみてください。並び替えて、論理の流れを確認します。完璧を目指さず、まず手を動かすことが重要です。
- AIに構成チェックを依頼する：作った構成をChatGPTやClaudeに見せて、「論理破綻はないか」「改善案はあるか」を聞いてみてください。AIの視点が、あなたの盲点を教えてくれます。
「構成が分からない」から「構成が作れる」へ
記事構成は、才能ではなく技術です。建築の設計図と同じで、ルールを学べば誰でも作れます。H2×5、H3×2-3の黄金比率を守り、大→小の一方通行を意識し、感情に訴える型を使う。これだけで、あなたの記事は劇的に変わります。
もし「一人で作るのは不安」「既存記事を添削してほしい」という方は、無料相談も承っています。貴社の記事を拝見し、具体的な改善提案をさせていただきます。
WEBマーケティングを体系的に学ぶ事でより理解が深まります。 友だち登録すると「見逃し配信」や「深堀り記事」を活用できます。
編集後記：構成に2時間かけるようになって、私の執筆は変わった
10年前、私は記事を書くのに丸1日かかっていました。朝から書き始めて、夕方になっても終わらない。しかも、完成した記事を読み返すと「結局何が言いたいんだ？」と自分でも分からない。そんな状態でした。
転機は、先輩ライターに言われた一言です。「お前は構成を作ってないだろ。いきなり書き始めるな」。
最初は「構成なんて面倒くさい」と思いました。しかし、騙されたと思ってH2を5つ決めてから書いてみたところ、驚くほどスムーズに執筆できたのです。途中で迷わない。書き直しもほとんどない。1時間で下書きが完成しました。
それ以来、私は構成に2時間かけるようになりました。移動中にスマホのメモアプリで「今度書く記事のH2を5つ」を考える。これが習慣になると、記事のストックが常に20個ある状態になります。「今日は何を書こう」と悩む時間がゼロになったのです。
構成は、記事の設計図です。設計図がしっかりしていれば、施工（執筆）は作業になります。AIに「このH2を1,000文字で書いて」と指示すれば、30分で下書きが完成する。あとは自分の体験を2割加えるだけです。
この記事を読んだあなたも、今日から「構成ファースト」で記事を作ってみてください。最初は時間がかかるかもしれません。でも、3記事、5記事と作っていくうちに、構成を考えるのが楽しくなります。「この順序だと読者は理解しやすいな」「この型を使えば、感情を動かせるな」と、パズルを解くような感覚になるはずです。
あなたの記事が、読者の心を動かし、行動につながる記事になることを願っています。
ライティングの全体像を解説「 内製化時代のWEBライティング完全ガイド」
こちらの関連記事も併せてご覧ください。「ライティング」を総論的に解説しています。
講師紹介
株式会社ボンセレ 代表取締役
伊藤 祐介（いとう ゆうすけ）
❖ プロフィール
東京出身の“氷河期世代”。
身長182cm、見た目は大きめ、中身は細かめ。
公務員からスタートし、フレンチレストラン、築地魚河岸、ワインショップなど、業種も業界も超えて現場を経験。のちに広告代理店、EC支援、WEB制作へと軸足を移し、現在は複数企業のWEB戦略を支援。実務と現場視点に根ざした教育者です。
❖ 専門領域
WEBマーケティング／EC戦略立案
コンテンツ企画・制作
広告運用（SNS／検索）
顧客接点の設計とCRM支援
❖ 教育観・講義スタンス
「右腕は、育てることができる」。
人は“経験”だけでは変わりません。
変化するのは、思考のプロセスを鍛えたとき。
私は現場から、企画・広告・制作・接客・分析まで、すべての工程を実践してきました。だからこそ、「考えて動ける右腕」を育てるには、手を動かし、振り返り、問い直す場が必要だと考えています。
❖ 右腕育成にかける思い
「社長の想いを言語化し、現場に翻訳する存在」が右腕です。
単なるWEB人材ではなく、“経営を理解し、支える人材”を育てたい。
ひとつの強みを見つけ、自分にしかできない貢献の形を築く――
それが、このプログラムのゴールです。
❖ 私のルーツ
仮説実験授業（板倉聖宣 提唱）
科学的な思考法とディスカッションベースの学びに影響を受ける。プログラミングとの出会い
高校時代にBasicからスタート。VBAでの業務改善からWEB制作へ。
❖ 好きなこと
食べること・飲むこと・考えること。
最近のブームは激辛料理（ブートジョロキア）。
