SECTION 01

問い合わせフォームのCVRが低い本当の理由｜来訪者の6〜7割が消える場所

熊本の中小企業様のご相談で、最初にヒアリングするのは「月間のフォーム表示数」と「送信完了数」の2つの数値です。CREVIAが支援した中小企業のフォーム表示数と送信数を集計すると、フォームを開いた時点からの完了率は中央値で30〜40%にとどまっていました。逆に言えば、フォームを表示した6〜7割の方が、入力途中で離脱しているということです。

離脱が最も大きい3つの地点

離脱には地点ごとの傾向があります。1つ目はフォーム表示直後で、「項目が多い」「読み込みが遅い」と感じた瞬間の離脱です。2つ目は氏名や会社名を打ち始めた後、3つ目は電話番号やメール入力時のキーボード切替時です。スマホ閲覧者ではこの3地点で全体の8割以上の離脱が発生しています。

「集客の問題」と誤認しやすい構造

多くの企業様は「アクセスは増えているのに問い合わせが伸びない」と感じた瞬間に、広告予算を増やしたり、SEO記事を量産する方向へ進みがちです。しかしフォーム完了率が30%のサイトでは、流入を2倍にしても問い合わせは2倍にしかなりません。完了率を30%から60%に上げれば、流入は同じでも問い合わせは2倍になります。投資対効果の観点では、まず出口側の改善が先行すべきです。

CREVIAの診断データから見える共通パターン

CREVIAが過去3年で診断したフォームを分類すると、CVRが低いフォームには共通点が3つありました。第1に入力項目が8つ以上ある、第2にスマホで2画面以上にまたがる、第3にエラー表示が送信ボタン押下後にしか出ない、というものです。逆に言えば、この3つを潰すだけで完了率は大幅に改善します。

フォームを開いた人の6〜7割が離脱している現状を直視すれば、集客改善より先に取り組むべき場所が見えてきます。

SECTION 02

EFOとは｜入力フォーム最適化が問い合わせ数に直結する3つの仕組み

EFOという言葉自体は10年以上前から使われていますが、2026年時点での実務では「スマホ最適化」「リアルタイム検証」「計測と改善のループ」の3つを統合した運用を指します。それぞれが完了率に与える影響を分けて理解することが、ご自身のフォームのどこに投資するか判断する助けになります。

仕組み1：認知負荷を下げる設計

人は1つのフォームの全項目を見た瞬間に「これは何分かかるか」を直感的に判断します。項目数が多い、フォームの長さが画面に収まらない、必須マークが見にくいなどの要素が、入力着手前の離脱を生みます。認知負荷を下げる代表的な手段が、項目削減・1カラム化・ステップ分割の3つです。

仕組み2：摩擦を取り除く入力支援

入力着手後に発生する離脱は、入力中のストレスが原因です。郵便番号から住所自動入力、電話番号のハイフン自動付与、エラーをその場で表示するリアルタイム検証など、小さな摩擦を1つずつ取り除く設計が完了率を押し上げます。1項目あたりの離脱率を測れば、どの項目に摩擦が集中しているか可視化できます。

仕組み3：計測と改善のループ

EFOは1回の改修で終わるものではなく、計測と改善を月次で回す運用です。GA4でフォーム表示・入力開始・送信完了の3イベントを取り、Looker Studioで月次レポート化すると、何が効いて何が効かなかったかの判断が定量で行えます。改善箇所を1つに絞り、A/Bで検証する習慣が、長期的にCVRを底上げします。

EFOは単発の改修ではなく「設計・支援・計測」の3層を月次で回す運用設計だと捉えると、投資配分が明確になります。

SECTION 03

入力項目を5つに絞る｜業種別の必須項目設計と完了率の変化

「項目は多ければ多いほど営業の負担が減る」というのは、フォーム設計でよく見られる誤解の1つです。営業効率と完了率はトレードオフの関係にあり、項目数を増やすほど完了率は下がります。実務では「最初の問い合わせは5項目以内」が1つの目安です。

1. 01

   氏名・会社名・メール・電話・問い合わせ内容の5項目に絞る

   最低限の連絡可能性と用件把握だけに絞ると、フォーム長が画面1つに収まり、入力時間も30秒前後に短縮されます。CREVIAが熊本県内の事業者向けに改修した事例では、8項目から5項目への削減で完了率が約1.6倍に伸びました。

