マーケティングコラム BtoBフォーム改善 15のチェックポイント|問い合わせ数を2倍にするフォーム設計の実践ガイド

BtoBフォーム改善 15のチェックポイント|問い合わせ数を2倍にするフォーム設計の実践ガイド

「広告費は使っているのに、問い合わせが伸びない」「サイトのアクセスは増えているのに、CV 数が頭打ち」── BtoB マーケティング担当者からよく聞く悩みです。このとき多くの企業は広告クリエイティブや LP の改善に手をつけますが、見落とされがちで、かつ最も改善効果が出やすいのが「フォーム」です。

LP まで辿り着いた訪問者の多くは、何らかの興味を持っています。それでも問い合わせをしないのは、フォームそのものに離脱を引き起こす原因があるケースが非常に多いのです。本コラムでは、BtoB サイトのフォーム改善で実際に効果が出ている15のチェックポイントを、6つの視点に整理してお伝えします。

なぜフォーム改善が最も費用対効果の高い施策なのか

BtoB サイトの問い合わせ数を増やすために、多くの企業はまず広告予算の増額やランディングページの改修を検討します。しかし、すでにフォーム画面まで辿り着いた訪問者を逃さないことに比べれば、新規流入の獲得は何倍ものコストがかかります。

実際、BtoB フォームの改善で CVR が 1.5〜2 倍になる事例は珍しくありません。広告予算を増やすより、フォームを直す方が費用対効果が高いことすらあります。にもかかわらず、フォームの設計は「とりあえず動けば良い」というレベルで放置されがちです。

本コラムでは、明日からすぐ着手できる15項目を6つの章に分けて紹介します。すべてを一度に実施する必要はなく、効果が大きく実装コストが低い項目から手をつけるのが鉄則です。

第1章 入力項目の設計 (Check 01-04)

Check 01 入力項目は7個以内に絞る

フォーム離脱の最大の原因は、「入力させすぎ」です。入力項目数と CVR には強い負の相関があり、一般的に項目数が4個のときに CVR は最大化し、10個を超えると半減すると言われています。

BtoB の問い合わせフォームに本当に必要な項目を、ゼロから見直してみてください。「営業に活用したい」という理由だけで増やしている項目は、その情報を営業の現場で本当に毎回使っているかで判断します。

最低限の推奨項目 (7個以内) は次のとおりです。

  • 会社名 / 氏名 / メールアドレス
  • 電話番号 (任意でも可)
  • 役職 (プルダウン)
  • 問い合わせ内容 (自由記述)
  • 個人情報の取り扱い同意 (チェックボックス)

業種・規模・予算規模などは、初回フォームでは聞かないこと。商談の中で聞くか、後続のメール返信時に聞く運用に切り替えましょう。

Check 02-04 必須項目・選択肢・並び順

Check 02 必須項目を絞る。入力項目自体は7個あっても、必須項目を5個以下にすると、心理的なハードルが大きく下がります。「電話番号」「役職」などは任意にしておくと、結果的に7〜8割の訪問者は入力してくれる傾向があります。

Check 03 選択肢は迷わせない設計に。役職・部署・興味のあるサービス内容など、選択式の項目は3〜6個に絞り、一般的な表現で書くことが重要です。10個以上の選択肢や、専門用語が並んだ選択肢は離脱の原因になります。

Check 04 項目の並び順は「易から難へ」。人は最初に簡単な項目を入力すると、「ここまで書いたから完成させたい」という心理 (コミットメント効果) が働きます。「氏名」「会社名」など、迷わず即入力できる項目を最初に置き、自由記述の「お問い合わせ内容」はほぼ最後に配置しましょう。

第2章 フォーム構造の最適化 (Check 05-07)

Check 05 5項目以上ならステップ分割を検討

入力項目が5個を超える場合、マルチステップフォーム (複数ページに分割) の方が CVR が高くなるケースが多くあります。理由は2つあり、1つ目は1画面あたりの項目数が減ることによる視覚的な圧迫感の軽減、2つ目はステップを進むごとに「もう半分終わった」という達成感が生まれ離脱しにくくなることです。

推奨されるステップ分割パターンは以下のとおりです。

  • Step 1: 基本情報 (氏名・会社名・メール)
  • Step 2: 詳細情報 (役職・電話番号など)
  • Step 3: 問い合わせ内容
  • Step 4: 確認・送信

ただし、項目数が4個以下なら、無理にステップ分割せず1画面で完結させる方が CVR は高くなります。「ステップ化=必ず良い」ではないことに注意してください。

Check 06-07 進捗バーとラベル位置

Check 06 進捗バーで「あと少し」を見せる。ステップ分割した場合は、必ず進捗バーを入れてください。「Step 2/4」「あと2項目」のような表示があるだけで、離脱率が変わります。BtoB では「Step X / Y」形式が最もシンプルで分かりやすく、CVR への寄与が大きいです。

Check 07 ラベルは入力欄の「上」に置く。入力欄の左にラベルを置く「横並びレイアウト」は、スマートフォンとの相性が悪く、視線移動も増えます。縦並びレイアウト (ラベルの下に入力欄) は PC・スマホ両方で読みやすく、入力欄の幅も広く取れます。視線の移動距離も短くなり、入力スピードが上がります。

第3章 デザインと視覚誘導 (Check 08-10)

