問い合わせフォームを​見直す​チェックリスト。​送信まで​迷わせないための​15項目

問い合わせフォームは、​サイトの​中で​いちばん離脱が​起きやすい​場所です。​項目の​数、​必須と​任意の​分け方、​スマホでの​入力の​しやすさ、​送信後の​案内まで、​今の​フォームを​見直すための​15項目を​まとめました。

この​記事の​結論

問い合わせフォームで​見直すべきなのは、​「聞きすぎていないか」​「スマホで​入力しに​くくないか」​「送った​後に​不安にさせていないか」の​3点です。​必須項目は​最初の​返信に​必要な​最小限に​絞り、​入力欄の​大きさや​種類を​スマホに​合わせ、​送信後には​次に​何が​起きるかを​伝えます。​下の​15項目を、​実際に​自分の​スマホで​送りながら​確かめてみてください。

フォームは、​いちばん人が​離れやすい​場所

ホームページを​読んで​「相談してみよう」と​思った​人が、​最後に​通るのが​フォームです。​ここまで​来た​人は、​問い合わせる​気持ちが​かなり​高まっています。​それでも、​入力の​途中で​やめてしまう​人が​います。

理由の​多くは、​フォーム​その​ものに​あります。​聞かれる​ことが​多すぎる、​スマホで​入力しに​くい、​送った​あと​どうなるか​分からない。​どれも、​中身を​直せば​減らせる​理由です。

聞く​こと​:必要な​ことだけに​する

  1. 必須項目は、​最初の​返信に​必要な​分だけか。 お名前、​メールアドレス、​ご相談内容が​あれば、​多くの​場合は​返信できます
  2. 必須と​任意が、​ひと目で​分かるか。 ​「必須」​「任意」を​項目名の​横に、​はっきり​表示します
  3. 「会社名」​「電話番号」を​必須に​する​理由が​あるか。 理由が​なければ​任意にします。​個人事業主や、​電話を​避けたい​人も​います
  4. 相談の​種類を​選ぶ​項目に、​「まだ​決まっていない」が​あるか。 相談内容が​はっきりしない​人も、​送れるようにします
  5. 自由記述の​欄に、​書き方の​例が​あるか。 ​「現在の​状況や、​困っている​ことを​ご自由に​お書きください」のような​一言が​あると、​書き出しやすくなります

入力:スマホで​迷わせない

  1. 入力欄の​文字が​16px以上か。 iPhoneでは、​入力欄の​文字が​小さいと、​タップした​瞬間に​画面が​拡大されてしまいます
  2. メールアドレスの​欄で、​英字の​キーボードが​出るか。 入力欄の​種類​(type="email")を​正しく​指定すると、​スマホで​入力しやすい​キーボードに​切り​替わります
  3. 電話番号の​欄で、​数字の​キーボードが​出るか。 同じく​ type="tel" を​指定します
  4. 入力の​誤りを、​送信前に​その​場で​教えてくれるか。 送信ボタンを​押してから、​上に​戻って​赤字を​探させるのは​離脱のもとです
  5. ボタンが​指で​押しやすい​大きさか。 小さな​ボタンや、​隣と​近すぎる​ボタンは​押し間​違いを​招きます
白い小石の道を整え、最後の青い石まで迷わず進める様子
白い​小石の​道を​整え、​最後の​青い​石まで​迷わず​進める​様子

送信:​送った​後に​不安にさせない

  1. 送信前に、​入力内容を​確認できるか。 入力・確認・完了の​3段階に​すると、​送る​側の​不安が​減ります
  2. 送信後の​画面で、​次に​何が​起きるかを​伝えているか。 ​「〇営業日以内に、​担当者から​ご連絡します」と​書きます
  3. 自動返信の​メールが​届くか。 送った​内容の​控えが​届くと、​ちゃんと​送れたと​安心できます。​迷惑メールに​振り分けられていないかも​確かめます
  4. 会社側に、​問い合わせが​確実に​届くか。 通知メールの​送り先が​退職者の​アドレスの​まま、という​例は​珍しく​ありません
  5. どこから​来た​人の​問い合わせかを、​記録しているか。 最初に​見た​ページや、​検索・広告・SNSなどの​流入元を​一緒に​残すと、​どの​ページが​問い合わせに​つながったかが​分かります

