Web blog WEBブログ

お問い合わせフォームの要件チェックリスト|実装前に決める項目

2026.10.08

※この記事は2026年10月08日時点の情報をもとに作成されました。

フォームは「作るのは簡単、決めることが多い」機能です。

実装後に項目や挙動が変わると、確認画面・メール本文・自動返信まで芋づる式に修正が発生します。

この記事では、実装前に決めておく項目をチェックリストにまとめます。

① 入力項目と必須/任意

項目ごとに次を決めます。

  • 項目名(画面に表示するラベル)
  • 入力形式(1行/複数行/選択/チェックボックス/日付)
  • 必須か任意か
  • 入力例(プレースホルダに出す文言)
  • 文字数の上限

項目は少ないほど送信率が上がります。本当に最初の連絡で必要な情報だけに絞ってください。

② バリデーションの内容

「入力エラーのときに何と出すか」まで決めます。

  • 必須項目が空のときのメッセージ
  • メールアドレスの形式チェック
  • 電話番号の形式(ハイフンあり・なしを許容するか)
  • エラーの表示位置(項目の下/画面上部)
  • 入力内容が保持されるか(エラー後に消えないか)

③ 画面遷移

確認画面を挟むかどうかで、実装量が変わります。

決めるのは次の3点です。

  • 確認画面の有無
  • 完了画面のURL(計測用に独立したURLにするか)
  • 送信後に戻れるか(ブラウザバック時の挙動)

完了画面を独立したURLにしておくと、アクセス解析でコンバージョン計測ができます。

④ 送信先とメール本文

見落とすと公開後に慌てる部分です。

  • 管理者宛の送信先アドレス(複数・CC・BCCの要否)
  • 管理者宛メールの件名と本文の書式
  • 自動返信の有無、差出人名と本文
  • 送信元アドレス(なりすまし判定を避ける設定)
  • 送信内容をデータベースにも保存するか

迷惑メール判定を避けるため、送信方式(サーバー送信かSMTPか)も確認しておきます。

⑤ スパム対策と個人情報

公開後すぐにbotの送信が始まることを前提にします。

  • reCAPTCHA等の導入(種類とバージョン)
  • 入力必須のチェックボックス(同意欄)
  • プライバシーポリシーへのリンクと同意の取得
  • 取得した個人情報の保存期間と管理方法
  • 添付ファイルを受け付けるか(受け付ける場合は形式と容量制限)

セキュリティ全般はWAFの導入もあわせてご検討ください。

⑥ 公開前に必ず実際に送信して確認する

実装が終わったら、本番環境で実際に送信して、管理者宛と自動返信の両方が届くことを確認します。

テスト環境では届いても、本番のメール設定で止まることがあります。確認項目は公開前チェックリストにまとめています。

決めてから作れば一度で仕上がる

フォームは、要件が固まっていれば実装そのものは短時間で終わります。

逆に、決めずに作り始めると何度も作り直しになります。上の6項目を先に埋めてから依頼してください。

RunLandは制作会社様の下請けとして、フォームの実装も工程単位で承っています。外注・下請けサービスをご覧ください。

よくあるご質問(FAQ)

Q. 確認画面は必要ですか?

A. 入力項目が多い場合や、内容の誤りを防ぎたい場合は設けることをおすすめします。項目が3〜4個であれば無くても支障はありません。

Q. フォームからのメールが届かない場合の原因は?

A. 送信元アドレスの設定、サーバーのメール送信制限、迷惑メール判定が主な原因です。SMTP経由での送信に切り替えると改善することが多いです。

Q. 既存フォームの改修だけでも依頼できますか?

A. はい。項目の追加やスパム対策の導入など、部分的な改修も承っています。

まとめ

フォームの品質は、実装技術よりも要件の詰め方で決まります。

入力項目・挙動・送信先・対策の4分野を決めてから着手すれば、手戻りはほぼ起きません。

ご相談・カスタマイズご依頼

弊社では上記ブログ内容にある修正・カスタマイズのご依頼も承っております。
ご自身で行ってみて上手くいかない場合などこちらよりお気軽にご相談ください。

この記事を書いた人 株式会社 RunLand 管理者

無料相談窓口