成約するランディングページをブロックごとに組み立てる
ファーストビュー、価値提案、本物の社会的証明、不安の解消、CTA、フォームの7ブロックについて、役割・入れるもの・ありがちな失敗を整理します。フォーム項目の考え方と、データ量が足りないときのA/Bテストの限界も扱います。
要点
- ランディングページ(LP)は、広告やメールで示した「1つの約束」を、1つの行動に結びつける場所です。ブロックごとに役割を決め、広告との言葉の一致から確認します。
- 社会的証明は実在し掲載許可のあるものだけを使います。作り話の口コミは、景品表示法のステルスマーケティング規制や不当表示の問題につながりえます。証拠が少ないうちは、手順や料金の透明性で信頼を補います。
- フォームの項目は「次の行動に必須か」で選びます。A/Bテストは、必要なデータ量が貯まる前に結論を出さないことが最大の注意点です。
広告の見出しは「作業前に料金が確定するエアコンクリーニング」。クリックして開いたページは、会社の沿革とすべてのサービスを並べた通常のトップページで、料金の話は3画面下まで進まないと出てこない。こういう場面(仮の例)で起きているのは、ページのデザインの良し悪しの前に、広告で受け取った約束が、ページを開いた瞬間に途切れているという問題です。ランディングページの改善は、色やボタンの形より、ここを直すことから始まります。
本稿では、LPを7つのブロックに分け、各ブロックの役割、入れるもの、避けたい失敗を順に確認します。そのうえで、フォームの項目設計と、A/Bテストを扱うときの限界を整理します。法令に触れる部分は一般的な考え方であり、法的助言ではありません。
LPは「1つの約束」を試す場所:トップページとの違い
会社のトップページは、さまざまな訪問者に、さまざまな行き先を示す案内所です。LPは逆で、特定の経路から来た人に、1つの約束を示し、1つの行動を促す専用の場所です。ナビゲーションメニューを減らす、あるいは外すのが定石とされるのは、行き先を減らして迷わせないためです。
LPを作る前に、次の3点を1行ずつ書けるかを確認します。
- 誰が来るか:どの広告・どの検索語句・どのメールから来るか。Meta広告でのリード獲得のように、受け口にLPを選ぶ場合は、広告の文面そのものが最初の約束になる。
- 何を約束したか:広告で言ったことを、そのままの言葉でページの最上部に置けるか。
- 何をしてほしいか:行動は1つか。資料請求と電話と来店予約を同列に並べていないか。
広告の言葉とページの最初の見出しが一致する状態を「メッセージマッチ」と呼びます。一致していると、訪問者は「正しい場所に来た」と数秒で確信できます。逆に、広告では割引を打ち出し、ページでは別のキャンペーンを推している、といったずれは、離脱の理由として最もありふれたものの一つです。
7つのブロックの構成
LPの構成は、商材と相手の理解度で変わります。ただ、考え方の骨格は共通で、「何の話か分かる→自分に関係があると分かる→どうなるか分かる→信じてよいか分かる→不安が消える→行動できる」という順序の心理に対応させます。次の表に7ブロックをまとめます。
| ブロック | 役割 | 入れるもの | ありがちな失敗 |
|---|---|---|---|
| 1. ファーストビュー | 広告の約束と同じ内容を確認させる | 見出し1つ、補足1〜2行、最初のCTA、内容を示す画像 | 抽象的なキャッチコピーだけで、何のページか分からない |
| 2. 価値提案 | 自分の課題が解決する様子を想像させる | ベネフィット3点程度。機能より「どうなるか」 | 機能の羅列。専門用語が多い |
| 3. 中身と手順 | 何を、どうやって提供するかを示す | 流れ(申込→連絡→提供)、含まれるもの、含まれないもの | 「簡単」「安心」の言葉だけで具体性がない |
| 4. 社会的証明 | 他の人の実在の経験や第三者の根拠で信頼を補う | 実在し許可のある声、実績の事実、公的な資格や届出(ある場合のみ) | 作り話の口コミ、出典のない数字 |
| 5. 不安の解消 | 申込を止めている疑問を先に答える | 料金の内訳、キャンセル、よくある質問、事業者情報 | 不利な情報を小さな字で隠す |
| 6. CTA | 次の行動を明確にする | 行動を示すボタン文言、ボタン周辺の補足(所要時間、費用の有無) | 「送信」のような曖昧な文言、ボタンが1か所だけ |
| 7. フォーム | 必要な情報だけを受け取る | 最小限の項目、利用目的、プライバシーポリシーへのリンク | 項目が多すぎる、同意の取り方が不明確 |
ブロックの順序は固定ではありません。単価が低く衝動的に買える商材は、価値提案のすぐ後にCTAを置いて短く終えるほうが合います。一方、高単価で比較検討に時間をかける商材は、中身・証拠・不安の解消を厚くし、全体を長くします。「LPは短いほうがよい」「長いほうがよい」という議論に、一般的な正解はありません。理解に必要な情報量は、商材の単価と相手の予備知識で決まるからです。
ファーストビューで確認する3つの問い
- スマートフォンで開いた最初の画面に、見出し、補足、CTAのボタンが入っているか。
- 見出しは、広告で見た言葉と同じ意味か。
- 画像は内容の理解を助けているか。雰囲気だけの写真になっていないか。写真が実際のサービスと異なる場合は、「イメージ」と明記する。
見出しの書き方は、見出し・フック・CTAを媒体ごとに書き分ける記事で型を整理しています。LPの見出しは、広告やメールの文面とセットで考えると、約束がぶれません。オファーの中身そのものが弱い場合は、LPの改善では解決しません。その点検はオファーの組み立て方に戻ってください。
社会的証明:本物だけを使い、足りないときは別の根拠で補う
信頼を補うために、お客様の声、導入実績、メディア掲載、資格や届出を載せるのは一般的です。ただし、これらは「実在すること」が絶対の条件です。作り話の口コミや、実際には存在しない実績の掲載は、不当な表示として景品表示法上の問題になりえます。また、事業者が第三者に依頼して書かせた感想を、広告であることを隠して載せる行為は、消費者庁が告示で指定したステルスマーケティング規制(2023年10月に施行)の対象になりえます。
お客様の声を載せる場合の確認項目を挙げます。
- 実在する顧客の声か。作成・編集した場合、本人の意図を変えていないか。
- 掲載について、書面やメッセージなど記録の残る形で許可を得ているか。
- 謝礼や無料提供などの対価と引き換えの感想の場合、その事実を表示しているか(広告であることが分からない状態にしない)。
- 感想の内容が、一般的に誰にでも得られる効果であるかのような印象を与えていないか。「個人の感想です」の注記は、不当な表示を打ち消す効果を持つとは限りません(消費者庁は打消し表示の考え方についての資料を公開しています)。
とはいえ、開業間もない事業者や新しいサービスには、掲載できる顧客の声がまだありません。作り話で埋めるのではなく、次のような別の根拠で信頼を補えます。
- 手順の透明性:申込から提供までの流れを、写真や図で具体的に示す。
- 料金の内訳:何にいくらかかるかを、追加料金の条件まで含めて書く。
- 運営者の情報:事業者名、所在地、連絡先、担当者の経歴(事実のみ)。通信販売に当たる場合は特定商取引法に基づく表示も必要で、消費者庁が公開するガイドを確認する。
- 返金・キャンセルの条件:条件を明確に書くこと自体が、リスクを下げる情報になる。
- 実際の作業・成果物の写真:実際の作業現場や提供物の写真を、許可を得て使う。
実績の数値(「導入○社」「満足度○%」)にも注意が必要です。出典、調査の方法、時点を示せない数字は載せないのが原則です。数字を出す場合は、いつ、何を対象に、どう集計したかを小さくてもページ内に書きます。
フォーム:項目は最小限に、個人情報の扱いは明確に
フォームの項目数は、件数とリードの質の間のトレードオフです。項目を減らせば申込は増えやすくなる一方、見極めに必要な情報が取れず、後工程の連絡に手間がかかります。判断の基準は一つで、その項目がないと、次の行動に進めないかです。
| 項目 | 入れる/入れないの考え方 |
|---|---|
| 氏名・メールアドレス | 連絡に必須。ほぼ必ず入れる |
| 電話番号 | 電話で連絡する運用があるときだけ必須。メールで進めるなら任意にする |
| 住所 | 郵送や訪問が必要な時点まで聞かない |
| 会社名・役職・規模 | BtoBで見極めに使う場合のみ。選択式にすると負担が軽い |
| 相談内容(自由記述) | 任意にする。必須にすると離脱が増えやすい |
| 見極めの質問(予算の目安、導入時期など) | 件数より質を優先したいとき追加。理由をそばに添えて、答えやすくする |
項目を増やすか減らすかの判断は、実測で行います。見極めの質問を足したフォームと足さないフォームを一定期間ずつ運用し、「申込数」ではなく「面談になった数」で比べる。申込が少し減っても、面談数が変わらないなら、減った分は連絡しても進まなかったリードだった、と読めます。この比較の考え方はセールスファネルの段階ごとの通過条件と同じです。
個人情報とメッセージ配信の同意
フォームで個人情報を取得する場合、個人情報保護法にしたがって、利用目的をできる限り特定し、本人に通知または公表する必要があります。個人情報保護委員会のガイドライン(通則編)に考え方が示されています。実務では、フォームの送信ボタンのすぐそばに、利用目的の要約と、プライバシーポリシーへのリンクを置きます。
- 利用目的は具体的に書く(「サービスのご案内」のような曖昧な語ではなく、「お問い合わせへの回答」「資料の送付」「関連する情報メールの配信」のように分ける)。
- 広告や宣伝のメールを送る場合は、特定電子メール法に基づき、受信者の同意が必要です。問い合わせへの返信と、配信メールへの登録は目的が別なので、チェックを分け、初期状態でチェックを入れておかない。
- フォームの送信は暗号化された通信(HTTPS)で行い、送信先のツールの保管場所とアクセス権限を整理する。
- 送信後の画面で、次に何が起きるか(いつ、どの手段で連絡するか)を書く。
CROとA/Bテスト:データ量が足りないときにやってはいけないこと
LPを改善する取り組みをCRO(コンバージョン率最適化)と呼びます。その代表的な手法がA/Bテストで、ページの2つの案を同時に出し分け、どちらの申込が多いかを比べます。ただし、このテストには、データ量という大きな制約があります。
仮の例を挙げます。月間のコンバージョンが20件のLPで、AとBを半分ずつ出し分けると、各案は月10件前後です(仮の例)。ある週にAが3件、Bが5件になったとして、これを「Bが勝った」と判断するのは危険です。この程度の件数の差は、偶然の揺らぎだけで簡単に入れ替わります。コンバージョン数が少ないページでは、小さな改善効果を統計的に見分けるために、非常に長い期間が必要になります。必要な件数は、現在の申込率と、検出したい改善幅によって決まります。専用の計算ツールや、実験に関する専門書の式で見積もれます。
A/Bテストでありがちな誤りは次の3点です。
- 途中で結果を見て止める:経過を何度も確認し、差が出た時点で終了すると、偶然の差を「勝ち」と誤認しやすくなる(ピーキング問題)。開始前に、期間または必要な件数を決めておく。
- 複数の要素を同時に変える:見出しとボタンと画像を一度に変えると、どれが効いたか分からない。
- 曜日や配信の偏りを無視する:期間中に広告の配信先を変えると、ページ以外の要因が入り込む。
データ量が足りない場合は、A/Bテストを諦めて、別の方法で改善の手がかりを集めます。実際に使ってもらうテスト(数人でも課題の多くが見つかるとされる、ユーザビリティテストの考え方)、問い合わせや商談で聞かれる質問の一覧化、ヒートマップなどのツールによるスクロール到達や離脱位置の観察、といった方法です。複数のツールが選べるので、導入の前に、ツールが取得するデータが個人情報や同意の取扱いと矛盾しないかを確認します。
一方で、A/Bテストを否定する必要もありません。広告の流入が十分に多いサイトでは、継続的な実験が大きな差を生みます。大規模なオンライン実験を扱った書籍では、実験の設計、統計の落とし穴、結果の解釈が詳しく述べられています。自社の規模に合った方法を選び、「少ないデータで大胆な結論を出さない」という原則を守ることが重要です。
公開前の確認表
LPを公開する前に、次の項目を一覧で確認します。
- 広告・メールの約束と、ページ最上部の見出しの意味が一致している。
- スマートフォンの最初の画面に、見出しとCTAが入っている。
- CTAの行動は1つで、ボタンの文言が具体的である。
- 社会的証明は、実在し、許可を得ており、対価の有無が分かる。出典のない数字や作り話がない。
- 料金の内訳、キャンセル・返金の条件、事業者情報が確認できる。
- フォームの項目は、それぞれ「なぜ必要か」を説明できる。
- 利用目的とプライバシーポリシーへのリンクが、送信ボタンのそばにある。配信メールの同意は別のチェックで取っている。
- 申込完了が、広告・分析のツールで1件として正しく計測される(Google検索広告のコンバージョン計測の考え方と同様に、テスト申込で確かめる)。
ここまでできていれば、LPの最初の版としては十分です。以降は、申込後の連絡が速いか、見極めの質問が機能しているかなど、LPの外側の要因も合わせて見ていきます。LPは、広告の費用を成果に変える最後の関門であり、改善は終わりのない作業です。ただ、大きな改善の多くは、新しいデザインではなく、約束と中身の食い違いを直すことから生まれます。成約するページ作りを演習で学びたい場合は、コース案内を参照してください。
参考文献
- 消費者庁「景品表示法」関連ページ(不当表示:優良誤認・有利誤認)。※本稿執筆時点の情報。最新の内容は消費者庁の公式サイトを参照のこと。
- 消費者庁「ステルスマーケティングに関する情報」(景品表示法に基づく不当表示としての指定、2023年10月施行)。
- 消費者庁「特定商取引法ガイド」(通信販売における広告の表示事項)。
- 個人情報保護委員会「個人情報の保護に関する法律についてのガイドライン(通則編)」。(利用目的の特定、通知・公表の考え方を参照)
- Kohavi, R., Tang, D., Xu, Y. "Trustworthy Online Controlled Experiments: A Practical Guide to A/B Testing." Cambridge University Press, 2020.(オンライン実験の設計と統計上の落とし穴を参照)
- Miller, E. "How Not To Run an A/B Test." 2010.(結果を途中で確認して止める誤りについて参照)
- Nielsen, J. "Why You Only Need to Test with 5 Users." Nielsen Norman Group, 2000.(少人数のユーザビリティテストの考え方を参照)
関連記事
AI Confidence Layer
無料メールで、新しい記事とコースのご案内を受け取る
新しい実践記事とコースの最新情報を、月に1〜2回お届けします。登録は無料です。メールアドレスはこのご案内の送付にのみ使用し、第三者に提供することはありません。