2. 02

   業種別に「絶対外せない項目」だけ残す設計に切替える

   士業や医療機関は「相談内容のカテゴリ」、飲食や美容室は「希望日時」、BtoBは「会社名・部署」が外せない項目です。汎用テンプレートで全業種に同じフォームを使うと、不要項目で離脱を生みます。

3. 03

   「あった方が便利」項目は任意化または削除する

   FAX・住所・部署名・役職・予算規模などは、初回の問い合わせでは任意か削除を推奨しています。必須化されているとそれだけで離脱要因になり、営業現場でも「初回連絡で必要だったか」を再点検する価値があります。

4. 04

   2段階フォームで「項目数の重さ」を可視化しない

   どうしても項目を減らせない場合は、ステップを2段階に分け、1画面目に氏名・連絡先だけを置く方法があります。1画面目の入力完了で送信ボタンを押せる設計にすると、心理的な完了率が大きく改善します。

5. 05

   必須項目には「必須」マーク、任意項目には「任意」マークを明示する

   アスタリスクだけでは「何が必須か」を理解できないユーザーが一定数います。「必須」「任意」を文字で明示し、必須を赤、任意をグレーで色分けすると、入力前の見積もりが正確になり、入力中の戸惑いも減ります。

SECTION 04

スマホで離脱を止める7つの改善｜キーボード・タップ領域・スクロール量

スマホ最適化は「レスポンシブで縮小すれば終わり」ではありません。指で操作する前提のタップ領域、キーボードの自動切替、スクロール量の最小化など、PC設計とは別軸の配慮が必要です。CREVIAがスマホ最適化で具体的に何を直しているかを7点に整理しました。

1. 01

   inputタグのtype属性でキーボードを自動切替する

   電話番号にtype=”tel”、メールにtype=”email”、郵便番号にinputmode=”numeric”を指定すると、スマホで自動的に数字キーボードや英字キーボードに切り替わります。これだけでメール入力欄の離脱率が下がる事例が多いです。

2. 02

   タップ領域を最低44ピクセル四方に確保する

   Appleのヒューマンインターフェースガイドラインでは、タップ領域の最小は44pt推奨です。チェックボックスやラジオボタンが小さすぎると、誤タップで離脱を誘発します。入力欄の高さも48px以上を推奨します。

3. 03

   1カラムレイアウトで縦スクロールに統一する

   スマホで2カラムにすると、各列の入力欄が極端に細くなり、誤入力と離脱を生みます。1カラムでスクロールしながら埋めていく形式が、入力動作として最もシンプルです。

4. 04

   フォントサイズを16ピクセル以上にしてズーム発火を防ぐ

   iOSのSafariはフォントサイズが16px未満の入力欄でフォーカスすると自動でズームします。ズームすると入力位置が画面外に飛ぶケースがあり、操作迷子を生みます。入力欄のフォントは16px以上に揃えるのが安全です。

5. 05

   送信ボタンを画面下に固定して常に視界に残す

   スクロール中に送信ボタンが見えないと「あと何項目?」と不安になります。フォーム下部にスティッキーで送信ボタンを表示すると、心理的な距離感が縮まり完了率が上がります。

6. 06

   入力欄の上にラベル、下にエラー表示を固定する

   スマホはキーボードが画面下半分を占めるため、入力欄の下にラベルを置くと隠れます。ラベルは入力欄の上、エラーは入力欄のすぐ下に表示する配置が、視線移動を最小化します。

7. 07

   プレースホルダーをラベル代用にしない

   プレースホルダーは入力開始と同時に消えるため、ラベルとしての役割を担うとアクセシビリティを下げます。ラベルは必ず別表記し、プレースホルダーは「入力例」として補助に使うのが原則です。

スマホ最適化は「縮小」ではなく「指とキーボードを前提とした再設計」です。この7点でCVRの天井が大きく変わります。

SECTION 05

リアルタイム検証と入力支援｜エラー表示・住所自動補完・郵便番号連動

フォーム改修の中で投資対効果が高いのが、リアルタイム検証と入力支援の実装です。WordPressであればContact Form 7やWPFormsのアドオン、自社開発であればJavaScriptで段階的に実装できます。3つの実装ポイントに分けて整理します。

エラーは「入力欄を離れた瞬間」に出す

メールアドレスの形式エラーや必須項目の未入力エラーは、送信ボタンを押した後ではなく、その入力欄からフォーカスが外れた瞬間に表示します。「@が抜けています」「半角英数字で入力してください」など、具体的な修正指示まで添えると、再入力のストレスが大きく減ります。

郵便番号から住所を自動入力する

