お問い合わせフォームの作り方|必須項目と迷惑メール対策をやさしく解説
ホームページを作ったら、次に欲しくなるのが「お問い合わせフォーム」。でも、いざ作ろうとすると手が止まりませんか?「項目はどこまで入れればいいの?」「変な迷惑メールが大量に来たらどうしよう…」。この2つ、つまずきポイントとしてめちゃくちゃ多いんです。
大丈夫。フォームは難しい技術より、「お客さんが入力しやすいか」と「ボット(自動でスパムを送る機械)をどう追い払うか」の2点を押さえればOK。この記事で、必須項目の決め方から迷惑メール対策まで、順番に整理していきましょう。
まず結論:問い合わせフォームの必須項目は「3つ」から
悩んだら、必須はこの3つだけで十分です。
- お名前
- メールアドレス(返信先になるので必須)
- お問い合わせ内容(自由に書ける欄)
「え、それだけ?」と思うかもしれません。でも項目が多いほど、お客さんは「うわ、めんどくさ…」と離脱します。気軽に問い合わせてほしいなら、項目は5つくらいまでに抑えるのがおすすめ。見積もりや予約など、しっかり情報がほしい場合だけ、電話番号や希望日などを足して10項目くらいまで増やす、というイメージです。
判断軸:
・とにかく気軽に連絡してほしい → 3〜5項目
・成約が近い問い合わせ(見積もり・予約) → 必要な情報を10項目程度まで
「必須」と「任意」をハッキリ書くのがコツ
よくあるのが、項目のうしろに「*」(アスタリスク)だけ付けるパターン。これ、初めて見る人には伝わりません。素直に「必須」「任意」と日本語で書くのが親切です。
さらに、入力欄に薄いグレーで「入力例」を出してあげると迷いが激減します(これをプレースホルダーと言います)。たとえば、
- 電話番号 → 03-1234-5678
- メールアドレス → example@company.com
- 郵便番号 → 100-0001
「どう書けばいいの?」という小さなストレスを消すだけで、送信完了率はぐっと上がります。
忘れがちだけど大事:プライバシーポリシーへの同意
個人情報(名前やメール)を預かる以上、避けて通れないのがこれ。2022年の改正個人情報保護法で、取り扱いのルールが厳しくなりました。フォームには次の2点を用意しておくと安心です。
- プライバシーポリシー(個人情報の使い方を書いたページ)へのリンク
- 「上記に同意します」の同意チェックボックス
そしてもう一つ、SSL化(URLが「https://」で始まる状態)は必須と考えてください。入力した内容を暗号化して守る仕組みで、ここが「http://」のままだとブラウザに「保護されていない通信」と警告が出て、お客さんが不安がります。最近のレンタルサーバーやフォームサービスは無料でSSLに対応していることが多いので、設定を確認しておきましょう。
本題:迷惑メール(スパム)はこう防ぐ
フォームを公開すると、しばらくして英語だらけの変なメッセージが届き始めることがあります。犯人のほとんどは「ボット」という自動でフォームを送りつける機械。人間が手で送っているわけではないので、「ボットには越えられない壁」を1つ用意するのが対策の基本です。
1. reCAPTCHA(リキャプチャ)を入れる
定番中の定番。Googleが無料で提供している、ボットを見分ける仕組みです。2種類あります。
| 種類 | お客さんの操作 | 向いている場面 |
|---|---|---|
| v2(チェックボックス式) | 「私はロボットではありません」にチェック | 確実に止めたい。多少の手間はOK |
| v3(裏側で判定) | 操作なし。自動でスコア判定 | お客さんの手間を増やしたくない |
手間ゼロがいいならv3、とにかく確実に防ぎたいならv2、という選び方で大丈夫です。なお、無料で使えるのは月100万回までといった上限がありますが、ふつうの店舗・事業者のフォームでそこに到達することはまずありません。
2. ハニーポット(隠し欄でワナを仕掛ける)
名前がかわいいですが、なかなか賢い方法。人間には見えないダミーの入力欄をこっそり置いておきます。人間は見えないので空欄のまま。でもボットは欄を見つけると律儀に全部埋めてしまう。だから「そのダミー欄に文字が入っていたら=ボット」とバレる、という仕組みです。お客さんの手間はゼロで導入できるのが魅力です。
3. WordPressなら「Akismet」も定番
WordPressでフォームを作っている場合(Contact Form 7など)は、スパム判定プラグインのAkismetを併用するのも手。無料プランと有料プランがあります。reCAPTCHAと組み合わせると、すり抜けがかなり減ります。
下のチェックリストで、自分のフォームの「抜け」がないか確認してみてください。
知っておくと安心:それでも「自分宛て」には届く
意外な落とし穴。フォームからの通知メールは自分のサーバーが自分宛てに送っているため、いわゆる迷惑メールフィルターの対象外になりやすいんです。だから「迷惑メール対策=メールソフト側だけでは防げない」。入り口であるフォーム側で止めるのが正解、というわけですね。
作り方は大きく3パターン
- HTML/CSS/JavaScriptで自作:自由度は高いけれど専門知識が必要。スパム対策も自前で組む必要があり、初めての人にはハードル高め。
- WordPress+プラグイン:Contact Form 7などで作れます。reCAPTCHAやAkismetと組み合わせやすい。
- フォーム機能つきの作成ツール/テンプレート:専門知識がなくても、必須項目やSSL、スパム対策があらかじめ用意されていることが多く、いちばん手軽です。
費用感は、フォーム単体なら無料〜数千円のサービスもありますし、制作会社にサイトごと依頼する場合は内容によって幅があります。「フォームだけのために高い見積もりが来たら、まず項目数と対策内容を確認」が安心です。
次の一歩
まずは「必須3項目+同意チェック+スパム対策ひとつ」。これだけで、安全で使いやすいフォームの土台はできあがります。あとは公開前のテスト送信を忘れずに。
「設定が難しそう」「自分で作る時間がない」という方は、フォームやSSL、スパム対策があらかじめ整ったテンプレートで作るのがいちばんラクで安心です。プロの仕上がりを見てみたい方は、無料で相談したり制作事例を確認したりしてみてください。