
「広告費は使っているのに、問い合わせが伸びない」「サイトのアクセスは増えているのに、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" |
| URL | type="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ページ) を、以下のフォームから無料でダウンロードいただけます。フォームのチェック診断シートも付属していますので、自社フォームの現状把握にお使いください。