目次

  1. 問い合わせフォームのCVRが低くなる根本原因
  2. チェック1-3:入力項目数とラベルの設計
  3. チェック4-6:エラー表示とプライバシーの明示
  4. チェック7-9:送信ボタンと信頼シグナル
  5. チェック10-12:モバイル対応と進捗表示
  6. よくある質問(FAQ)
  7. まとめ

問い合わせフォームのCVRが低くなる根本原因

多くの個人事業主・小規模店舗のサイトでは、問い合わせフォームのCVR(コンバージョン率)が1%未満に留まっています。これは「サイトは見られているのに、問い合わせが来ない」状態の典型です。

CVRが低い3つの根本原因

  • 心理的ハードルが高い:入力項目が多い・個人情報を書くのが不安
  • 認知的負荷が高い:ラベルや注意書きが分かりにくい
  • 信頼シグナルが弱い:プライバシーポリシーや返信目安が明示されていない

これらは全てフォーム自体の設計で解決できる問題です。デザインを変える前に、まずチェックリストで現状を確認しましょう。

チェック1-3:入力項目数とラベルの設計

チェック1: 入力項目は7つ以下か?

Baymard Institute の調査では、入力項目が8項目を超えるとCVRが急落します。氏名・メール・電話・会社名・業種・相談内容…と増やしがちですが、本当に必要な情報だけに絞りましょう。

推奨7項目:氏名/メール/電話(任意)/業種/相談内容/希望連絡方法/備考

チェック2: 必須マークは『*』ではなく『必須』の文字で

『*』は視覚障害者が理解しづらく、健常者でも見逃します。『必須』の文字表示に変えるだけでフォーム完了率が5-10%上がった事例があります。

チェック3: 入力例(プレースホルダー)を具体的に

「ご相談内容」と書くより、「例:ホームページをリニューアルしたいです。予算は30万円程度を想定しています。」と具体的な入力例を示すと、ユーザーの心理的ハードルが下がります。

チェック4-6:エラー表示とプライバシーの明示

チェック4: エラーは『該当項目の下』に即時表示

送信ボタンを押してから「必須項目に未入力があります」と上部にまとめて出すのはNG。該当項目の下に即時表示し、どこを直せばいいか一目でわかるようにします。

チェック5: プライバシーポリシーへのリンク+チェックボックス

「プライバシーポリシーに同意する」のチェックボックスは必須です。ただしデフォルトでチェック済みにすると法的に無効な地域があるため、必ずユーザー自身にチェックしてもらう設計に。

チェック6: 返信目安を明示

『3営業日以内にご返信いたします』の一文があるだけで、問い合わせ送信後の不安が解消されます。送信ボタンの直下に小さく表示するのがベスト。

チェック7-9:送信ボタンと信頼シグナル

チェック7: ボタン文言は『送信する』ではなく『相談を送る』

『送信する』は機械的で冷たい印象。『相談を送る』『見積もりをお願いする』など、ユーザーの目的語で書くとCVRが上がります。

チェック8: ボタンの色は背景とコントラストを強く

CTAボタンの色は、サイト全体で最もコントラストの強い配色にします。ベージュサイトなら濃紺や濃赤、ダークサイトなら明るいゴールドなど。

チェック9: 返信実績・お客様の声をフォーム近くに配置

フォームの近くに「過去の相談件数 100件以上」「満足度 97%」などの信頼シグナルを添えると、送信ボタンを押す心理的ハードルが大きく下がります。

チェック10-12:モバイル対応と進捗表示

チェック10: モバイルで入力欄のタップ領域が44px以上

Apple Human Interface Guidelineでは44px以上のタップ領域が推奨されています。入力欄・ボタン・チェックボックスのサイズを必ずこの基準でチェック。

チェック11: 自動補完(autocomplete)属性を正しく設定

autocomplete='name' autocomplete='email' などの属性を正しく設定すると、スマホで保存済みの情報が自動入力され入力時間が1/3に短縮されます。

チェック12: 入力進捗バーまたはステップ表示

項目が多い場合は『入力項目 3/7』などの進捗表示を上部に配置。「あと少しで終わる」と視覚的に分かるだけで途中離脱が減ります。

よくある質問(FAQ)

Q. 問い合わせフォームの入力項目は何個が理想ですか?

A. 7項目以下が理想です。Baymard Instituteの調査では8項目を超えると急激にCVRが下がります。氏名・メール・業種・相談内容・希望連絡方法の5つを必須、電話・備考を任意にする構成が小規模ビジネスには最適です。

Q. 送信ボタンの色は何色がベストですか?

A. 決まった正解はありませんが、サイト全体で最もコントラストの強い色を選ぶのが鉄則です。ベージュサイトなら濃紺や濃赤、ダークサイトなら明るいゴールド・白などが有効。ボタンだけが『浮く』ような強調色にすることで視認性とクリック率が上がります。

Q. reCAPTCHAはCVRを下げますか?

A. 下げます。古いreCAPTCHA v2(「私はロボットではありません」チェック)は特にCVRを5-15%下げると言われています。代わりにreCAPTCHA v3(透明・自動判定)やhoneypot(見えないフィールドでスパム判定)を使うのが推奨です。

Q. 問い合わせフォームと予約フォームは分けるべき?

A. 分けるべきです。目的が違うため、1つのフォームにまとめるとユーザーが迷います。相談用フォーム(ゆるい入り口)と予約用フォーム(日時指定あり)に分け、CTAも別々に配置するのが最適です。

Q. フォーム送信後のサンキューページは必要ですか?

A. 必須です。サンキューページはGA4のコンバージョン計測にも使え、「次に何をすればいいか」もユーザーに伝えられます。『3営業日以内に返信します』『LINEでも相談できます』などの導線を書くとリピート接触のきっかけになります。

まとめ

問い合わせフォームのCVR改善は、デザインリニューアルより先にやるべき一番コスパの高い施策です。12項目のチェックリストで現状を診断し、できるところから着手してください。

問い合わせフォーム改善 12チェックリスト(保存版)

  • □ 入力項目は7つ以下
  • □ 必須マークは「必須」の文字
  • □ プレースホルダーに具体例
  • □ エラーは該当項目下に即時表示
  • □ プライバシーポリシーへのリンク+チェックボックス
  • □ 返信目安(3営業日以内等)を明示
  • □ ボタン文言は「相談を送る」など目的語で
  • □ ボタンは最もコントラストの強い色
  • □ 近くに信頼シグナル(実績・お客様の声)
  • □ モバイル44pxタップ領域
  • □ autocomplete属性を正しく設定
  • □ 入力進捗バーまたはステップ表示

さらに深掘りしたい方へ(関連記事)

この分野のご相談・改善支援はLIKaNONの無料相談よりお気軽にご連絡ください。個人事業主・小規模店舗の現場に合わせて提案します。

HP・SEO・集客まるごと相談承ります

個人事業主・小規模店舗の現場に合わせて、現状診断から施策提案までサポートします。

無料相談はこちら