COLUMN

問い合わせフォームの離脱を防ぐEFO改善|東濃の現場実践2026

問い合わせフォームのEFO改善ポイントを解説する記事のヒーロー画像

GA4やヒートマップを見ていて、問い合わせページまでは到達しているのに送信完了ページに進んでいる人が想像以上に少ない――東濃エリアの中小企業様から、こうしたご相談を月に数件いただきます。2026年現在、企業サイトへの流入はスマートフォン経由が7〜8割を占めるようになり、フォームの入力負荷はそのまま離脱率に直結します。広告やSEO、SNS運用でようやく連れてきた見込み客を、最後の30秒で取りこぼしているケースが本当に多い。

EFO(Entry Form Optimization、入力フォーム最適化)は地味な施策ですが、流入を増やすよりも費用対効果が高いことがほとんどです。今回は、バリデーション・進捗表示・自動補完・スマホ最適化という4つの基本要素を、2026年の実装水準でどう組み立てるかを整理します。

フォーム離脱は感覚ではなく構造で起きる

FUTSUで土岐市・多治見市・可児市の企業サイトを改修するとき、最初に行うのは「どこで離脱しているか」の特定です。GA4のフォームイベントとMicrosoft Clarityのセッションリプレイを組み合わせると、どの項目でユーザーが指を止めたかまで見えます。この可視化なしにEFOを進めても、勘に頼った改修になりがちです。

フォーム離脱の4大要因 入力項目が多い 10項目超で完了率が半減 必須項目の見直しが先 エラーが不親切 送信後にまとめて赤字 どこが間違いか不明 進捗が見えない あと何分か分からず 途中で諦められる スマホで入力しにくい キーボード種別が不適切 タップ領域が小さい
離脱は感覚ではなく構造で起きる

実際にあった例では、東濃の製造業サイトで「会社名・部署・役職・氏名(漢字)・氏名(カナ)・郵便番号・住所・電話・FAX・メール・問い合わせ内容」の11項目が並び、スマホ完了率は4%台でした。FAXと役職を任意化し、住所を郵便番号自動入力に変更、氏名カナを削除して6項目まで絞ったところ、完了率は12%まで改善。半年で問い合わせ件数は約3倍になっています。

バリデーションは「入力中」に伝える

バリデーションとは、入力内容が正しいかをチェックする仕組みです。古いフォームでは「送信ボタンを押してから、赤字でまとめてエラーを表示」する作りが多いのですが、これは2026年時点ではもう通用しません。ユーザーは複数の赤字を見た瞬間にウィンドウを閉じます。

バリデーションのタイミング比較 送信時にまとめて メール 電話番号 送信ボタン ↓ ここで赤字が一気に出る 諦めて離脱 入力中に都度 メール ✓ 電話番号 ✓ 送信ボタン そのまま完了
エラーは入力中にその場で伝える

実装のポイントは次の3つです。

  • 項目から離れた瞬間にチェック:メール欄からフォーカスが外れた時点で「@が抜けています」と伝える
  • 色+アイコン+具体的な指示:単に「エラー」ではなく「ハイフンを抜いて入力してください」など、次の行動を書く
  • 正常時は緑のチェック:合っていることを示すと、それだけで送信ボタンを押す心理的ハードルが下がる

電話番号を例に取ると、「090-1234-5678」「09012345678」「090 1234 5678」のどれで入力しても受け付ける寛容な作りにしておくのが理想です。フォーム側で入力形式を厳しく強制すると、それだけで数%の離脱要因になります。2026年のトレンドとしては、色だけに頼らずアイコンと文言も併記し、色覚多様性やアクセシビリティにも配慮する設計が標準になっています。

進捗バーは「3ステップ以上」の長いフォームに

進捗バーは「入力 → 確認 → 完了」のような複数ステップ型のフォームで真価を発揮します。逆に、1画面で完結する短い問い合わせフォームに無理に付けても効果は薄く、むしろ画面のノイズになりがちです。

進捗バーを使うべきかの判断 項目5つ以下 1画面で完結 進捗バー不要 3ステップ以上 入力 確認 完了 進捗バー有効 原則:あと何ステップ・何割で終わるかが見えること 「所要3分」と時間を併記すると完了率がさらに上がる
進捗の可視化はフォームの長さで判断

採用エントリーや見積もり依頼のように項目が多くなる場合は、ステップ分割が有効です。「基本情報 → 案件詳細 → 確認」のように分け、上部に進捗と残り時間を明示すると、ユーザーは「あと1ステップだから頑張ろう」と判断できます。恵那市の建設会社様の見積もりフォームでは、1画面11項目から3ステップ制に変更しただけで、着手数が2倍近くに伸びました。

自動補完とスマホ最適化で「考えさせない」

EFOで地味に効くのが、自動補完(オートコンプリート)とスマホ最適化の設定です。iPhone・Androidともに、ブラウザに保存された名前・メール・住所・電話番号は数タップで呼び出せます。フォーム側がその仕組みを許可していれば、11桁の電話番号を手打ちする必要はありません。

入力負荷を下げる4つの自動化 ① autocomplete属性 name email tel を正しく指定 ブラウザ保存値を即呼び出し ② 郵便番号→住所 7桁入力で市区町村まで自動 残りは番地だけ手入力 ③ inputmode指定 電話は数字キーボード メールは@付きキーボード ④ タップ領域の確保 入力欄の高さ48px以上 親指で押せるボタン配置
HTML属性の指定だけでも効果は大きい

特に見落とされがちなのが inputmode 属性です。電話番号欄に inputmode="tel"、郵便番号に inputmode="numeric" を指定するだけで、スマホで開いたときに最初から数字キーボードが立ち上がります。郵便番号からの住所自動入力も無料のJavaScriptライブラリで簡単に導入でき、瑞浪市や中津川市の企業様で実装後に問い合わせ件数が1.3〜1.5倍になった事例があります。

加えて2026年時点で意識したいのが、パスキー・生体認証で保存された連絡先情報とのスムーズな連携です。autocomplete="name" autocomplete="email" autocomplete="tel" のように役割を正しく指定するだけで、iOSのAutoFillやChromeの自動入力が正確に候補を提示するようになります。

土岐市・東濃でフォーム改善のご相談はFUTSUへ

EFOは「小さな改善の積み重ね」で効くタイプの施策です。一度に全部やる必要はなく、まずは現状の離脱箇所を計測し、効果の大きい順に手を入れていくのが定石です。株式会社FUTSUは岐阜県土岐市を拠点に、多治見・瑞浪・恵那・可児・中津川、そして名古屋圏の中小企業様のフォーム改善を継続的に支援しています。

「広告費は増やしたくないが、問い合わせは増やしたい」「フォームを最後に触ったのが何年も前で、スマホで開くとレイアウトが崩れる」――そんな課題があれば、現状のフォームを拝見しての初回診断は無料で承ります。既存フォームのURLを教えていただければ、離脱要因の見立てと改善優先順位をレポートとしてお返しします。

具体的な費用感を知りたい方は無料見積もりフォーム、まずは相談だけしたい方はお問い合わせフォームからお気軽にご連絡ください。制作・改修の対応範囲はサービスページ、これまでの改善事例は実績ページにまとめています。

記事一覧へ

この記事の内容、自社の場合はどうなる?

読んで気になったことを、そのままご相談ください。まずはオンラインで30分ほどお話しします。