「問い合わせページまでは来ているのに、フォームで離脱される」
これほどもったいないことはありません。広告費やSEO施策でユーザーをサイトに呼び込み、コンテンツで興味を持ってもらい、「問い合わせよう」と思ってフォームページに到達した——にもかかわらず、フォームの途中で離脱してしまう。
一般的に、フォーム到達者のうち60〜80%がフォームを完了せずに離脱すると言われています。つまり、フォーム離脱を10%改善するだけで、CV数は大幅に増加します。
WebLeapでLP最適化を支援した際にも、フォーム改善は申込数80%改善の重要な要素の一つでした。この記事では、フォーム離脱の原因と具体的な改善ポイントを解説します。
フォーム離脱の原因TOP5
原因1：項目数が多すぎる
最も多い離脱原因です。ユーザーがフォームを見た瞬間に「面倒くさそう」と感じたら、その時点で離脱します。
目安
- BtoBの問い合わせフォーム：4〜6項目が最適
- 資料ダウンロード：2〜3項目（メールアドレス + 会社名程度）
- セミナー申込：5〜7項目
改善アクション
- 本当に初回接点で必要な情報か、1項目ずつ検討する
- 「あったら便利」な項目は削除する。営業が後から聞けばよい
- どうしても項目が多い場合は、ステップ式にして心理的負荷を分散する
原因2：何を入力すればいいかわからない
ラベルが曖昧、入力例がない、入力形式の指定が不明確——ユーザーが「迷う」瞬間が離脱につながります。
改善アクション
- すべての項目にプレースホルダー（入力例）を設定する
- 「お問い合わせ内容」のような自由記述欄には、記入例を3つ程度提示する
- 電話番号の形式（ハイフンあり/なし）を明示する
原因3：エラー表示が不親切
「入力内容に誤りがあります」——この一行だけのエラーメッセージでは、ユーザーはどこを直せばいいかわかりません。
改善アクション
- リアルタイムバリデーション：入力中にエラーを表示する（送信ボタンを押した後ではなく）
- エラー箇所を具体的に示す：「電話番号は半角数字で入力してください」
- エラー表示は赤色+アイコンで視覚的にわかりやすく
原因4：フォームページで不安を感じる
「この情報を送って大丈夫か？」「営業電話がかかってくるのでは？」という不安が離脱を引き起こします。
改善アクション
- プライバシーポリシーへのリンクをフォーム近くに設置
- 「営業電話はいたしません」「入力情報は厳重に管理します」などの安心メッセージ
- SSL証明書のバッジ表示
原因5：モバイルでの操作性が悪い
BtoBサイトでも、モバイルからのアクセスは増加傾向です。PCで設計されたフォームをモバイルでそのまま使うと、操作性が著しく低下します。
改善アクション
- 入力欄のタップ領域を十分なサイズにする（最低44px）
- 適切なinput type属性（email、tel、number）でキーボードを最適化
- スクロールが必要なセレクトボックスは避け、ラジオボタンやカード選択に変更
EFO改善の具体的テクニック
マイクロコピーの活用
フォームの各所に配置する短いテキストが、ユーザーの不安や迷いを解消します。
| 配置場所 | マイクロコピー例 | 効果 |
|---|---|---|
| 送信ボタン上 | 「30秒で完了します」 | 心理的ハードルを下げる |
| メールアドレス欄下 | 「確認メールをお送りします」 | 入力動機を補強 |
| 電話番号欄横 | 「任意（ご連絡を差し上げる場合に使用します）」 | 任意であることと用途を明示 |
| 送信ボタン下 | 「営業電話はいたしません」 | 不安を解消 |
ステップ式フォームの導入
項目数が多い場合は、ステップ式（ウィザード形式）にすることで離脱率を下げられます。
ステップ1/3：基本情報（会社名、お名前）
↓
ステップ2/3：連絡先（メール、電話）
↓
ステップ3/3：ご相談内容ポイント
- 進捗バーを表示して「あとどれくらいか」を可視化する
- 最初のステップは最も簡単な項目にする（コミットメント効果を利用）
- 各ステップは3項目以内に収める
確認画面の廃止を検討する
BtoBの問い合わせフォームで「確認画面」は本当に必要でしょうか。確認画面はユーザーに「もう一度考える」機会を与え、離脱の原因になります。
私が関わったプロジェクトで確認画面を廃止したところ、フォーム完了率が15%改善しました。「送信前にもう一度確認したい」というニーズには、入力内容のサマリーをフォーム下部にリアルタイム表示する方法で対応できます。
自動入力への対応
ブラウザの自動入力機能（オートコンプリート）に適切に対応するだけで、入力の手間が大幅に減ります。
autocomplete属性を正しく設定する- name属性を標準的な命名にする（name、email、tel、organization）
- 住所入力がある場合は郵便番号からの自動入力を実装する
改善前後のCV率変化の実例
WebLeapが支援したBtoB企業のフォーム改善事例です。
改善前の状態
- フォーム項目数：12項目（会社名、部署、役職、氏名、フリガナ、電話番号、FAX、メール、住所、業種、従業員数、問い合わせ内容）
- 確認画面あり
- エラーは送信ボタン押下後にページ上部に表示
- モバイル非最適化
実施した改善
- 項目を5つに削減（会社名、氏名、メール、電話番号（任意）、問い合わせ内容）
- 確認画面を廃止
- リアルタイムバリデーション導入
- マイクロコピー追加
- モバイル最適化
結果
- フォーム完了率：28% → 52%（約1.9倍）
削除した情報（部署、役職、住所など）は、初回のメール返信時に必要に応じてヒアリングする運用に変更しました。営業チームからの不満もなく、むしろ「問い合わせ数が増えて嬉しい」という反応でした。
EFOで犯した失敗
一つ、失敗談を共有します。
あるプロジェクトで、フォーム項目を極端に減らし、「メールアドレスのみ」で問い合わせを受け付ける形にしたことがあります。フォーム完了率は当然上がりましたが、問い合わせの質が著しく低下しました。
会社名もわからない、何について相談したいのかもわからない——営業チームが1件ずつ確認するコストが膨大になり、結果的にリード対応の効率が悪化しました。
EFOは「フォーム完了率の最大化」ではなく「質を維持しながらの完了率向上」が正しいゴールです。
実務者まとめ
フォームはコンバージョンファネルの「最後の関門」です。ここでの離脱は、それまでのマーケティング投資をすべて無駄にします。
まず自社のフォーム完了率を計測し（GA4のイベントで計測可能）、業界平均と比較してください。改善の余地があれば、「項目削減」「マイクロコピー追加」「リアルタイムバリデーション」の3つから着手することをおすすめします。小さな改善で大きな成果が出る、最もROIの高い施策です。
WebLeapのUX改善・サイト制作ディレクションサービスについて詳しくはこちら → /service/ux-web/