クリートークホームページ制作の、最初の相談先
ホームページ制作

お問い合わせフォームの作り方。必須項目と迷惑メール対策

C
クリートーク 編集部
2026年7月1日 公開 ・ 2026年7月29日 更新 ・ 4分で読める
この記事の内容、チャットで相談できます

あなたのサイトの状況に合わせて、進め方や費用感をその場で整理します。

この件を相談する

先に答え:問い合わせフォームは「名前・メール・内容」を必須にし、プライバシーポリシー同意チェックとreCAPTCHAを入れれば実用レベルです。項目は用途に応じて最小限にし、スパムはフォーム側で止める方針で進めましょう。

  • 必須3項目と「必須/任意」の表示のしかたが分かる
  • 同意チェックとSSLの整え方、基本の配置が分かる
  • reCAPTCHA中心のスパム対策と見積もり時の注意が分かる

無料チャットで5分診断:今のフォーム設計が過不足ないか、その場で一緒に確認できます。

まず結論:お問い合わせフォームの必須項目は3つ

迷ったら、この3つを必須にします。

  • お名前
  • メールアドレス(返信先)
  • お問い合わせ内容(自由記入)

気軽な問い合わせを増やしたいなら、全体でも5項目以内が目安。見積もり・予約など追加情報が必要な場合だけ、電話番号や希望日時を必要最低限で足します。

判断軸:
・まずは相談を受けたい → 3〜5項目
・見積もり/予約で情報が要る → 必要項目だけ追加

「必須」と「任意」を日本語で明記する

記号(*)だけでは伝わりにくいです。「必須」「任意」と日本語で表示し、薄いグレーの入力例(プレースホルダー)も添えます。

  • 電話番号 → 03-1234-5678
  • メールアドレス → example@company.com
  • 郵便番号 → 100-0001

忘れがちだけど大事:同意チェックとSSL

個人情報を預かるため、次の2点は基本装備にします。

  • プライバシーポリシー(個人情報の取り扱いを記載)へのリンク
  • 「同意します」チェックボックス

さらにSSL化(https://)は必須級。http://のままだとブラウザ警告が出て離脱につながります。サーバーやフォーム機能でSSLが有効かを管理画面で確認しましょう。

本題:迷惑メール(スパム)はこう防ぐ

フォーム公開後は、ボット送信が増えることがあります。入口(フォーム側)で止めるのが基本です。

reCAPTCHA(リキャプチャ)を入れる

Google提供のボット判定です。現場ヒアリング(宮川談)では、運用はreCAPTCHAを使用。選び方の目安は次の通り。

種類お客さんの操作向いている場面
v2(チェックボックス式)「私はロボットではありません」にチェック止める強さ重視。多少の手間は許容
v3(自動判定)操作なし。スコアで判定利便性重視。操作を増やしたくない

まずはv3で始め、突破が目立つ場合はv2に切り替えると扱いやすいです。

ハニーポットの扱い

ハニーポットは「人には見えない入力欄」に記入があればボットとみなす仕組みです。お客さんの手間は増えませんが、現場ヒアリング(宮川談)ではハニーポットは使用していないという運用もあります。まずはreCAPTCHAを標準装備にし、必要なら他の対策を検討するとシンプルです。

WordPressの場合

主要フォームプラグインにはreCAPTCHA連携が用意されています。迷惑投稿が続くときは、スパム判定系プラグインとの併用も選択肢です(詳細な設定は制作会社や詳しい人に任せてOK)。

下のチェックリストで、自分のフォームの「抜け」を確認しましょう。

かんたんチェック(当てはまるものは?)
気になる項目があればチェックしてみてください。

意外な落とし穴:通知メール側だけでは防げない

フォーム通知は自分のサーバーから自分宛てに届くため、メールソフトの迷惑判定にかかりにくいです。だからこそ、フォーム側でブロックする発想が大切です。

作り方はこの5ステップ(最短15分)

1
作る手段を選ぶ(WordPress/ツールなど)
2
必須3項目と同意チェックを置く
3
「必須/任意」を日本語で表示し入力例を入れる
4
reCAPTCHAを設定してテスト送信
5
完了メッセージと自動返信文を整える

スマホでも、管理画面から同様に設定できます。テストでは「管理者通知が届くか」「自動返信が正しく届くか」を必ず確認します。

フォームの見た目で安っぽく見せないポイント

現場の声(源談):他社でもよく使われる人物画像や、サイトのトーンと明るさが合っていない写真を置くと、そこだけ浮いて安っぽく見えます。次を意識すると安心です。

  • 写真はサイト全体の明るさ・色味に合わせる(白背景なら明るめの写真)
  • 「ありきたりな人物素材」より、店舗・商品・内装など自分ごとの写真を優先
  • 写真が用意できない時は、無理に入れず余白+見出しで整理

フォームは「安心して送れる雰囲気」が命。写真に迷ったら一枚減らす判断も有効です。

フォーム制作・見積もりで迷いやすいポイント

ページ数だけの見積もりには注意(源談)。同じ1ページでも、アニメーションや機能の有無、主要ページか否かで工数が変わります。

  • 工数が小さめの例:プライバシーポリシー等の静的ページ
  • 工数が大きくなりやすい例:TOP同等のデザインボリューム、凝ったアニメーション、特殊な入力UIを持つページ

また、「実装を見ながら調整したい」要望は工数が膨らみやすく、途中での追加請求も難しいため、初期見積もりの段階で工数を多めに確保しておく必要があります(宮川談)。

発注時は、各ページのデザイン量・動き・機能を言語化し、フォームは「必須項目」「スパム対策(reCAPTCHAの種類)」「自動返信の要否」を見積項目に明記してもらうと、後のズレを減らせます。

作業中に迷ったら、チャットで画面を一緒に見ながら確認できます。早く公開したい方は、今の草案でもOK。第三者視点で不足をチェックします。

よくあるつまずきFAQ

よくある質問
気軽な相談を増やしたいなら任意でOK。見積もりや予約など折り返し前提のケースだけ必須にすると離脱を抑えられます。

次の一歩

まずは「必須3項目+同意+reCAPTCHA」を入れてテスト送信まで完了させましょう。そこまでできれば実運用に十分耐えます。なるべく早く進めたい方は、フォーム機能が整ったツールを選ぶと設定が短縮できます。

何から手をつけるか迷っている方は、一人で悩まず無料のチャット相談へ。自分に合う進め方(自作か依頼か)と見積もりの押さえどころを中立に整理します。制作・修正・集客のどの相談でもOKです。

ホームページと集客の悩み、無料でチャット相談できます

今の状況に合わせて、AIがあなたに合う「次の一歩」を中立に整理します。登録不要・その場で回答。しつこい営業はありません。

無料でチャット相談する →
クリートーク

読みながら気になったこと、そのまま聞けます。登録不要・相談無料。

チャットで相談する