私たちの​フォームで​決めている​こと

私たちの​サイトの​フォームは、​必須項目を​「お名前」​「メールアドレス」​「ご相談の​種別」​「お問い合わせ内容」の​4つに​しています。​種別には​「その​他・まだ​決まっていない」を​入れ、​入力・確認・完了の​3段階で​送ります。​15項目の​うち、​どれを​どう​形に​しているかは​次の​とおりです。

項目私たちの​フォームでしている​こと
11. 送信前の​確認入力の​画面と​確認の​画面の​2段階を​経て​送信する
12. 送信後の​案内完了画面に​「2営業日以内に​ご連絡いたします」と​出す
15. 流入元の​記録最初に​見た​ページ、​参照元などを、​問い合わせの​内容と​一緒に​送る
何で​知ったか任意の​項目で​聞き、​選択肢に​「AI検索​(ChatGPT⁠・⁠Geminiなど)」を​入れている
迷惑送信の​対策Cloudflare Turnstile と、​人には​見えない​隠し項目を​使う。​送る​人に​画像を​選ぶような​パズルは​出さない
数の​記録送信が​完了したら、​GA4 に​ generate_lead の​イベントを​送る

迷惑送信の​対策は、​強くしすぎると​本物の​相談まで​はじきます。​Turnstile は、​画像の​パズルを​見せずに​機械的な​送信を​見分ける​しくみです​(Cloudflare:Turnstile、​2026年10月2日確認)。​generate_lead は、​Googleが​「ユーザーが​問い合わせの​ために​フォームまたは​リクエストを​送信した​とき」に​使うようすすめている​イベントで、​これを​送って​おくと、​フォームの​表示に​対して​何件送られたかを、​直す前と​後で​比べられます​(GA4 推奨イベント、​2026年10月2日確認)。

フォームは、​作った​ときの​形の​まま​何年も​放置されがちです。​問い合わせの​数が​伸び悩んでいるなら、​ページの​中身を​直す前に、​まずフォームを​一度​通して​送ってみると、​意外な​引っかかりが​見つかります​(ページ全体の​作り方は問い合わせが​来る​ホームページ・LPの​作り方、​フォームを​含めた​サイトの​制作はホームページ・LP制作と​運用に​まとめています)。

よく​ある​失敗

  • 営業の​電話を​避けたくて、​項目を​増やす。 本当の​相談者まで​離れてしまいます。​営業の​連絡は、​送信後に​選別すれば​十分です
  • ページの​最後に​しかフォームが​ない。 長い​ページなら、​途中にも​フォームへの​入り口を​置きます
  • フォームを​外部サービスに​任せたまま、​動作を​確かめていない。 サービスの​仕様変更や​設定の​期限切れで、​いつの​間に​か​届かなくなっている​ことがあります

よく​ある​質問

項目は​何個くらいが​適切ですか?
決まった​数は​ありませんが、​必須項目は​「最初の​返信に​何が​必要か」から​逆算して​決めます。​お名前、​メールアドレス、​ご相談内容の​3〜4項目で​足りる​ことがほとんどです。
電話番号は​聞かない​ほうが​いいですか?
必須に​する​必要が​なければ、​任意に​するのが​おすすめです。​電話での​やり取りを​望む人は、​任意でも​書いてくれます。
フォームの​改善の​効果は、​どう​確かめればいいですか?
フォームの​表示回数に​対する​送信の​数を、​直す前と​後で​比べます。​あわせて、​問い合わせの​内容の​質が​変わっていないかも​確かめます。

最後の​1歩で、​取り​こぼさない

問い合わせフォームは、​サイトに​来た​人と​会社を​つなぐ​最後の​1歩です。​どれほど​良い​記事や​サービスページが​あっても、​フォームで​つまずけば​問い合わせには​なりません。

まずは​今日、​自分の​スマホで​自社の​フォームから​実際に​1件送ってみて、​どこで​手が​止まるかを​確かめてみてください。

ご相談

Webからの​集客に​ついて、​いまの​状況を​お聞かせ​ください。

「何から​手を​つければいいか​分からない」という​段階からで​構いません。​返信は​担当者が​直接お送りします。

送信いただいた個人情報はプライバシーポリシーに基づき取り扱います。