ディレクション Edit : 2026.01.23 Update : 2026.01.23

量の多いページコンテンツの構成案を、AIで作成する手順とプロンプト。

ページ制作でいちばんじっくり向き合うことになるのが、「何を・どの順番で・どんな見出しで伝えるか」を設計する工程です。
この時間があるからこそ、あとから読み返したときに構成のクセや改善点に気づけますし、「伝えたいことの芯」がよりクリアになります。
少しずつ整理していくことで、内容の良さがきちんと伝わるページに育っていきます。

Contents

「構成案」をAIで作ると良い理由
この方法で作れるもの
AIで構成案を作る（KOHIMOTO LABOを例に）
そのまま使えるプロンプト例
うまく作るコツ
チェックリスト
まとめ

「構成案」をAIで作ると良い理由

迷いが減る

迷いの正体は、文章力より「設計不足」な事が多く、文章が書けないというより、たいてい詰まるのは「順番」と「粒度」です。
AIはこの順序設計と情報の分類が得意なので、構成づくりの相性がいいです。

見出しの整理

見出しが整理されると、文章は後からいくらでも足せます。
逆に、見出しが弱いと、本文をいくら頑張っても読みにくいままです。

チーム共有がしやすい（レビューも速い）

構成案があると、「ここ削る」「ここ足す」「ここ順番変える」で議論できるので、感覚論になりにくいです。
そのために、社内確認のスピードも上がります。

この方法で作れるもの

Aboutページ・サービスページ・LPなどの「見出し構造」
ページ冒頭の何のページかが一発で伝わる導入文
テーマ（価値観）→内容（テーマ群）→信頼（編集方針/運営者）→導線（CTA）の流れ
煽らずに前向きなトーンでまとめた文章

AIで構成案を作る（KOHIMOTO LABOを例に）

Step1：素材を渡す（コンセプト・想い・テーマ）

まずはAIに、あなたのメディアやサービスの芯を渡します。こちらのコンセプト設計が薄いと、出力も薄くなります。

コンセプト（例：人とテクノロジーの優しい未来を考える）
なぜやるのか（社会的意義/現場課題）
扱うテーマ（Safety / 監査 / データ権利など）
トーン（煽らない、軽やか、現実的）
対象読者（誰に届けたいか）

Step2：構成案を出させる（見出し＋小見出し）

ここでは本文を書かせる前に、まず見出し構造だけを固めます。この順番が大事です。いきなり本文を書かせると、クオリティが低くなりやすいです。

Step3：ズレを箇条書きで潰す

AIが出してきた案を見て、気になる点を番号で指摘して修正します。この工程が、第一のクオリティ担保のキモになります。

Step4：内容を出力する

構成が固まったら、内容を生成してもらいます。 見出し階層（H1/H2/H3）を整理するだけで、読みやすさが跳ねます。

Step5：細部は、人間の温度で整える

文章の細部はメディアの人格が出るところです。ここだけはAIの叩き台をベースに、言葉の温度を整えていきます。

そのまま使えるプロンプト例

1) 構成案を作るプロンプト

Aboutページ、サービスページ、LPでも使えます。

あなたはWeb編集とUXに強い編集者です。
以下の情報をもとに、Aboutページの「見出し＋小見出しを含む構成案」を作成してください。

# コンセプト
「人とテクノロジーの優しい未来を考える」

# 背景・伝えたいこと
AIや監視社会など「テクノロジーが社会を飲み込む」不安を、拒絶ではなく
「どうすれば優しく着地させられるか」というルール作り（安全基準、監査、教育など）として整理したい。
便利さを楽しみつつ、格差や分断・不安定さを「理解」に変えて次の一歩へつなげたい。

# 扱うテーマ
Safety / Accountability / Data Sovereignty / Equity / Literacy / Web制作×AI活用 / 未来予測コラム

# トーン
煽らない、軽やか、前向き。現場目線で現実的に。

# 条件
・H1/H2/H3の階層が破綻しない
・「何のページか」が冒頭で伝わる
・最後にCTA導線を置く

あなたはWeb編集とUXに強い編集者です。

以下の情報をもとに、Aboutページの「見出し＋小見出しを含む構成案」を作成してください。

# コンセプト

「人とテクノロジーの優しい未来を考える」

# 背景・伝えたいこと

AIや監視社会など「テクノロジーが社会を飲み込む」不安を、拒絶ではなく

「どうすれば優しく着地させられるか」というルール作り（安全基準、監査、教育など）として整理したい。

便利さを楽しみつつ、格差や分断・不安定さを「理解」に変えて次の一歩へつなげたい。

# 扱うテーマ

Safety / Accountability / Data Sovereignty / Equity / Literacy / Web制作×AI活用 / 未来予測コラム

# トーン

煽らない、軽やか、前向き。現場目線で現実的に。

# 条件

・H1/H2/H3の階層が破綻しない

・「何のページか」が冒頭で伝わる

・最後にCTA導線を置く

2) 違和感を消すプロンプト

タイトルや見出しの違和感調整に効きます。

以下の見出しは煽っている印象があり、違和感があります。
不安を煽らず、前向きで軽やかな言い回しに置き換えてください。
候補を6つ出してください。

対象の見出し：
「強い変化」に、優しく現実的なルールを足すメディア

以下の見出しは煽っている印象があり、違和感があります。

不安を煽らず、前向きで軽やかな言い回しに置き換えてください。

候補を6つ出してください。

対象の見出し：

「強い変化」に、優しく現実的なルールを足すメディア

3) WordPress貼り付け用HTMLにするプロンプト

構成・文章が固まったら、最後はこれで一発です。

上記の構成・内容・文章をそのまま、
Wordpressに貼り付ける以下のhtmlタグを使ってhtml化してください。
文章は一言一句変えず、見出し階層を正しく整理してください。

使用タグ：
&lt;h1&gt; &lt;h2&gt; &lt;h3&gt; &lt;p&gt; &lt;div class="borderBox"&gt;&lt;ul&gt;&lt;li&gt;...&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;

上記の構成・内容・文章をそのまま、

Wordpressに貼り付ける以下のhtmlタグを使ってhtml化してください。

文章は一言一句変えず、見出し階層を正しく整理してください。

使用タグ：

うまく作るコツ

コツ1：本文より先に「見出し」を作る

構成が弱いまま文章を増やすより、先に骨格を決める。

コツ2：違和感は番号で返す

①ここが煽りっぽい ②この見出ししっくりこないみたいに返す。

コツ3：最後は人間の手で整える

言い回しや細部はメディアの人格が出る場所なので、人間の言葉にすると、ブランドが強くなります。

チェックリスト

H1は1つだけになっている
H2→H3の階層が崩れていない
冒頭で「何のページか」が一発で伝わる
読むメリットが書かれている
編集方針（煽らない等）が明文化されている
最後にCTA（導線）がある

まとめ

構成案づくりって、気合いで押し切るより「仕組み化」した方がラクです。AIに整理を任せるだけで、作業スピードが一気に上がります。
コツは、見出しを先に決めて、違和感を箇条書きでサクッと潰すこと。
この型を覚えておけば、Aboutページだけじゃなく、サービスページやLPも同じ流れでサクサク増やせます。

もし「構成がまとまらない」「社内で説明しやすい形に落としたい」「そのまま公開まで持っていきたい」などあれば、KOHIMOTOにお任せください。
構成案の整理から、文章制作・デザイン・実装までワンストップで対応しています。

AIを活用したWeb業務支援も行っているので、制作だけでなく日々の運用での困りごとなども気軽にご相談ください✨

→ Contact us