LP(ランディングページ)のフォームは、コンバージョンの「最後の1マイル」です。
素晴らしいデザインと文章で興味を引いても、フォームが使いにくいと、ユーザーは入力途中で離脱してしまいます。本記事では、WEB制作のフォーム最適化で問い合わせ率を上げる方法を解説します。
フォームがコンバージョンに与える影響
フォームの入力項目が1つ増えるごとに、送信率は平均5〜10%低下するというデータがあります。
当社の美容室様では、フォーム項目を5つ→3つに減らしただけで、送信率が28%向上しました。WEB制作(LP制作)では、フォームの最適化が直接的なコンバージョン向上に繋がります。
1. 入力項目は3つ以内に絶対に抑える
予約フォームの必須項目は、以下の3つまでに抑えます。
- お名前:フルネームまたは姓のみ
- 電話番号:必須にして後日のフォローを可能に
- 希望日時:カレンダーUIで選択式に
メールアドレスは任意にし、住所・年齢・職業などは最初の予約時には不要です。詳細な情報は、電話フォローや来店時に聞く方が成約率が高くなります。
項目を5つ以上にしたフォームと3つにしたフォームを比較したところ、送信率が28%向上しました。
2. ラベルは「placeholderだけ」にしない
フォーム入力欄の上に常に表示されるラベル(「お名前」「電話番号」など)を必ず設置し、placeholder(入力例の薄い文字)だけにしないようにしましょう。
placeholderだけのフォームは、ユーザーが入力を始めると何の項目かわからなくなり、混乱して離脱します。WEB制作(LP制作)では、ラベルの常時表示が基本のUI設計です。
3. スマホでは「数字キーボード」を自動表示する
電話番号欄では input type="tel" を使用し、スマホでは自動で数字キーボードが表示されるようにします。
同様に、日付選択欄では type="date" を使用し、カレンダーUIが自動で表示されるようにします。これにより、スマホユーザーの入力負担が大幅に軽減されます。
4. エラー表示は「具体的」に即座に伝える
フォーム送信時にエラーがあっても、「入力内容に誤りがあります」といった抽象的なメッセージでは、ユーザーは何を修正すべきかわかりません。
「電話番号は10桁または11桁で入力してください」「お名前を入力してください」など、具体的なエラーメッセージを即座に表示しましょう。
さらに、エラーがある項目に自動的にスクロールし、視覚的に強調(赤枠など)することで、修正の手間を最小限に抑えます。
5. 「送信ボタン」は視認性を最大化する
送信ボタンは、フォームの最下部に大きく配置し、背景とコントラストがつく色を選びます。
「送信」よりも「今すぐ予約する」「無料カウンセリングを申し込む」などの行動喚起型のテキストが効果的です。
ボタンの高さはスマホでは最低48px、PCでは44px以上を推奨します。
6. 送信後の「サンクスページ」で次のアクションを促す
フォーム送信後のサンクスページは、「ありがとうございました」で終わらせず、次のアクションを促します。
- 「LINE友だち追加で次回10%OFF」
- 「Instagramで最新情報をチェック」
- 「Googleマップで口コミを書いていただけると嬉しいです」
サンクスページは、さらなるリピートや口コミ獲得の重要な接点です。
まとめ
LPのフォーム最適化は、入力項目3つ以内・ラベルの常時表示・スマホキーボード最適化・具体的なエラー表示・視認性の高い送信ボタン・サンクスページの次アクション促進の6つが基本です。
WEB制作(LP制作)では、フォームの使いやすさがコンバージョン率を大きく左右するため、最も注意を払うべき要素の一つです。
LPのフォーム最適化を検討している方は、WEB制作サービスをご覧ください。SANCTUARYが問い合わせ率を最大化するフォーム設計をサポートします。
関連記事