構造が整ったら、次はデザインです。「入力エラーが分かりにくい」「送信ボタンがどこにあるか不明」── こうした小さなストレスが、確実に離脱を生みます。第3章では3つのチェックポイントを簡潔にまとめます。

  • Check 08 エラーメッセージはリアルタイムかつ具体的に。入力欄から離れた瞬間にその項目だけエラー表示し、「メールアドレスに『@』が含まれていません」のように何が不正かを明示します。送信後にまとめて表示するスタイルは、訪問者を諦めさせる原因になります。
  • Check 09 送信ボタンは目立たせる。サイトのメインカラーまたはアクセントカラーで他の要素より目立たせ、文言は「送信」より「無料で問い合わせる」「資料を受け取る」など得られる結果を書きます。「リセット」「クリア」ボタンは原則として置かないこと。誤押下の原因になり、訪問者にメリットがありません。
  • Check 10 フォーム周辺の余白を確保する。入力中に他のページへ誘導するリンクが目に入ると、ふらっと離脱してしまうケースが多いです。ヘッダー・サイドバーすら隠して、フォーム専用ページにする (LP のように) 選択肢もあります。

第4章 スマートフォン最適化 (Check 11-12)

BtoB でも、サイト訪問の半数前後はスマートフォンから来ています。「PC で書類確認したい」と思っても、最初の問い合わせはスマホで済ませるというケースも一般的です。スマホ最適化を後回しにしているフォームは、ここだけで CVR が30〜50%落ちている可能性があります。

Check 11 type 属性を正しく設定する

スマートフォンで入力欄をタップしたとき、表示されるキーボードが入力内容に合っていないと、訪問者は「英数字キーボードに切り替えて...」と余計な操作を強いられます。HTML の input タグの type 属性を正しく設定することで、適切なキーボードが自動で出るようになります。

項目type 属性
メールアドレスtype="email"
電話番号type="tel"
数値 (郵便番号など)type="number" または inputmode="numeric"
URLtype="url"

たった1行の修正ですが、スマホからの入力体験が劇的に変わります。古いフォームはすべて type="text" になっているケースが多いので、必ず見直してください。

Check 12 タップ領域は44x44px以上

スマートフォンの操作は指先で行うため、タップ領域が小さすぎると押し間違いが多発します。推奨は次のとおりです。

  • ボタン・チェックボックス・ラジオボタンの最小サイズ: 44x44px 以上
  • 隣接する要素との間隔: 8px 以上
  • 入力欄の高さ: 48px 以上

特に「個人情報の取り扱い同意」のチェックボックスが小さいと押し間違いが起こります。チェックボックスだけでなく、ラベル全体をタップ可能にする (<label> で囲む) のも基本テクニックです。

第5章 送信後の体験設計と信頼性 (Check 13-15)

フォーム送信後の体験を、ないがしろにしている企業が多くあります。しかし、送信直後こそ訪問者の興味が最高潮になっている瞬間。ここで「冷ます」のは大きな機会損失です。

  • Check 13 自動返信メールはテンプレート文で終わらせない。「お問い合わせありがとうございました」だけで終わらず、返信予定日時 (例: 「営業日24時間以内に担当者よりご連絡いたします」)、担当者の顔写真・名前、関連事例・参考記事の紹介、緊急時の連絡先などを入れます。「返信予定日時」を書くだけでも、訪問者の不安が大きく軽減されます。
  • Check 14 サンクスページは「次の行動」へつなぐ。問い合わせを完了した瞬間は自社への関心が最も高い状態です。関連事例ページへのリンク、関連資料のダウンロード CTA、動画でのサービス紹介などを提示することで、商談化までの時間を短縮でき、比較検討フェーズで競合に負けるリスクを下げられます。
  • Check 15 フォーム周辺に信頼要素を配置する。BtoB の問い合わせは、訪問者にとって「自分の連絡先を渡す」という心理的なハードルがある行為です。プライバシーポリシーへのリンク、SSL 対応の表示、「営業電話の連絡はいたしません」などの一言、導入企業のロゴ・社数などを配置することで、最後の一押しになります。

改善の優先順位とまとめ

15項目すべてを一度に改善するのは現実的ではありません。効果が大きく、かつ実装コストが低い項目から手をつけるのが鉄則です。優先順位の目安は以下のとおりです。

優先度項目効果コスト
Check 01 入力項目を7個以内に絞る
Check 09 送信ボタンを目立たせる
Check 11 type 属性の設定
Check 02 必須項目を絞る
Check 14 サンクスページの設計
Check 15 信頼要素の配置
Check 05 ステップ分割

特に Check 01「入力項目を7個以内に絞る」は、ほとんど工数ゼロで効果は最大です。フォーム改善を始めるなら、まずここから着手することをおすすめします。

この記事のポイント
  • BtoB フォームの改善は CVR が 1.5〜2 倍になることもある、最も費用対効果の高い施策。
  • 入力項目数は7個以内、必須項目は5個以下に絞ることで離脱が大きく減る。
  • 5項目以上ならステップ分割と進捗バーを検討、ただし4項目以下なら1画面の方が CVR は高い。
  • スマホ最適化 (type 属性・タップ領域) は1行の修正で CVR を大きく改善できる。
  • 送信後の体験 (自動返信メール・サンクスページ) と信頼要素の配置で、商談化率まで底上げできる。

grip space は、本コラムで紹介した15項目のチェックポイントを標準で満たすフォーム機能を搭載した、中小企業向けオールインワン MA/CRM です。ノーコードでフォームを無制限作成でき、マルチステップ・進捗バー・スマホ最適化・A/B テスト・自動返信メールまですべて標準装備。月額25,000円から、14日間無料トライアル受付中です。

本コラムの内容をより詳しく解説した資料 (PDF・全18ページ) を、以下のフォームから無料でダウンロードいただけます。フォームのチェック診断シートも付属していますので、自社フォームの現状把握にお使いください。

月額25,000からはじめやすい WEBマーケティングツール

WEBマーケティングツール「grip space」の導入についてご検討の方、機能についてもっと詳しく知りたい方はお気軽にお問い合わせください。

grip space