結論：LPは「型」で決まる
反応が取れるLP（ランディングページ）は、だいたい同じ並び（型）でできています。順番は「FVで掴む → 価値を伝える → 証拠で信じてもらう → 行動してもらう」。この記事の9ブロックの型に自分の内容を当てはめれば、未経験でも迷いません。読み物の目安：30分。情報は2026年6月時点のものです。
これは 1日で作るLP制作 の「構成」を深掘りした個別ガイドです。固めた構成は Figmaワイヤー ／ v0 に落として実装します。
目次
- LPとHPの違い（1ページ・1目的）
- 9ブロックの黄金テンプレ
- FV（ファーストビュー）の3秒ルール
- CTAの設計（1つに絞る）
- ベネフィット ＞ 機能
- 証拠の置き方（誇大はNG）
- スマホ前提の構成
- コピペ：構成案を作るプロンプト
- やりがちな失敗
- 構成チェックリスト
- FAQ
LPとHPの違い（1ページ・1目的）
LPは1ページ・1目的（予約／問い合わせ／購入のどれか1つ）に絞った縦長ページ。HPは会社案内・複数ページの情報サイト。「行動させる」ならLPです。まずは目的を1つに決めましょう（例：陽だまり珈琲なら「席を予約する」）。
9ブロックの黄金テンプレ
上から順に並べます。全部入れなくてもOKですが、FV・価値・証拠・CTAは必須です。
| # | ブロック | 役割（何のため） |
|---|---|---|
| 1 | FV（ファーストビュー） | 3秒で「自分向けだ」と思わせる。見出し＋CTA |
| 2 | 共感・課題 | 読み手の悩みを言語化して「分かってる」と感じさせる |
| 3 | 提供価値・ベネフィット | これで何が良くなるかを約束する |
| 4 | 特徴・こだわり | なぜ実現できるかの理由づけ（3点が目安） |
| 5 | 証拠 | お客様の声・実績・写真で信頼を補強 |
| 6 | 料金・メニュー | 選びやすく提示（迷わせない） |
| 7 | FAQ | 申し込み前の不安・反論をつぶす |
| 8 | CTA（行動） | もう一度、行動ボタン＋背中を押す一言 |
| 9 | フッター | 店名・連絡先・SNS・法的情報 |
FV（ファーストビュー）の3秒ルール
FVはスクロールせずに見える最初の画面。ここで離脱が決まります。次の3つを3秒で伝える：
- 誰のためか（対象）
- 何が良くなるか（ベネフィット）
- 次の一歩（CTAボタン）
構成要素：見出し（一番大きく）＋サブコピー（補足）＋CTAボタン＋イメージ写真。例「日常に、ひと息の陽だまりを。／自家焙煎の一杯と、静かな時間を。／［席を予約する］」。
CTAの設計（1つに絞る）
- 行動は1種類に統一（予約なら予約だけ。あれもこれもは迷わせる）。
- FVと末尾の最低2か所、長いLPなら中間にも置く。
- 文言は動詞＋得（「席を予約する」「無料で相談する」）。
- 近くに安心材料（「キャンセル無料」「30秒で完了」など事実のみ）。
ベネフィット ＞ 機能
機能（事実）よりベネフィット（その人にとっての良いこと）を前に出します。
- 機能「自家焙煎」→ ベネフィット「淹れたての香りで、頑張った一日をリセット」
- 機能「Wi-Fi・電源あり」→ ベネフィット「カフェ作業がはかどる、長居できる席」
証拠の置き方（誇大はNG）
- お客様の声（実名/イニシャル）、写真、数字（来店数・リピート率など事実）。
- 盛らない。「必ず」「誰でも確実に」は使わない。本人申告のデータはその旨を明記。
- 証拠が少ない段階では、作り手の想い・こだわりの一次情報で代替してもよい。
スマホ前提の構成
閲覧の多くはスマホ。縦1カラムで上から読める並びにし、FVが1画面に収まること、ボタンが指で押しやすい大きさであることを優先します。長い文章は短く区切ります。
コピペ：構成案を作るプロンプト
型をAIに当てはめさせると速いです。ChatGPT等にこう指示：
あなたはLP構成の専門家です。次の店舗のLP構成案を、9ブロック（FV/共感/提供価値/こだわり/証拠/料金/FAQ/CTA/フッター）で作って。各ブロックに「見出し案」と「入れる要素」を箇条書きで。目的は［予約獲得］。店舗情報：［店名・特徴・対象客・強み・価格帯を記入］。誇大表現は避けて。
やりがちな失敗
- 情報を詰め込みすぎ→ 1ページ1目的に削る。
- CTAが多すぎ/バラバラ→ 行動を1つに統一。
- 機能の羅列→ ベネフィットに翻訳する。
- 証拠がない→ 声・写真・数字を1つでも。
- 専門用語・自分目線→ 読み手の言葉に直す。
構成チェックリスト
- ☐ 目的が1つに決まっている
- ☐ FVで「誰の・何が良くなる・次の一歩」が3秒で分かる
- ☐ CTAが1種類で、FVと末尾にある
- ☐ 機能ではなくベネフィットで語っている
- ☐ 証拠（声/実績/写真）が入っている・誇大表現がない
- ☐ スマホで上から自然に読める
FAQ
全9ブロック入れないとダメ？
いいえ。FV・提供価値・証拠・CTAが核です。商材に合わせて増減してOK。まず核を外さないこと。
文章が書けない
型に沿ってChatGPTに下書きさせ、自分の言葉で直すのが速いです。最後は必ず人の目で確認を。
HPでも同じ型でいい？
HPは複数ページですが、トップページはLPの型が応用できます。各下層ページで詳細を補います。
情報はいつのもの？
構成の型は普遍的ですが、本記事は2026年6月時点の表現です。
まとめ：次の一歩
構成が決まれば作業の8割は終わりです。次は Figmaワイヤー で設計図に起こし、v0 で実装、Vercel で公開。全体像は 1日で作るLP制作、受注は 受注ガイド へ。情報は2026年6月時点のものです。