この記事でわかること
- CTAが「押す場所」ではなく決断の受け皿であること
- 読者の理解段階に合わせたCTAの5つの配置ポイント
- 効きやすいボタン文言の4つの型と、避けたい言葉
- スマホの追従バーを入れるべきケースと、実装時の注意点
- CTA周りのマイクロコピーで不安を先に消す書き方
- CTAクリック率・フォーム到達率・送信率で効果を検証する手順
CTAは「押す場所」ではなく「決断の踏み台」
LPの改善というと、ファーストビューのコピーや写真の差し替えに手が伸びがちです。ところが実務で数字が動きやすいのは、読み終わった人が最後に触れる部分──CTA（Call To Action：行動喚起）まわりであることが少なくありません。理由は単純で、ここは「読者の気持ちがもっとも動いている瞬間」に置かれているからです。
CTAを「問い合わせボタンを置く作業」と捉えていると、設計の余地がボタンの色くらいしか残りません。実際にCVRを左右しているのは、次の4つが噛み合っているかどうかです。
| 要素 | 読者側の問い | 設計でやること |
|---|---|---|
| タイミング | 「もう決めていいのか」 | 納得が生まれた直後の位置にCTAを置く |
| 文言 | 「押したら何が起きるのか」 | 次に起きることをボタンに書く |
| 心理的コスト | 「営業されないか」「面倒ではないか」 | 所要時間・費用・その後の流れを近くに書く |
| 視認性 | 「どこから申し込むのか」 | スクロール中どこにいても入口が見える状態にする |
前提の整理：CTAの改善は、ファーストビューやフォームの改善と競合するものではありません。順番としては「ファーストビューで読み進めてもらう → 本文で納得してもらう → CTAで決断してもらう → フォームで完了してもらう」という連鎖であり、どこか1か所が詰まっていれば全体が止まります。本記事はこのうち3番目、決断の受け皿にあたる部分を扱います。
CTAが弱いLPに共通する症状
- ページ滞在は長いのにCVが少ない：内容は読まれている。決め手と入口が足りていない可能性が高い。
- 末尾までスクロールした人のCVRが低い：最後まで読んだ人は関心が高いはずで、ここで落ちるのは受け皿側の問題。
- スマートフォンのCVRだけがPCより極端に低い：縦に長い画面でCTAを見失っている典型パターン。
- 「お問い合わせ」ボタンだけが1つ、末尾にある：会社紹介ページをそのまま広告に使っている場合によく見られます。
CTAをどこに、いくつ置くか
「CTAは多いほど良いのか」という質問をよくいただきます。答えは「置く数ではなく、置く位置に意味があるか」です。等間隔に機械的に並べても効きません。読者の理解が一段進んだ直後に置くのが原則です。
ファーストビュー内（第一CTA）
指名検索や再訪問など、すでに決めている読者を待たせないための入口です。ここは「今すぐ決める人」専用と割り切って構いません。初回訪問の大半はここを押さないため、ここのクリック率が低いこと自体は問題ではありません。
- キャッチコピーの直下に、主CTA1つとサブ導線（電話・資料）を最大1つ
- ファーストビューを占領しないよう、ボタンは1段に収める
課題提示・共感パートの直後
「これは自分の話だ」と読者が感じた直後は、感情が動いている場所です。ここでは申込よりも一段軽い出口（無料相談・診断・資料）を置くほうが受け入れられやすい傾向があります。いきなり契約や見積依頼を置くと、温度と合わずに素通りされます。
実績・お客様の声の直後
信頼が積み上がった直後で、実務上もっとも反応が出やすい位置のひとつです。直前のコンテンツを引き継ぐ一文をCTAの上に添えると効果が上がります。例：「同じ業種での進め方を、御社の状況に当てはめてご説明します」。
料金・流れの説明の直後
費用と進め方は、読者が最後まで確認したい情報です。ここを読み終えた時点で判断材料は揃っているため、もっとも強い文言のCTAを置く場所になります。金額を明示していないサービスでも、「見積もりの出し方」を説明した直後に置けば同じ役割を果たします。
FAQの直後（最終CTA）
FAQは「残った不安をつぶす」ためのブロックです。不安が消えた直後に出口がないと、読者はそのままページを閉じます。最終CTAは、迷いを引き受ける文言（「まずは話を聞くだけでも構いません」など）と組み合わせるのが定石です。
置いてはいけない位置：読者がまだ課題を理解していない段階、たとえば導入文のすぐ後に強い申込CTAを重ねるのは逆効果です。また、複数の異なるCV（問い合わせ・資料請求・電話・LINE）を1か所に並列に並べるのも避けてください。選択肢が増えるほど、人は決定を先送りします。主CTAは1種類に決め、他は文字リンクや小さめの副導線に落とします。
ボタン文言の作り方：4つの型と避けたい言葉
ボタンに書く言葉は、デザインより先に決めるべき要素です。読者はボタンを見た瞬間に「押したあと何が起きるか」を予測し、そのコストが割に合うかを判断します。
効きやすい4つの型
| 型 | 形 | 例 | 向くケース |
|---|---|---|---|
| 結果提示型 | 手に入るものを書く | 「無料で改善案を受け取る」 | 提供物が明確なサービス |
| 負担軽減型 | かかる手間を書く | 「30秒で相談内容を送る」 | フォーム入力に抵抗がある層 |
| 一人称型 | 読者の言葉で書く | 「自社の状況を相談したい」 | 検討段階が浅い層 |
| 次工程明示型 | 次に起きることを書く | 「日程調整に進む」 | 商談化を前提とするBtoB |
避けたい言葉
- 「送信」「登録」「submit」：読者が払うコストだけが書かれ、得るものが書かれていません。
- 「詳しくはこちら」：何が詳しくなるのか分からず、押した先の期待値が作れません。
- 「お気軽にお問い合わせください」：気軽かどうかを決めるのは読者です。所要時間や費用を書くほうが実際に軽くなります。
- 抽象語の多用（最適化・ワンストップ・トータルサポート）：頭に画が浮かばず、行動に結びつきません。
すぐ試せる書き換え：「お問い合わせはこちら」を「無料相談を申し込む（所要3分）」に変えるだけで、押した後の像がはっきりします。文言は制作会社に依頼しなくても自社で差し替えられることが多く、費用ゼロで検証できる数少ない改善項目です。
見た目とサイズ：見つけやすさを担保する
デザインの良し悪しではなく、「スクロールしている読者の視界に入るか」「押せると分かるか」の2点だけを設計対象にします。
最低限そろえる条件
- 周囲と違う色を1色だけ使う：ページ内でその色を使うのがCTAだけになっている状態が理想です。色数を増やすと、どれが主導線か分からなくなります。
- 指で押せる大きさを確保する：スマートフォンでは、タップ領域が小さいと押し損ねが発生します。ボタンの高さと余白は、実機で親指を使って確認してください。
- ボタンらしい形にする：角丸の面、影、余白。テキストリンクだけだと押せると認識されないことがあります。
- 周囲に余白を取る：CTAの上下に他の要素を詰め込むと、視線が止まりません。
- 文言を折り返さない：スマートフォン幅で3行に折り返すボタンは、瞬時に読めません。全角15文字前後を上限の目安にします。
確認方法：スマートフォンでLPを開き、画面から30cmほど離して眺めます。文字が読めない距離でもCTAの位置が分かるなら、視認性は確保できています。分からなければ、色・サイズ・余白のいずれかが足りていません。
スマホの追従バー（固定CTA）は入れるべきか
画面下部に常時表示されるCTAバーは、縦に長いLPで効果が出やすい施策です。ただし、無条件に良いわけではありません。
| 観点 | 入れたほうがよい | 慎重に判断 |
|---|---|---|
| ページの長さ | スクロールが長く、CTAまでの距離がある | 1画面〜2画面で完結する短いページ |
| CVの種類 | 電話・予約など即断できるもの | 高額・稟議が必要で即断されないもの |
| コンテンツ量 | 読み物として情報量が多い | 画面が狭く、本文が読みにくくなる場合 |
| 広告との関係 | 直帰率が高く、下部CTAまで届いていない | すでに中盤CTAで十分反応が取れている |
実装時の注意点
- 本文を隠さない高さにする：バーが画面の1/4を占めると、読む体験そのものを壊します。
- フォーム到達後は非表示にする：入力中にバーが被ると、送信ボタンを押せない事故が起きます。
- ボタンは1つに絞る：狭い領域に電話・LINE・フォームを3つ並べると、どれも押されません。
- 計測を分ける：追従バー経由と本文CTA経由を別イベントで計測しないと、追加した効果を判定できません。
よくある失敗：追従バーを入れたあと、CV数が横ばいなのに「効果があった」と判断してしまうケースです。本文CTAから追従バーへ押す場所が移っただけということは珍しくありません。導入前後で見るのは合計CV数とCVRであり、追従バーのクリック数ではありません。
CTA周りのマイクロコピーで不安を先に消す
ボタンの直前・直後に置く短い一文（マイクロコピー）は、押す直前に生まれる不安を打ち消す役割を持ちます。CTA改善のなかで、もっとも手間が小さく、効果が読みやすい部分です。
不安の種類と、置くべき一文
| 読者の不安 | 置く一文の例 |
|---|---|
| 営業されるのではないか | 「無理な勧誘は行いません。相談のみでも構いません」 |
| 費用が発生するのではないか | 「ご相談・お見積りは無料です」 |
| 入力が面倒ではないか | 「入力項目は4つ。1分程度で完了します」 |
| すぐ電話がかかってくるのではないか | 「まずはメールでご連絡します」 |
| いつ返事が来るのか | 「1営業日以内にご返信します」 |
| 個人情報の扱いが不安 | 「取得した情報は相談対応以外に利用しません」＋プライバシーポリシーへのリンク |
書き方の原則：ここに書いた内容は、実際の運用で必ず守れるものだけにしてください。「1営業日以内に返信」と書いて3日かかる状態は、CVRを上げても商談化率と信頼を落とします。返信体制が整っていないなら、書くのは「2営業日以内」で構いません。守れる約束を書くほうが、最終的な成果は良くなります。
効果を検証する手順と、見るべき中間指標
CTAの改善は、変更点が小さいぶん「変えたつもりで何も変わっていない」ことが起こりがちです。次の順番で進めると、判断を誤りにくくなります。
現状のCTA接触率を測る
まず、各CTAが画面に表示された回数（表示回数）とクリック数を分けて計測します。GA4のスクロール到達イベントや、ボタンごとのクリックイベントを設定しておくと、どのCTAが見られていないのかが分かります。押されていない原因が「見えていない」のか「見えているが押されない」のかで、打ち手がまったく変わります。
変更は1回につき1要素にする
文言・色・位置・追従バーを同時に変えると、何が効いたのか分からなくなります。アクセス数の少ないLPほど、同時変更の切り分けは不可能に近くなります。まずは文言だけ、次に位置だけ、と段階を分けてください。
判断はCV数ではなく、中間指標も合わせて見る
CV数だけを見ると、母数が少ない期間の変動に振り回されます。「CTAクリック率 → フォーム到達率 → フォーム送信率」の3段階で見れば、どこで詰まっているかが特定できます。CTAのクリックは増えたのに送信が増えていないなら、問題はCTAではなくフォーム側にあります。
検証期間は「件数が溜まるまで」で区切る
「2週間で判断する」といった期間区切りは、流入が少ないLPでは危険です。CVが数件しかない状態で優劣を決めると、偶然を実力と誤解します。期間ではなく、比較に耐える件数が溜まったかどうかで区切ってください。件数が溜まらない規模であれば、A/Bテストではなく「明らかに良い方に差し替える」判断のほうが合理的です。
広告と合わせて見る：広告経由の流入では、広告文とCTA文言の言葉が揃っているかどうかもCVRに影響します。「無料診断」と書いた広告から着地したページのボタンが「お問い合わせ」だと、読者は別の話が始まったと感じます。CTAの検証は、広告クリエイティブの文言とセットで確認してください。
CTA設計チェックリスト
公開前・改善前チェックリスト
【配置】
- 主CTAを1種類に決め、他は副導線に落としている
- ファーストビュー・実績直後・料金直後・FAQ直後に入口がある
- 読者の理解が進んだ直後の位置に置いている（等間隔ではない）
- スマートフォンで、どこまでスクロールしても入口にたどり着ける
【文言】
- ボタンに「押した後に起きること」が書かれている
- 「送信」「詳しくはこちら」だけのボタンが残っていない
- ボタン文言がスマートフォン幅で1〜2行に収まる
- 広告文で使った言葉と、CTAの言葉が揃っている
【見た目・不安解消】
- CTAだけに使う色が1色決まっている
- 実機でタップして押し損ねが起きない
- 費用・所要時間・返信までの日数のいずれかが近くに書いてある
- 書いた約束を、実際の運用で守れる
【計測】
- CTAごとにクリックイベントを分けて計測している
- 追従バー経由と本文CTA経由を区別できる
- フォーム到達率・送信率を確認できる
- 変更した日をメモに残し、前後比較できる状態にしている
Web広告運用代行
LnXの広告運用代行は、広告戦略の立案から配信・分析改善・レポーティングまで一気通貫でご支援するサービスです。広告文とCTAの言葉のずれ、入口の不足といった着地ページ側の課題も含めて、まるっと巻き取ります。まずは現在のLPと広告文を見せていただくところから対応可能です。
広告運用代行の詳細を見るLnXの見解
広告のご相談をいただいたとき、CVRが伸び悩んでいるLPで最初に確認するのは、「最後まで読んだ人が、どこから申し込めばいいか分かるか」です。意外に思われるかもしれませんが、丁寧に作られたLPほど、末尾に小さな問い合わせボタンが1つあるだけ、という状態になっていることがあります。内容が良いぶん、ここは取りこぼしになります。
そのうえで、私たちが実務でよく取るのは「文言 → 位置 → 追従バー」の順で手を入れるやり方です。文言の差し替えは費用がかからず、当日中に反映できます。位置の追加はページ構造の調整が必要で、追従バーは実装が絡みます。効果が読めない段階で工数の大きいものから着手すると、判断材料が揃う前に予算を使い切ります。
もう一点、強調しておきたいのはCTAの改善は広告側の設定と切り離して評価できないということです。広告の訴求とページのCTAがずれていれば、ページだけを直しても効果は限定的です。逆に、CTAを整えるだけでCPAが下がり、広告側で無理に単価を削る必要がなくなることもあります。広告とページを別々の担当で分断して運用している会社ほど、この往復が止まりがちです。まずは自社のLPを開いて、末尾のボタン文言を1つ書き換えるところから試してみてください。
よくある質問
Q CTAはページ内にいくつ置くのが正解ですか？
数の正解はありません。目安として、スクロールが長いLPでは4〜5か所、短いページでは2〜3か所が実務上の落ち着きどころです。重要なのは数よりも位置で、読者の理解が一段進んだ直後に置けているかを確認してください。等間隔で機械的に増やしても、押される回数はあまり変わりません。
Q ボタンの色は何色がよいですか？赤やオレンジが良いと聞きました。
特定の色が普遍的に強いという前提は成り立ちません。効くのは色そのものではなく、ページ内でその色がCTAにしか使われていないという「対比」です。サイト全体が赤基調であれば、赤のボタンは埋もれます。まずは既存の配色を確認し、他で使っていない色を1色だけCTAに割り当ててください。
Q 問い合わせフォーム・電話・LINEを全部載せたいのですが、問題ありますか？
並列に同じ大きさで並べるのは避けたほうが無難です。選択肢が増えるほど決定は先送りされます。主CTAを1つ決めて大きく置き、電話やLINEは小さめの副導線として配置する形をおすすめします。どれが主導線かは、広告の目的（商談化したいのか、件数を取りたいのか）から逆算して決めてください。
Q 追従バーを入れたらCVRが下がりました。何が起きていますか？
本文が読みにくくなっているか、フォーム入力時にバーが被って送信を妨げている可能性があります。まずスマートフォンの実機で、本文を読む→フォームに入力する→送信する、までを通してください。バーの高さを下げる、フォーム表示中は非表示にする、といった調整で戻ることが多い部分です。
Q アクセス数が少ないLPでも、CTAのA/Bテストはできますか？
厳密な比較検証は難しいのが実情です。CVが数件しかない段階で優劣を判定すると、偶然の変動を成果と誤解します。この規模では、A/Bテストではなく「明らかに情報量が多いほう・押した後が分かるほう」に差し替えて、期間をまたいで傾向を見る進め方のほうが現実的です。
Q CTAを直したのにCVが増えません。次はどこを見るべきですか？
CTAのクリック率が上がっているのにCVが増えていないなら、詰まっているのはフォーム側です。入力項目数、エラー表示の分かりにくさ、スマートフォンでの入力形式などを確認してください。逆にクリック率も動いていないなら、CTAより手前（ファーストビューや本文の説得力）に原因があります。