LPの改善というと、ファーストビューやCTAボタンに目が行きがちです。しかし
CVRに最も直接的に影響するのはフォーム
です。
なぜなら、フォームはCVの「最後の関門」だからです。どれだけ魅力的なLPを作っても、フォームで離脱されたらコンバージョンはゼロ。実際、フォーム到達後の離脱率は**平均67%**と言われています。
この記事では、LPのフォーム最適化（EFO: Entry Form Optimization）の具体的な手法を解説します。
なぜフォームが「最大のボトルネック」なのか
フォーム離脱の実態
LPを訪れたユーザーの行動を段階的に見ると、ボトルネックの場所が明確になります。
| 段階 | 平均通過率 | 離脱理由 |
|---|---|---|
| LP閲覧 → スクロール | 約60% | 興味なし・ファーストビューで判断 |
| スクロール → CTA到達 | 約40% | コンテンツで説得しきれず |
| CTA到達 → フォーム入力開始 | 約25% | CTAの文言・信頼性不足 |
| フォーム入力開始 → 送信完了 | 約33% | フォームの使いにくさ |
フォームに到達した時点で、ユーザーは「やりたい」と思っている
。それなのに離脱する理由は、意欲の問題ではなくフォームのUI/UXの問題です。
改善1: 入力項目を最小限にする
「あると便利」な項目は全て削る
フォームの項目数とCVRは明確な逆相関があります。
| 項目数 | CVR目安 | 用途 |
|---|---|---|
| 1〜3項目 | 高 | 資料ダウンロード・メルマガ登録 |
| 4〜6項目 | 中 | 問い合わせ・無料トライアル |
| 7項目以上 | 低 | 見積依頼（それでも削れないか検討） |
判断基準: その項目がないと「次のアクション」ができないか？ 資料を送るだけならメールアドレス1つで十分。会社名・部署名・役職は「あると営業に便利」なだけで、CVには不要です。営業情報は後から聞けます。CVRを上げることの方が重要。
削るべき項目の例
| 項目 | 残す？ | 理由 |
|---|---|---|
| メールアドレス | 必須 | 資料送付に必要 |
| 氏名 | 目的による | 資料DLなら不要。商談なら必要 |
| 会社名 | 目的による | リード品質判定に使うが、CVRを下げる |
| 電話番号 | 削除推奨 | 「営業電話が来る」恐怖で離脱率急増 |
| 部署名 | 削除 | 後から聞ける |
| 役職 | 削除 | 後から聞ける |
| 従業員数 | 削除 | 後から聞ける |
| 問い合わせ内容（自由記述） | 削除推奨 | 「何を書けばいいかわからない」で離脱 |
改善2: ステッパー型フォームにする
一括表示 vs ステッパー型
フォーム項目が4つ以上ある場合は、ステッパー型が圧倒的に有利
です。
一括表示型のデメリット
- 全項目が見えるため「多い」と感じる
- スクロールしないと送信ボタンに届かない
- 入力途中で離脱しやすい
- スマホで特に使いにくい
ステッパー型のメリット
- 1画面1項目で負担感が少ない
- 進捗バーで「あと少し」感を演出
- 途中離脱データが取れる（どの項目で離脱したか）
- スマホでの入力体験が良い
ステッパー型の設計ポイント
- 1画面1〜2項目 — 多くても2項目まで
- 進捗バーを表示 — 「Step 2/3」のように残り数を明示
- 戻るボタンを設置 — 修正できる安心感
- 最後のステップにCTAを集約 — 確認画面→送信
改善3: バリデーションをリアルタイムにする
送信後エラーは最悪の体験
「全項目を入力して送信ボタンを押したら、ページ上部にエラーが出て赤くなった」。この体験は
フォーム離脱の最大原因
です。
リアルタイムバリデーションの実装
| タイミング | 内容 | 例 |
|---|---|---|
| 入力中 | 文字数・形式のリアルタイムチェック | メール入力中に「@」がないと赤枠 |
| フォーカスアウト時 | 項目を離れた瞬間にチェック | 電話番号が10桁未満なら警告 |
| 送信前 | 未入力項目のハイライト | 必須項目を赤くして該当箇所にスクロール |
<input type="email" required
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$"
title="メールアドレスの形式で入力してください" />
「※必須」の赤い米印だけでは不十分。 必須項目の表示だけでなく、入力中のフィードバック（緑チェックマーク表示等）を実装しましょう。「正しく入力できた」というポジティブなフィードバックが、ユーザーの入力完了率を上げます。
改善4: マイクロコピーを追加する
マイクロコピーとは
フォームの入力欄や送信ボタン周辺に添える短い補足テキストのことです。ユーザーの不安を解消し、入力を促す効果があります。
| 場所 | マイクロコピー例 | 効果 |
|---|---|---|
| メール入力欄の下 | 「迷惑メールは送りません」 | スパム不安の解消 |
| 電話番号の下 | 「営業電話はいたしません」 | 営業電話の恐怖を解消 |
| 送信ボタンの下 | 「30秒で完了します」 | 時間的コストの低さを提示 |
| 送信ボタンの下 | 「いつでも解除できます」 | コミットメント不安の解消 |
| フォーム全体の上 | 「入力は1分で完了します」 | 全体の負担感を軽減 |
マイクロコピー1行で、フォームのCVRが20〜40%改善した事例は多数
あります。
改善5: 入力支援を実装する
ユーザーの入力負担を減らす機能
| 機能 | 内容 | 効果 |
|---|---|---|
| オートコンプリート | ブラウザの自動入力に対応 | 入力時間の大幅短縮 |
| 住所自動入力 | 郵便番号→住所の自動補完 | 入力ミス防止+時間短縮 |
| 入力タイプ最適化 | type="tel" で数字キーボード表示 | スマホの入力体験向上 |
| プルダウンの適切な使い分け | 選択肢3つ以下→ラジオボタン | 選択の負担軽減 |
| デフォルト値の設定 | 最も多い回答をデフォルトに | 入力不要にできる場合も |
<input type="email" autocomplete="email" />
<input type="tel" autocomplete="tel" />
<input type="text" autocomplete="organization" />
改善6: 送信ボタンの文言を最適化する
「送信」「Submit」は最もCVRが低いボタン文言です。
| NG文言 | OK文言 | 改善理由 |
|---|---|---|
| 送信 | 無料で資料を受け取る | 何が得られるかが明確 |
| Submit | 今すぐ無料で始める | アクションと価値を提示 |
| 申し込む | 30秒で無料登録する | 時間コストの低さを強調 |
ボタン文言は「ユーザーが得るもの」を主語にする
。「送信する」は操作の説明、「資料を受け取る」は価値の提示です。
EFO改善の優先順位
| 優先度 | 施策 | CVR影響度 | 実装コスト |
|---|---|---|---|
| 1 | 不要な項目の削除 | 大 | ゼロ |
| 2 | 送信ボタンの文言変更 | 大 | 低 |
| 3 | マイクロコピーの追加 | 大 | 低 |
| 4 | ステッパー型への変更 | 大 | 中 |
| 5 | リアルタイムバリデーション | 中 | 中 |
| 6 | 入力支援の実装 | 中 | 中 |
最もROIが高いのは「項目削除」と「ボタン文言変更」。 どちらもコードを書く必要がなく、今日すぐ実施できます。まずこの2つから始めましょう。
まとめ
- フォームはCVの最後の関門。到達後の離脱率は平均67%
- 項目数を最小限に — 「次のアクション」に不要な項目は全て削る
- ステッパー型で1画面1項目。進捗バーで離脱防止
- リアルタイムバリデーションで送信後エラーをゼロに
- マイクロコピー1行でCVR 20〜40%改善
- 送信ボタンは「得るもの」を主語に — 「送信」→「無料で資料を受け取る」