お問い合わせが増えるフォーム設計｜離脱率を下げる7つのポイント

フォーム離脱率67%という衝撃の現実

ホームページに訪問し、お問い合わせフォームまでたどり着いたユーザーのうち、実際に送信を完了するのはわずか33%というデータがあります。つまり、フォームに到達した3人中2人が途中で離脱しているのです。

これはSEO対策や広告費をかけてサイトへの集客を増やしても、フォームの設計が悪ければその投資が無駄になることを意味しています。もしフォームの離脱率を67%から50%に改善できたとしたら、問い合わせ件数は約1.5倍に増加する計算になります。フォーム改善は、最も低コストで即効性のある集客改善策のひとつなのです。

この記事では、フォーム離脱率を下げ、問い合わせ数を増やすための7つの改善ポイントを、具体的な事例とともに解説します。

改善ポイント1：入力項目数を最小限にする

フォームの離脱率に最も大きく影響するのが入力項目の数です。項目数が増えれば増えるほど、ユーザーの心理的負担は増大し、離脱率は上昇します。

調査データによると、フォームの項目数と完了率の関係は以下のとおりです。

• 3項目以下：完了率 約60%
• 5項目：完了率 約47%
• 7項目：完了率 約35%
• 10項目以上：完了率 約20%以下

すべての項目に対して「この情報は本当にこの段階で必要か？」と自問しましょう。住所・部署名・FAX番号・会社URLなどは、初回の問い合わせ段階では不要な場合がほとんどです。初回は最低限の情報だけを取得し、商談が進んだ段階で詳細情報を確認する運用がベストです。

推奨する最小項目構成

• お名前（姓名分割ではなく1つの入力欄）
• メールアドレス
• 電話番号（任意にする選択肢も検討）
• お問い合わせ内容（テキストエリア）

この4項目があれば、問い合わせ対応を開始するのに十分です。会社名や予算、希望納期などは、返信メールや初回ヒアリングで確認すればよいのです。

改善ポイント2：必須と任意を明確にする

入力フォームで「必須」と「任意」が明確に区別されていないと、ユーザーはすべての項目を埋めなければならないと感じてしまいます。これが心理的なハードルとなり、離脱の原因になります。

• 必須項目には赤い「必須」バッジを表示する
• 任意項目にはグレーの「任意」ラベルを表示する
• 必須マーク（※）だけでは気づかないユーザーがいるため、テキストで明示する

また、任意項目が多い場合は、初期状態では非表示にして「詳細を入力する（任意）」のリンクで展開するアコーディオン方式も有効です。見た目の項目数が少なく感じられ、心理的な負担を軽減できます。

改善ポイント3：入力例（プレースホルダー）を表示する

入力欄が空白の状態では、ユーザーは「何をどう入力すればいいのか」迷ってしまいます。すべての入力欄に適切な入力例（プレースホルダーテキスト）を表示しましょう。

• お名前：「例：山田 太郎」
• メールアドレス：「例：info@example.com」
• 電話番号：「例：03-1234-5678」
• お問い合わせ内容：「ご相談内容やご質問をご自由にお書きください」

注意点として、プレースホルダーはあくまで入力の参考であり、ラベル（項目名）の代わりとして使用してはいけません。入力を開始するとプレースホルダーが消えるため、何の項目だったかわからなくなってしまいます。項目名は入力欄の上部に常に表示しておきましょう。

改善ポイント4：リアルタイムバリデーション（エラー表示）

フォームでの入力エラーは、ユーザーのストレスと離脱の大きな原因です。特に「送信ボタンを押した後にまとめてエラーが表示される」パターンは、最も離脱率が高くなります。

代わりに、リアルタイムバリデーションを実装しましょう。これは、ユーザーが各項目を入力し終えた瞬間（フォーカスが外れたタイミング）に、入力内容の正誤をフィードバックする仕組みです。

• 正しい入力の場合：緑のチェックマークを表示し「入力が正しいこと」を伝える
• 誤った入力の場合：赤い枠線と具体的なエラーメッセージを表示する（「メールアドレスの形式が正しくありません」など）

リアルタイムバリデーションを導入することで、フォームの完了率が22%向上したという実験結果もあります。エラーメッセージは「入力エラーです」のような曖昧な表現ではなく、「@マークを含むメールアドレスを入力してください」のように具体的な修正方法を示しましょう。

改善ポイント5：確認画面をなくす

日本のWebフォームでは「確認画面」がよく使われますが、実はこれが離脱の原因になっているケースが少なくありません。確認画面で「やはりやめよう」と思い直すユーザーや、「戻る」ボタンを押して入力内容がリセットされてしまうケースがあるためです。

海外のWebフォームでは確認画面はほとんど使われておらず、入力→送信の2ステップで完結するのが主流です。確認画面を廃止して入力内容を送信前に画面上部にサマリー表示する方式にするだけで、コンバージョン率が15〜20%向上したという事例もあります。

