CTA(申込みボタン)とフォームは、LPのCVRを最後に分ける2つの装置です。 LPでCV直前の離脱が多い、フォーム通過後のCVRが上がらない、と止まっている担当者の方に向けて書いています。 LP100本以上の経験から、CTAとフォームで点検すべき20項目をチェックリスト形式でまとめました。
CTAとフォームを「2つの装置」として扱う理由
LPの改善で見落とされやすいのが、CTA(Call To Action、行動喚起)とフォームの2要素です。本文の訴求やデザインに力を入れる会社は多いのですが、最後に読者の行動を引き出す装置はこの2つです。
CTAは「読者の決断を引き出すボタン」、フォームは「決断を完了させる入力フィールド」。両方が機能していないと、本文がいくら良くてもCVは生まれません。
LPのCVRが上がらない時、本文を書き直す前に CTA とフォームの点検をすることをお勧めします。改善コストが低く、効果が早く出やすい領域です。本記事の20項目を順に当てはめて、自社LPを点検してください。
CTA改善チェックリスト(10項目)
CTAの設計で確認すべき10項目を、影響度の高い順に並べます。
1. CTA は 1 ページに 1 種類に絞れているか
「資料DL」「無料相談」「お電話でのお問い合わせ」など、複数のCTAを並べると読者は迷います。迷うと決断しません。主役CTAを1つに絞り、副次的な選択肢(電話など)はヘッダー/フッターに小さく配置する。本文中では1種類のCTAだけを繰り返してください。
2. CTA は本文中に 3〜4 箇所配置されているか
FV直下、本文の途中(オファー直後)、最後のクロージング、そしてフッター。スクロール中に読者が「申し込もう」と思った瞬間、視界内にCTAがある状態を作ります。1箇所だけのLPは、読者の「今だ」を逃します。
3. CTA の文言が「自分ごと」になっているか
「申し込む」「お問い合わせ」より、「無料でLPを診断する」「30分の戦略セッションを予約する」のように、押した先で何が起きるかを再現する文言にしてください。読者が次の体験を想像できる文言が、クリック率を上げます。
4. CTA の直前の一文が用意されているか
ボタンを押す直前に読者が読む 1〜2 行が、行動するかしないかを最後に分けます。ボタンの直前に「30分で、自社LPの改善優先順位がその場で見えます」のような補足を入れてください。たった一文の追加で、ボタンクリック率が変わるケースは多いです。
5. CTA のボタン色と背景のコントラストは十分か
背景に溶け込んで見えにくいCTAは、押されません。色が大事というより「視認性」が大事です。LPを縮小して全体を眺めた時に、CTAボタンが一目で見つかる状態にしてください。
6. CTA ボタンの大きさは「親指で押しやすい」か
スマホで閲覧している読者の親指で、ストレスなくタップできるサイズが必要です。最低でも縦44ピクセル以上、左右の余白も含めて十分なタップエリアを確保してください。
7. CTA の繰り返しは表現を統一しているか
ページ内に3〜4箇所のCTAがある場合、文言・色・サイズを統一してください。同じCTAなのに「無料相談」「30分の戦略セッション予約」と表現が違うと、読者は「別のもの」と認識して迷います。
8. CTA 周辺に「他のリンク」が混ざっていないか
CTAボタンの近くに、別ページへのリンクや関連記事リンクがあると、読者の注意がそちらに逸れます。CTA は周囲に「逃げ道」を作らないでください。
9. CTA を「押した後の不安」を先回りで解消しているか
「申し込むとしつこい営業が来るのでは?」「無料と書いてあるが本当に無料?」のような不安は、CTAを押す前に解消する必要があります。CTAの直下に「営業の連絡は1回のみ」「完全無料、料金請求はありません」のような安心文言を添えてください。
10. FV内に CTA を置くかが商材に合っているか
検討期間が短い商材(資料DL・無料診断・低額即決)はFV内CTAが効きます。検討期間が長い商材(高額BtoB・複雑なSaaS)は、本文を読ませてから後半でCTA集中型の方が効きます。自社商材の検討プロセスに合わせて判断してください。
フォーム改善チェックリスト(10項目)
CTAを押した先のフォームで、もう1段の離脱が起きます。フォーム改善で確認すべき10項目を整理します。
11. 入力項目は最小限に絞れているか
BtoBの問合せで「会社名・部署・役職・電話番号・FAX・予算・導入時期・要望(自由記述)」と並んでいると、ほぼ確実に離脱します。最初の問合せは「会社名・氏名・メール・要望」の4項目に絞り、詳細は商談時にヒアリングする設計の方が完了率は上がります。
12. 必須項目と任意項目が明示されているか
必須項目には「*」または「必須」のラベルを付けてください。任意項目が混ざっているのに区別がないと、読者は全部入力しなければと感じて離脱します。
13. 入力例(プレースホルダー)が表示されているか
「山田太郎」「03-1234-5678」「example@company.co.jp」のように、入力例を薄い文字で示すと、迷わずに入力できます。フォーマットがわからない項目で読者を止めないでください。
14. リアルタイム入力エラーが表示されているか
「メールアドレスの形式が違います」を、送信ボタンを押した時に初めて表示するのは遅すぎます。入力中もしくはフォーカスが外れた時点でエラーを示し、送信前に修正できる状態にしてください。
15. 送信ボタンの文言が「行動」を表しているか
「送信」より「30分の無料相談を申し込む」「資料を受け取る」のように、押した結果が想像できる文言にしてください。読者の不安を最後の一押しで取り除きます。
16. フォームのページタイトルと CTA の文言が一致しているか
CTAボタンが「無料相談を予約する」なのに、フォームのページタイトルが「お問い合わせフォーム」だと、読者は「あれ、違うページに来た?」と感じます。CTA → フォームの導線で表現を統一してください。
17. 個人情報の取扱いが明示されているか
フォーム下に「個人情報の取り扱いについて」「プライバシーポリシー」へのリンクが必要です。中小企業のLPでも、これがないと信頼を失います。
18. スマホでの入力体験が確認されているか
スマホで実際にフォームを入力してみてください。入力フィールドが小さすぎる、ズームしないと押せない、キーボードが正しく出てこない(電話番号項目で数字キーボードが出ない、など)は、すぐ修正してください。
19. 送信完了画面が用意されているか
送信完了後に「送信されました」と表示するだけでなく、「3営業日以内にご返信します」「ご返信までの間にこちらの資料もどうぞ」のような次の案内を入れると、信頼が積み上がります。
20. 自動返信メールが「冷たくない」か
フォーム送信直後に届く自動返信メールが、テンプレ感が強すぎたり、無機質だったりすると、読者の熱が冷めます。「お問い合わせありがとうございます。本日中に平岡から直接ご連絡いたします」のように、人の名前と次のアクションを明示してください。
チェックリスト適用の進め方
20項目を一気に直そうとすると、何が効いたか分からなくなります。次の優先順位で進めてください。
Step 1: 最優先で確認する 5 項目
- 項目 1: CTA が 1 種類に絞れているか
- 項目 11: 入力項目が最小限か
- 項目 5: CTA の視認性
- 項目 3: CTA 文言が自分ごとか
- 項目 18: スマホでの入力体験
この 5 項目を満たすだけで、多くの LP は CVR が動きます。
Step 2: 中優先の 8 項目
- 項目 2: CTA の配置箇所
- 項目 4: CTA 直前の一文
- 項目 9: 押した後の不安解消
- 項目 12: 必須/任意の明示
- 項目 13: プレースホルダー
- 項目 14: リアルタイムエラー
- 項目 17: 個人情報の表記
- 項目 19: 送信完了画面
Step 3: 残り 7 項目
残りはサイト全体の整合や細部の最適化です。Step 1・2 が終わった後に、1 項目ずつ確認していってください。
テマヒマ/平岡の視点
CTA とフォームの改善は、「迷わせない」原則が最も直接的に効く領域です。
LP の本文は、読者の心を動かす役割を担います。一方、CTA とフォームは、動いた心を「行動」に変える装置です。動いた心も、CTA で迷ったり、フォームで詰まったりすると、行動に到達しません。せっかく作った熱が、最後の数歩で冷めてしまう。これがCVRの伸び悩む LP の典型です。
LP100本以上の経験で、何度も繰り返し見てきたのが「フォームを 4 項目に減らしたら、CVR が大きく動いた」現象です。フォームの入力項目は、リード獲得の段階では本当に最小限で構いません。詳細な情報は、リードと接触した後にヒアリングすれば取れます。リード獲得段階で詳しく聞き出そうとして、肝心のリード自体を取り逃すのが、最ももったいないパターンです。
「データと仮説の往復」を、CTA とフォームでも回してください。CTA のクリック率と、フォームの送信完了率の 2 つを、必ず計測する。どちらかが下がっていれば、その箇所の 10 項目チェックリストに戻って点検する。このリズムを 1〜2 週間サイクルで回すと、CVR は確実に上がっていきます。
最後にもう 1 つ。CTA とフォームは、「お客様を入り口で迎えるエントランス」のような場所です。お店のエントランスが汚れていたり、扉が重くて開けにくかったりすると、どんなに店内が素敵でも、お客様は入る前に帰ります。LP も同じ。本文の改善より先に、CTA とフォームを整える順番が、現実的には正解です。
そして、CTA とフォームの改善は、1 度やって終わりではありません。広告クリエイティブが変われば、来る読者の層が変わります。読者層が変われば、効くCTA文言も変わります。3 ヶ月に 1 度はチェックリストに戻って点検する習慣をつけてください。一度作ったCTAとフォームを放置すると、気づかないうちにCVRがじわじわ落ちていることが、現場ではよくあります。
よくある質問(FAQ)
| 質問 | 回答 |
|---|---|
| Q1. CTA を 1 種類に絞ると、電話で問い合わせたい人を逃しませんか? | 電話番号はヘッダー/フッターに小さく配置することで、必要な人だけが利用する形にできます。本文中の主役 CTA と競合させなければ、迷いの原因にはなりません。 |
| Q2. フォーム項目を減らすと、営業効率が下がりませんか? | リード獲得後の商談時にヒアリングする設計にすれば、営業効率は落ちません。むしろリード数が増えるので、商談化の母数が大きくなる効果の方が大きい傾向です。 |
| Q3. CTA のボタン色は何色が効きますか? | 色そのものより、背景とのコントラストが大事です。「コーポレートカラーで目立つ色」を選び、ABテストで微調整するのが現実的です。 |
| Q4. チェックリストの全項目を満たさないと CVR は上がりませんか? | 全項目を満たす必要はありません。Step 1 の 5 項目を満たすだけで、多くの LP は数字が動きます。残りは 1 項目ずつ改善していけば十分です。 |
| Q5. スマホとPCで CTA・フォームを別々に作るべきですか? | 同じデザインで両方に対応するレスポンシブ設計が基本です。ただし、スマホでの入力体験は別に確認してください。同じデザインでも、スマホで触ると違う問題が見えます。 |
| Q6. ABテストで CTA の文言を試したいのですが、何バリエーション用意すべきですか? | 2 バリエーション(現状 vs 1 つの仮説)が基本です。3 つ以上同時にテストすると、サンプルが分散して結果が出にくくなります。 |
関連記事
- → LPOとは何か:ランディングページ最適化の基本ガイドと、成果を分ける視点
- → ファーストビューで伝えるべき3要素:3秒で「読む」か「閉じる」かが決まる
- → LPで読者を「迷わせない」を実現する具体策:1要素ずつ削る原則
- → ヒートマップの見方:何が見えれば改善案が出るのか
マーケティングを、自社で判断できる状態へ。
マーケティング基盤の整理や改善サイクルづくりは、テマヒマのサービスページをご確認ください。
サービスを見る