住所を必須項目に含めるフォームでは、郵便番号入力で都道府県・市区町村を自動補完する実装が標準です。日本郵便のAPIや既存ライブラリで実装でき、入力時間が10〜30秒短縮されます。スマホでは特に効果が大きく、住所入力の離脱を半分以下にすることが可能です。

電話番号のハイフン自動付与と全角半角自動変換

電話番号にハイフンを入れるかどうかでユーザーが迷う場面が多くあります。入力された数字に対して自動でハイフンを付与する、全角数字が入力された場合に自動で半角に変換する、といった小さな支援が「正しく入力できているか」の不安を和らげます。

SECTION 06

CTAボタンと文言の最適化｜「送信する」を「無料で相談する」に変える効果

送信ボタンの文言を変えただけでCVRが10〜30%変わる事例があります。ボタンは入力完了直前の最後の心理的ハードルなので、ここに最も慎重な設計が必要です。業種別に効きやすい文言を比較した上で、自社に合うパターンを選びます。

「送信する」が弱い理由

「送信する」はユーザーの行動を説明していますが、ユーザーが得る価値を表現していません。「無料で相談する」「席の空きを確認する」など、ユーザーが得る結果を文言にすると、押す前の躊躇が減ります。さらに「無料」「24時間以内」など、不安を解消する補助テキストを添えると、押下率が上がります。

ボタン色は「サイト全体の中で最も目立つ1色」にする

送信ボタンの色は、サイト全体のCTAで一貫させた上で、その色がそのページで最も目立つ配色になるよう設計します。リンクテキストと同色だと埋もれ、サイトの強調色と被ると目線が散らかります。CREVIAでは業種ごとに推奨色のパターンを持っており、見た目と心理効果の両軸で選定します。

送信完了後の遷移先で次の動線を提示する

送信完了画面を「ありがとうございました」だけで終わらせるのはもったいないです。サンクスページに「対応可能なサービス」「過去事例」へのリンクを置くと、回遊が増えます。GA4のサンクスページ到達数を計測し、CVR改善の最終地点として可視化することも可能です。

送信ボタンの文言と色、サンクスページの動線まで含めた一連の流れを設計することで、フォーム全体のCVRが安定的に伸びます。

SECTION 07

GA4でフォーム完了率を測る手順｜イベント設計と離脱箇所の特定

GA4のフォーム計測は、標準のform_startとform_submitだけでも完了率は出せますが、「どの入力欄で詰まったか」までは見えません。実務では3層のイベント設計を推奨しています。設定はGTMで段階的に実装します。

1. 01

   フォーム表示イベント（form_view）を追加する

   問い合わせページのページビューとは別に、フォームDOMが表示された瞬間にform_viewを発火させます。これで「フォームを目にした人」を分母にした完了率が算出可能になります。

2. 02

   フィールド単位のfocus離脱イベントを追加する

   各入力欄に対してfocus_outイベントを発火させ、その時点で入力が空かどうかを記録します。「氏名は入っているのに電話で離脱」「メールで離脱」など、項目別の離脱箇所が可視化されます。

3. 03

   送信成功イベント（form_submit_success）を分離する

   標準のform_submitは送信ボタンクリックで発火するため、バリデーションエラーで戻った場合も件数に含まれます。サンクスページの到達やAjax成功レスポンスでform_submit_successを発火させ、実完了数だけを別カウントします。

4. 04

   フォーム送信失敗イベント（form_submit_error）も同時に取る

   バリデーションエラーで送信できなかった件数を別イベントで取ると、「送信を試みたがエラーで戻った」ユーザー比率が可視化されます。この比率が高いフォームは、エラー表示と入力支援に投資する優先度が高いと判断できます。

5. 05

   Looker Studioで月次の漏斗レポートを作る

   form_view → form_start → field_focus → form_submit → form_submit_successの5段階で漏斗を組み、デバイス別と流入元別にセグメント化します。月次で見直すと、どの改修が効いたか定量で判断可能になります。

SECTION 08

業種別の成功事例｜飲食・士業・クリニック・BtoBで何が効いたか

EFO改修の効果は業種特性に強く依存します。汎用の改善ノウハウだけでなく、業種ごとの「離脱の癖」を理解しておくと、改修の優先順位を間違えにくくなります。代表的な4業種で実際に効いた施策を共有します。

飲食店の事例｜「希望日時」を1タップ選択化

