LP の構成とは？成果につながる基本の型と構成案の作り方を解説
LP の構成は、訪問者の頭の中の疑問に、順番に答えていく流れです。「これは何のページか」「自分に関係があるか」「本当に解決できるのか」「いくらで、どう申し込むのか」という疑問が浮かぶ順に、答えを並べます。
この記事では、成果が出やすい LP の基本の型を、ファーストビューから CTA まで順に説明します。商材別の構成例と、構成案を作る手順、使えるフレームワークも紹介します。全体の作業手順は LP の作り方 にまとめています。
LP 構成の基本の型
多くの LP で使われる基本の型は、次の 7 つのブロックで構成されます。
| 順番 | ブロック | 訪問者の疑問 | 役割 |
|---|---|---|---|
| 1 | ファーストビュー | これは何のページか | 内容と対象を一目で伝える |
| 2 | 共感 | 自分の悩みを分かっているか | 悩みを言葉にして関心を保つ |
| 3 | 解決策 | どうすれば解決するのか | 商品の特徴と、得られる結果を示す |
| 4 | 根拠 | 本当に信用できるか | 実績、利用者の声、仕組みを見せる |
| 5 | オファー | 何が、いくらで手に入るか | 内容、料金、特典、保証を示す |
| 6 | 不安の解消 | 失敗しないか | よくある質問、返金や解約の条件 |
| 7 | CTA | どう申し込むか | 行動のボタンと、次の手順を示す |
この型は絶対ではありませんが、訪問者の疑問の順番に沿っているため、初めて作る場合の土台に向いています。商材や訪問者の温度感によって、ブロックを増やしたり省いたりします。
ファーストビューで伝えること
ファーストビューは、ページを開いた最初の画面です。訪問者の多くは、ここを見て、読み進めるかを決めます。そのため、次の 3 つを入れます。
- 誰の、どんな悩みを解決するか。対象と得られる結果を、見出しで書きます。
- 具体的な裏付け。短い補足文、実績の数字、資格などを添えます。
- 主な行動のボタン。スクロールしなくても押せる位置に置きます。
見出しは、広告やリンクの文言とそろえます。広告で「スマホで簡単に家計簿」と書いたのに、LP の見出しが会社名だけでは、訪問者は迷います。流入元の文言を引き継ぐことが、離脱を減らす基本です。
細かな設計は ファーストビュー で解説しています。
共感・解決策・根拠の並べ方
ファーストビューの次に、共感、解決策、根拠の順で並べます。
共感
共感のブロックでは、訪問者が抱える悩みを、本人が使う言葉で書きます。「毎月の固定費が分からず不安」「何から始めればいいか分からない」のように、具体的な場面を入れます。悩みの数は 3 つ前後にとどめます。多すぎると、ページが長くなり、読まれません。
注意したいのは、不安をあおりすぎないことです。恐怖を強調して購入を迫る表現は、読み手の信頼を損ないます。事実に基づいて、悩みに寄り添う書き方にします。
解決策
次に、悩みへの答えとして、商品やサービスを紹介します。ここでは、機能の一覧ではなく、機能がもたらす変化を書きます。「自動で記録できる」ではなく、「入力の手間がなくなり、続けやすい」のように、訪問者の生活が変わる点を伝えます。
特徴は 3 つ程度に絞り、1 つずつ見出しをつけて説明します。
根拠
解決策が本当に機能することを、根拠で示します。根拠の例は、利用者の声、導入実績、第三者の評価、仕組みの説明、保証などです。
数字は、事実として確認できるものだけを使います。調査の結果を使う場合は、対象と時期を明記します。実在しない利用者の声や、誇張した数値は、景品表示法上の問題になるだけでなく、信頼を失う原因になります。広告の表示ルールは ステマ規制 の記事も参考にしてください。
オファーと CTA の置き方
オファー
オファーは、訪問者が受け取る内容の提示です。商品、料金、支払い方法、特典、保証、納期や利用開始までの流れを明確に書きます。
料金は、できるだけ分かりやすく示します。月額なのか一括なのか、初期費用や解約の条件はあるのかを、一か所にまとめます。後から追加費用が分かるような作りは避けてください。
CTA
CTA（Call To Action）は、行動を促すボタンやリンクです。置き方の原則は 3 つあります。
第 1 に、ボタンの文言は、押した後に起こることを書きます。「今すぐ申し込む」より、「無料相談の日程を選ぶ」のように、次の行動が分かる言葉が押しやすくなります。第 2 に、ページの中で複数回置きます。ファーストビュー、オファーの直後、ページの最後が基本です。第 3 に、ボタンの周りに、不安を和らげる一文を添えます。「解約はいつでも可能」のような、事実の補足です。
文言や色の考え方は CTA で詳しく説明しています。
商材別の構成例
商材によって、強調するブロックが変わります。
| 商材 | 重視するブロック | 構成の例 |
|---|---|---|
| 低価格の物販 | ファーストビュー、オファー | 見出し、特徴 3 つ、利用者の声、価格、CTA |
| サブスクリプション | 不安の解消 | 見出し、悩み、機能、料金表、解約条件、よくある質問、CTA |
| 高額なサービス | 根拠、相談への誘導 | 見出し、悩み、解決策、実績、導入の流れ、無料相談の CTA |
| 資料請求・登録 | CTA を軽く | 見出し、資料の内容、フォーム、個人情報の取り扱い |
| アフィリエイト紹介 | 比較と選び方 | 悩み、選ぶ基準、商品の比較、おすすめ、PR 表記、リンク |
低価格の商品では、長い説明より、短時間で理解できる情報量が重要です。高額なサービスでは、一度のページで購入を決めてもらうのは難しいため、相談や資料請求を目標にします。
ブログ記事のような形式で商品を紹介する形式もあり、記事 LP として説明しています。アフィリエイトで紹介する場合は、広告であることの表示をページの冒頭に置いてください。
構成案の作り方
構成案は、次の手順で作ります。
- ターゲットの疑問を書き出します。付箋やメモに、思いつく限り並べます。
- 疑問を、基本の型の 7 つのブロックに振り分けます。
- ブロックごとに、伝えたい主張を 1 文で書きます。
- 主張の順番を、訪問者が読む流れとして確認します。
- 各ブロックに必要な材料（写真、数字、声）を一覧にし、足りないものを集めます。
この手順をふんで、見出しだけの構成案ができたら、本文を書き始めます。
使えるフレームワーク
構成を考えるときは、既存のフレームワークが参考になります。
AIDA は、注目（Attention）、関心（Interest）、欲求（Desire）、行動（Action）の順に進める考え方です。PAS は、問題（Problem）、悩みの強調（Agitation）、解決策（Solution）の順に書く型です。日本では、PASONA の法則と呼ばれる型もあり、問題提起から行動までの流れを整理するのに使われます。
どれも、前述の基本の型と同じ発想です。フレームワークに当てはめることが目的ではなく、訪問者の疑問に順番に答えられているかを確認する道具として使ってください。出来上がった構成は、そのまま完成とせず、公開後の数字で改善します。テンプレートから始める方法は テンプレート で紹介しています。
まとめ
LP の構成は、ファーストビュー、共感、解決策、根拠、オファー、不安の解消、CTA の順に、訪問者の疑問に答えていく流れです。ファーストビューは流入元の文言とそろえ、根拠は事実に基づく数字だけを使います。CTA は押した後の行動が分かる文言にして、複数回置きます。構成案は、疑問の書き出しから始めると作りやすくなります。
Boostlink では、LP を作成し、短縮 URL でクリックを計測できます。構成を変えた複数の LP を流入元ごとに比べるときにも使えます。発信するためのアカウントを探している方は、アカウントの購入や M&A を扱う Boostshop も検討できます。購入時は、各プラットフォームの利用規約を確認してください。