お問い合わせフォームのCVR改善｜入力項目・配置・コピーの最適化7原則
この記事のまとめ（先に結論）
- お問い合わせフォームの平均CVRは 1〜3%。最適化された多段ステップ型は 13.85% という調査もある（Formstack / ivyforms）。差は4〜10倍。
- 原因の多くは「項目が多すぎる」「エラー表示が雑」「送信ボタンが冷たい」「モバイルで指が痛い」の4つに集約される。
- まず必須を最小限に。次にボタンの言葉を「送信」から「無料で相談する」に。最後にモバイルのキーボード切替を直す。この3つだけでも体感は変わる。
- ステップ分割は万能薬ではない。5項目以下なら1ページ、6項目以上で多段を検討。
- スパム対策は honeypot＋Akismet＋reCAPTCHA v3の3層が現実解（2025年以降のreCAPTCHA有料化に注意）。
結論：フォームCVRは「項目」「言葉」「親切さ」で決まる
「お問い合わせフォームを作ったのに、ほとんど送られてこない」。HP制作の相談で、これは三本指に入る悩みです。
原因はだいたい同じ場所にあります。項目が多すぎる、ボタンの言葉が事務的、エラーで突き返される、スマホで打ちにくい。逆に言えば、この4点を直せば数字は動きます。Baymard Instituteの研究では、平均的なフォームは23.48個の項目を抱えていて、理想は12〜14個。半分近く削れる余地があるとされます。
本記事は、お問い合わせフォーム（資料請求・無料相談・見積り依頼を含む）のCVRを上げる7原則をまとめました。チェックリスト形式で読めるので、お手元のフォームと照らし合わせながら進めてください。
平均CVRと業種別ベンチマーク：どこを目指せばいいか
「うちのフォームは反応が悪い」と感じても、まず業界平均を知らないと判断できません。低いのか、普通なのか、それともそもそもフォームに人が来ていないのか。
2025年時点の参考値はこうです。Zukoの公開データでは、汎用的なお問い合わせフォームの平均CVRは1〜3%程度。業界別では小売・EC系が高め、B2B・士業・医療系は低めに出ます。サイト訪問者数に対してではなく、フォームを表示した人のうち送信完了した人の割合だと考えてください。
例えば、月にサイト訪問1,000人、そのうちお問い合わせフォーム到達が80人、送信完了が2人なら、フォームCVRは2.5%です。サイト全体のCVR（0.2%）と分けて測ると、ボトルネックがフォームなのか集客なのかが見えます。
もうひとつ覚えておきたい数字。Formstackの調査では、1ページ完結型のフォームは平均4.5%、多段ステップ型は13.85%。約3倍の差があります。設計次第で大きく変わる、という事実だけ先に押さえておいてください。
原則①：必須項目を最小に、任意は控えめに
最大の改善ポイントです。Baymard Instituteは「平均的なチェックアウトフォームは項目数を20〜60%減らせる」と報告しています。お問い合わせフォームも同じ構造です。
必須にすべきは、返信に絶対必要な情報だけ。実務的にはこの3つで足ります。
名前（フルネーム1欄でOK、姓名分割は不要）
姓と名を分けると2項目になります。Baymardは「1欄に統合できるならする」と推奨。海外サービスでは分割が必要ですが、国内のBtoCなら統合で問題ありません。
連絡先（メール or 電話のどちらか必須）
「両方必須」は不要です。返信手段が確保できれば十分。電話番号を必須にすると、夜間に検討している人は離脱します。
相談内容（自由記述、任意でテンプレ）
1行で足りるケースも、長文を書きたい人もいます。1行入力ではなくテキストエリア（複数行）を用意。空欄でも送れる方が良い場合もあります。
逆に外していい項目はこちら。会社名（個人事業主が止まる）、役職、住所、年齢、業種（任意項目で十分）。営業視点では欲しくなりますが、必須にした瞬間に離脱率が上がります。送信後のヒアリングで聞けば足ります。
原則②：ステップ分割 vs 1ページ完結の判断基準
「多段ステップ型にすると3倍上がる」というデータは魅力的ですが、全部のフォームでそうなるわけではありません。むしろ短いフォームを無理に分割すると、CVRは下がります。
判断軸はシンプルです。項目数で決めてください。
3〜5項目なら1ページ完結
名前・メール・相談内容くらいなら、迷わず1画面に並べる。ステップに分けると「またクリックが必要なのか」と感じます。Zukoの研究でも、短いフォームほど1ページの方が完了率が高い傾向。
6〜12項目なら2〜3ステップに分割
「相談内容→連絡先」のように、心理的に重い情報を後ろに置く構成が有効。最初の画面で送信意思を固めてから、連絡先を入力してもらう流れです。BrokerNotesの事例では、この変更でCVRが11%→46%に伸びました。
13項目以上なら多段ステップ＋プログレスバー必須
保険・ローン・自動車購入など重い申込みは多段一択。1画面に並べると圧迫感で離脱します。
HP制作・士業・サロン・整体院・飲食店の予約など、ほとんどの中小事業者は1ページ完結で足ります。「項目を減らす」が先、「ステップに分ける」は次の手と覚えてください。
原則③：プログレスバーと残り入力数で安心させる
多段ステップを採用するなら、「いま全体のどこにいるか」を必ず見せてください。これがないと、ユーザーは「あと何画面続くんだ」と不安になって離脱します。
表示の選択肢はいくつかあります。
ステップ番号型（1/3 → 2/3 → 3/3）
もっとも軽量で分かりやすい。シンプルなフォームなら十分。
バー型（30% → 60% → 100%）
進捗が視覚的に伝わる。完成形までの距離感を見せたい時に。
項目チェック型（◯入力済 / ◯入力済 / □未入力）
長い申込みフォームに向く。完了状態が一目で分かる。
1ページ完結型でも応用できます。「残り入力 ◯項目」と表示するだけで、終わりが見える安心感が出ます。特にスマホで縦スクロールするフォームは、最後がどこか分からなくなりがち。残り数表示は地味ですが効きます。
原則④：エラー処理は「リアルタイム＋やさしい言葉」
Nielsen Norman Group（NN/g）の研究では、ユーザビリティ基準を満たしたフォームは78%が1回で送信成功するのに対し、満たさないフォームは42%にとどまる、と報告されています。差の大半はエラー処理の質です。
悪い例から並べます。
送信ボタンを押した後にエラー表示
「メールアドレスが不正です」と全項目入力後に言われると、どこを直せばいいのか分かりません。これが最悪のパターン。
「不正な入力です」だけの文言
何が悪いのか伝わらない。「@マークが含まれていません」「ハイフンを抜いてください」など、原因と修正方法をセットで書く。
赤い枠線だけでエラーメッセージなし
視覚障害ユーザーや色弱の方には伝わりません。文字でも明示が必要。
良い例はこうです。項目から離れた瞬間（onBlur）に検証し、その場で「メールアドレスに@が必要です」とやわらかく表示。修正が完了したら緑のチェックや「OK」表示で正解を伝える。送信ボタンを押した時点では全項目が緑、という状態を作ります。
NN/gはエラーメッセージについて「責めない、建設的に、修正方法を示す」を原則として挙げています。「正しく入力してください」ではなく「電話番号は半角数字10桁または11桁で入力してください」と書く。これだけで再入力の心理的負担が変わります。
原則⑤：CTAボタンは「動詞＋利益」で書く
送信ボタンのコピーは、CVRに直接効きます。ContentVerveの有名なA/Bテストでは、ボタン文言を「Order Information」から「Get Your Free Quote」に変えただけでクリック率が38%上昇。
原則は「ユーザーが何を得るか」を書く、です。
悪い例。「送信」「送信する」「Submit」「OK」。事務的で、押した後どうなるかが分からない。
標準的な良い例。「無料で相談する」「無料見積もりを受け取る」「資料をダウンロードする」「相談予約を確定する」。動詞があり、何を得られるかが明示されています。
業種別の例も挙げておきます。
士業（税理士・社労士・行政書士）
「初回無料相談を申し込む」「料金見積もりを受け取る」
サロン・整体院
「予約日時を仮押さえする」「キャンペーン価格で予約する」
HP制作・SaaS
「たたき台を無料で受け取る」「30秒でプラン診断する」
余裕があればボタン直下に1行の補足を入れます。「※送信後、平日24時間以内に担当者からご連絡します」など。送った後どうなるかを書くと、最後の一押しになります。
原則⑥：プライバシー配慮の「安心メッセージ」
個人情報を入力する画面では、「この情報がどう扱われるか」を一言だけ添えてください。プライバシーポリシーへのリンクだけでは弱いです。
送信ボタンの上または直下に、こういう一文を置きます。
「いただいた情報は相談対応のみに使用し、第三者に提供することはありません。営業電話もいたしません」
地味ですが効きます。特にBtoC、女性向けサービス、医療系では「営業電話されたら困る」「業者に名簿を売られたら嫌だ」という懸念が強いので、明示的に否定するだけで送信率が上がります。
同意チェックボックスは、義務化されている領域（個人情報取得目的の同意など）以外では必須にしない方が無難。チェックを忘れて送れなかった経験は、誰もが一度はあるはずです。どうしても入れるならあらかじめチェック済みにして、外したい人だけ外せる形に。
原則⑦：モバイル最適化はキーボード・自動入力・ズームの3点
Baymardによれば、モバイルのフォーム離脱率は80.02%。デスクトップ（66.41%）より大きく上回ります。スマホ専用の最適化を入れるだけで、ここが動きます。
HTMLレベルで以下の3点を必ず設定してください。技術担当に頼む場合は、このまま伝書鳩で大丈夫です。
入力タイプの指定（type / inputmode）
電話番号は type="tel" または inputmode="tel" でテンキーが立ち上がる。メールは type="email" で@キーが出る。郵便番号は inputmode="numeric"。これだけで入力時間が半分以下になります。
自動入力の指定（autocomplete）
名前は autocomplete="name"、メールは autocomplete="email"、電話番号は autocomplete="tel"。これを書くとiOSもAndroidも保存済み情報を一発で呼び出せるようになる。書かないと候補が出ないケースが多い。
フォーカス時のズーム防止
iOSではフォントサイズが16px未満の入力欄をタップすると画面が拡大します。これが極めて不快。font-size: 16px以上に統一するだけで防げます。CSSのinput, textarea {font-size: 16px;}を入れておく。
その他、ラベルは入力欄の上に置く（NN/g推奨）、placeholder（薄い文字でのヒント）は補助情報のみで本ラベルの代用にしない、ボタンは親指で押せる位置と大きさ（44×44px以上、画面下部寄り）。この辺は基本ですが見落としがちです。
送信後とCRMの設計：取りこぼしを防ぐ
送信ボタンを押した直後の体験も大事です。ここで雑な処理をすると、せっかく送ってくれた人が不安になります。
サンクスページを必ず用意する
「お問い合わせを受け付けました」だけでは不十分。所要時間（◯時間以内に返信）、担当者名 or 連絡経路、関連コンテンツへのリンクを添える。Googleアナリティクスのコンバージョン計測もここに設置します。
即時自動返信メール
送信後10秒以内に「お問い合わせを受け付けました」メールを自動送信。件名に会社名を入れる、本文に問い合わせ内容のコピーを含めると、相手の安心感が違います。これがないと「本当に届いたのか？」と問い直しが来ます。
運営側への通知は即時＋複数経路
メール通知だけだと埋もれます。Slack通知、Chatwork通知、SMSなど複数経路で即時通知するのが安全。スマホに通知が来る経路を必ず1つ確保してください。
返信SLA（対応時間）を決めて公開する
「24時間以内に返信」と書いたら絶対に守る。守れないなら「3営業日以内」と書く。守れない約束は信頼を毀損します。
スパム対策：honeypot＋Akismet＋reCAPTCHA v3の3層
フォームを公開すると、必ずスパム送信が来ます。対策しないと、本物の問い合わせがスパムに埋もれます。
2025年時点での現実解は3層構成です。Akismet公式が推奨する組合せ。
第1層：honeypot（隠しフィールド）
人間には見えない入力欄をCSSで隠しておき、bot が機械的に埋めたら捨てる。自動スパムの60〜70%をユーザー体験を損なわず捌けます。WordPressプラグインなら多くがデフォルト搭載。
第2層：Google reCAPTCHA v3
v3はチェックボックスもパズルも出ず、裏でスコア判定するだけ。賢いbotの25〜30%をここで止めます。ただし2025年末から有料化（月10,000リクエストまで無料、超過分はGoogle Cloud課金）が予告されているので、トラフィックが多いサイトは注意。Cloudflare Turnstileなど代替も検討してください。
第3層：Akismet（コンテンツ判定）
送信内容そのものをスパム判定。99.99%の精度と公式が公表する成熟したサービス。WordPressなら標準同梱、Contact Form 7やWPFormsとの連携も簡単。
3層を全部入れると、人間の問い合わせはほぼ素通り、スパムはほぼゼロ、という状態が作れます。「reCAPTCHAだけで十分」とよく言われますが、最近の生成AI bot は v3 を抜けてくるケースも増えているので、コンテンツ判定（Akismet）まで入れるのが安全です。
よくある失敗例：これだけは避ける
相談で見かけるNGパターンをまとめます。1個でも該当したら直してください。
必須項目が10個以上ある
会社名・部署・役職・住所・電話・FAX・メール・業種・従業員数・予算……。営業目線で集めたい気持ちは分かりますが、送信前に逃げられます。返信できる最小限まで削る。
送信ボタンが「送信」「OK」
3秒で「無料で相談する」に変える。これだけでCVRが動く。
エラーが出ても何が悪いか分からない
「不正な入力です」だけのエラー文言。直す場所を探させない。
スマホでフォーカスすると画面が拡大する
iOSのズーム防止（font-size 16px以上）を入れていない。技術担当に伝言。
送信後に何も表示されない、または白紙ページ
「届いたのか？」と不安にさせる。サンクスページと自動返信メールはセット。
プライバシーポリシー同意チェックが必須
チェック忘れで送れない経験は最悪。あらかじめチェック済みにする、または同意文言で済ませる。
reCAPTCHA v2（画像選択型）を使い続けている
「信号機を全部選んでください」のあれ。v3に変えると体験が劇的に改善します。
コハクの考え方：フォームは「最短で送れる」が最優先
スタジオ・コハクでは、お問い合わせフォームを設計する時に「30秒で送れるか」を基準にしています。具体的には必須3項目、任意2項目、送信ボタンに利益文言、サンクスページに次のアクション。これでCVRの土台ができます。
項目を増やしたい時は、必ず「これがあると返信精度が上がるか」「なくても初回返信は書けないか」を考えます。書けるなら任意、書けないなら必須。ヒアリングは送信後にやればいい、という割り切りです。
制作いただくサイトでは、WordPress標準のContact Form 7にreCAPTCHA v3＋Akismet＋honeypotの3層構成を標準で組み込みます。料金プランや業種にかかわらず、ここはケチりません。スパム1日100件のサイトで本物が埋もれるのを何度も見てきたので、これだけは譲りません。
LINEを問い合わせ窓口に使う場合は、ただ友だち追加URLを置くだけでなく、追加直後に表示されるリッチメニューを整えておくと、その後の動きが変わります。スタジオ・コハクが提供するLメイトを使うと、リッチメニューの作り込みやタグ別の出し分けに対応できるので、業種特有の用件（予約／見積り依頼／相談）への一次振り分けまで設計できます。フォーム送信とLINE登録を併設して、ユーザー側に選ばせるのが現実的な落としどころです。
サイト全体の問い合わせ導線（電話・LINE・フォームの併用、CTA配置）については、別記事の「ホームページから問い合わせが来ない時の見直しポイント」で詳しく書いています。フォーム単体だけでなく、ページ全体の動線を点検したい方はそちらも合わせてどうぞ。集客の入口設計は「ホームページで集客するための基本」、SEO観点での見られ方は「2026年版 ホームページSEO」を参考にしてください。
よくある質問（FAQ）
Q1. お問い合わせフォームのCVRはどのくらいが普通ですか？
Zukoの公開データでは平均1〜3%です。フォームを表示した人のうち送信完了した人の割合です。多段ステップ型に最適化すると13.85%という事例もありますが、それは中〜長尺の申込みフォームの話で、短いお問い合わせフォームでは1ページ型の方が高くなることもあります。
Q2. 多段ステップ型にすればCVRは上がりますか？
項目数が6個以上なら効果が出やすいです。3〜5項目なら1ページ完結の方が良いケースが多い。短いフォームを分割すると「またクリックか」と感じて逆効果になります。
Q3. 電話番号は必須にすべきですか？
BtoC・夜間検討の多い業種では任意推奨。メールがあれば返信できます。BtoB・即対応が前提の業種（修理・緊急対応）では必須でもOK。事業内容で判断してください。
Q4. reCAPTCHAが有料化されるって本当ですか？
2025年末からGoogle Cloud移行に伴い、月10,000リクエストまで無料、超過分はCloud課金、と発表されています。中小サイトはほぼ無料枠で収まりますが、月間PV数十万のサイトは要確認。代替としてCloudflare Turnstile（無料）が有力候補です。
Q5. 送信ボタンを「無料で相談する」にしただけで本当にCVRは上がりますか？
ContentVerveのA/Bテストでは「Order Information」を「Get Your Free Quote」に変えて38%向上の例があります。日本語でも同じ傾向。ただし他の要素（項目数・エラー処理）が悪いとボタン文言だけでは効果は限定的です。総合的に直してください。
Q6. WordPressで使うべきフォームプラグインは何ですか？
定番はContact Form 7（無料・軽量・拡張多数）。多段ステップが必要ならWPForms ProかGravity Forms。スマホ最適化を細かく詰めたい場合はFluent Forms。コハクでは案件規模に応じて使い分けますが、最小構成ならContact Form 7＋reCAPTCHA v3＋Akismet＋honeypotで十分です。
まとめ：今日できる3つの直し
長くなりましたが、今日中にできる優先度の高い3つだけ並べておきます。
1. 必須項目を3つまで絞る
名前・メール（or電話）・相談内容。それ以外を任意にする、または削る。
2. 送信ボタンを「無料で相談する」に変える
動詞＋利益。ボタン直下に「24時間以内に返信」など補足を1行。
3. スマホでfont-size 16px以上に統一
iOSのズーム拡大を防ぐ。CSSの1行追加で済む。
この3つだけで体感は変わります。残りの原則（ステップ分割、プログレスバー、エラー処理、プライバシー文言、スパム対策、CRM通知）は、トラフィックを見ながら段階的に手を入れていけば十分。
本記事で参照した出典：Baymard Institute（フォーム調査の権威）、Nielsen Norman Group（UX調査）、Zuko Industry Benchmarking（業界平均CVR）、Google reCAPTCHA v3 公式、Akismet 公式。