熊本市内の飲食店様のフォームでは、希望日時を自由入力欄にしていたため、入力に手間がかかり離脱が多発していました。日付と時間帯をプルダウンで段階選択する形式に変更し、希望日時の入力時間を半分以下に短縮しました。結果、フォーム完了率が約1.7倍に伸びました。

士業の事例｜相談カテゴリを5択にして相談内容入力を任意化

合志市の士業事務所様の改修では、「ご相談内容」を自由記述で必須化していました。「何を書けばいいか分からない」という心理的ハードルで離脱していたため、相談カテゴリの5択を必須、自由記述を任意にしたところ、完了率が1.5倍に改善しました。営業現場でも「カテゴリだけで初動が回せる」と評価されています。

クリニックの事例｜診察券番号を任意化して新患の離脱を防ぐ

菊陽町のクリニック様では、診察券番号を必須項目にしていたため、新患からの問い合わせが激減していました。診察券番号を任意項目に変更し、「新患の方は空欄で構いません」と注釈を加えたところ、新患からの問い合わせが大幅に増えました。営業中の電話問い合わせも減り、現場の負担が下がる副次効果もありました。

BtoBの事例｜2段階フォームで会社規模を後置に

八代市の製造業向けBtoB事業者様では、フォーム冒頭で「従業員数」「年間予算」を聞いていたため、初回問い合わせの心理的ハードルが高くなっていました。1画面目を氏名・会社名・連絡先のみにし、2画面目で詳細項目を任意で聞く形式に変更したところ、完了率が約1.9倍に改善しました。

業種ごとに離脱の癖は違います。汎用の改修だけでなく、業種特性に合わせた項目設計が完了率の天井を引き上げます。

SECTION 09

CREVIAが行う問い合わせ動線改修｜ヒートマップ連動とフォーム改善の対応範囲

フォーム改修は単一施策ではなく、サイト全体の動線設計と一体で考える必要があります。CREVIAでは、ヒートマップによる現状把握から、フォーム改修、GA4計測設計、月次PDCAまで一気通貫で対応可能です。具体的な進め方を3ステップに整理しました。

1. 01

   ヒートマップとGA4で現状診断（初週）

   既存フォームの離脱率、入力項目数、モバイル動線、CTAボタンの押下率をヒートマップとGA4で可視化し、改修の優先順位を3〜5件に絞ったレポートを納品します。診断だけのご依頼も対応可能です。

2. 02

   フォーム実装改修と計測設計（2〜4週目）

   入力項目削減、リアルタイム検証、スマホ最適化、CTA文言改善、GA4イベント追加を一括で実装します。WordPressのContact Form 7やWPForms、自社開発フォームのいずれにも対応可能で、既存サイトを壊さない移行手順で進めます。

3. 03

   月次レポートと改善PDCA（5週目以降）

   改修後の効果をLooker Studioでレポート化し、月次でA/Bテストを回しながら追加改善を進めます。問い合わせの質や営業現場のフィードバックも合わせて反映し、半年で完了率2倍を目指す運用設計を行います。

フォーム単体ではなく、診断・改修・計測・運用の一気通貫で支援することで、CVR2倍化が現実的な目標になります。

SUMMARY

まとめ｜EFOで問い合わせフォームのCVRを2倍にする最短ルート

問い合わせフォームのCVR改善は、流入を増やす施策より投資対効果が高い領域です。来訪者の6〜7割が離脱している現状を直視し、入力項目の削減、スマホ最適化、リアルタイム検証、計測設計を一連で進めれば、CVR2倍は現実的な目標になります。重要なのは以下の3点に集約されます。

1. 1

   入力項目を5つに絞り、業種別の必須項目だけを残す

   8項目を5項目にするだけで完了率は1.5倍前後に改善する事例が多くあります。営業現場と「初回連絡で何が必要か」をすり合わせ、不要項目を任意化または削除します。

2. 2

   スマホ最適化と入力支援で、入力中の摩擦を取り除く

   キーボード自動切替、タップ領域確保、リアルタイム検証、住所自動補完など、個々の改善は小さくても、積み重ねると完了率に大きく効きます。

3. 3

   GA4でフィールド単位の離脱を可視化し、月次で改善を回す

   form_view、focus_out、form_submit_successを設計し、Looker Studioで月次レポート化します。改修前にベースラインを取ることが、効果検証の必須条件です。

株式会社CREVIAは、熊本県内250社以上の支援実績をもとに、診断から改修、計測、月次PDCAまで一気通貫でご支援可能です。ご要望に応じて部分支援にも対応します。

SECTION 10

よくある質問