どうしても確認画面が必要な場合（金融系・保険系など）は、確認画面で「修正する」ボタンを押した際に入力内容が保持されるよう実装しましょう。

改善ポイント6：送信ボタンの文言を工夫する

送信ボタンの文言ひとつで、クリック率（＝問い合わせ完了率）は大きく変わります。「送信」「Submit」よりも、具体的なアクションを示す文言のほうがクリックされやすいことがわかっています。

• 悪い例：「送信」「Submit」「確認」
• 良い例：「無料で相談する」「見積もりを依頼する」「資料を受け取る」

ポイントは、送信後にユーザーが何を得られるのかを文言で伝えることです。「送信」はただの動作の説明ですが、「無料で相談する」はユーザーが得られるベネフィットを含んでいます。

また、ボタンの色はページ内で最も目立つ色にしましょう。背景色やテーマカラーと異なる補色（例：青系のサイトならオレンジのボタン）を使用すると視認性が高まります。ボタンのサイズは最低でも横幅200px・高さ50px以上を確保してください。

改善ポイント7：スマートフォンに最適化する

現在、企業サイトへのアクセスの50〜70%がスマートフォンからです。にもかかわらず、フォームがPC向けの設計のままになっているサイトは少なくありません。

スマホフォーム最適化のチェックリスト

• 入力欄の高さ：最低44pxを確保し、指でタップしやすいサイズにする
• 入力タイプの設定：メールアドレスにはtype="email"、電話番号にはtype="tel"を指定し、適切なキーボードを表示する
• オートコンプリート属性：name, email, telなどのautocomplete属性を設定し、自動入力を有効にする
• ズーム防止：フォントサイズ16px以上に設定し、iOSでの自動ズームを防止する
• ボタンの配置：送信ボタンは画面幅いっぱいに配置し、親指で押しやすい位置に設置する
• 縦スクロールの最小化：項目数を減らし、1画面内にフォーム全体が収まるよう設計する

特に重要なのが入力タイプの設定です。電話番号の入力欄にtype="tel"を指定するだけで、スマートフォンでは数字キーボードが自動表示されます。この小さな工夫だけでも、入力の手間は大幅に削減されます。

EFO（エントリーフォーム最適化）ツールの活用

フォーム改善を効率的に行うためのEFO（Entry Form Optimization）ツールが各社から提供されています。主要なツールをご紹介します。

• EFO CUBE：国産のEFOツール。入力補助機能（住所自動入力・ふりがな自動入力）や離脱防止ポップアップなど、26種類の入力支援機能を搭載。月額5万円〜
• Gyro-n EFO：フォーム分析と改善提案に強みを持つツール。項目ごとの離脱率をヒートマップで可視化でき、改善ポイントが一目でわかる。月額3万円〜
• formrun（フォームラン）：フォーム作成から顧客管理までを一元管理できるサービス。テンプレートを使って簡単にフォームを作成でき、チャットでの通知機能も搭載。無料プランあり

小規模なサイトであれば、まずはformrunのような無料ツールから始め、効果が確認できたら本格的なEFOツールの導入を検討するのがおすすめです。

改善事例：入力項目12→5で問い合わせ2.5倍に

最後に、フォーム改善による実際の成功事例をご紹介します。

ある中小企業のBtoBサイトでは、以下のような問題を抱えていました。

• 月間サイト訪問者数：約3,000人
• フォーム到達数：月80件
• フォーム送信完了数：月12件（完了率15%）
• 入力項目数：12項目（会社名・部署名・役職・氏名・ふりがな・郵便番号・住所・電話番号・FAX番号・メールアドレス・予算・お問い合わせ内容）

この企業に対して、以下の改善を実施しました。

• 入力項目を12項目→5項目に削減：会社名・氏名・メールアドレス・電話番号（任意）・お問い合わせ内容の5つに絞り込み
• 確認画面を廃止：入力→送信の2ステップに変更
• リアルタイムバリデーションを実装
• 送信ボタンを「送信」→「無料で相談する」に変更
• スマホ向けにフォームを最適化

改善後の結果は以下のとおりです。

• フォーム到達数：月80件→月85件（微増）
• フォーム送信完了数：月12件→月30件（2.5倍）
• 完了率：15%→35%に向上

注目すべきは、サイトへのアクセス数はほぼ変わっていないという点です。SEO対策や広告費を追加することなく、フォームの設計を改善するだけで問い合わせ数が2.5倍に増加しました。フォーム最適化は、最小のコストで最大の効果を得られる施策なのです。

原稿の品質もフォーム到達率に影響します。ホームページの原稿の書き方の記事も合わせてお読みください。また、せっかく問い合わせが増えても、サイト全体のアクセスが少なければ効果は限定的です。ホームページのアクセスが少ない原因と対策についても確認しておきましょう。