この記事の要点
- CTAは「ページの最初・途中・最後」の3か所を基本に置く
- 文言は「押した後に何が起きるか」が分かる形にする
- 1ページで促す行動は1つに絞ると迷われにくい
CTA(Call To Action)とは、訪問者に問い合わせや資料請求などの次の行動を促すボタンやリンクのことです。置き場所は、ページの最初、読んだ内容に納得したタイミング、ページの最後の3か所が基本です。文言は、押すと何が起きるかが分かる形にします。
CTAはなぜ置き方で成果が変わるのか
CTAは、訪問者が行動したい瞬間にそばにあるかどうかで押されやすさが変わります。
読み進めて納得した直後にボタンがあれば、そのまま進めます。逆に、ボタンがメニューの奥にしかないと、気持ちが冷めてしまいます。
CTAを置くべき3つの位置
- ページ上部: すでに問い合わせたいと決めている人のため
- 説明の途中: 事例や料金など、納得しやすい内容の直後
- ページの最後: 全部読み終えた人の次の行動先
常に画面の端に残るボタンを設ける方法もありますが、スマホでは本文を隠さない大きさにすることが大切です。
ページの種類別、置き方の目安
| ページの種類 | 置く位置 | 文言の例 |
|---|---|---|
| サービス紹介 | 説明の終わりと最後 | このサービスについて相談する |
| 事例 | 結果の直後と最後 | 同じ課題について相談する |
| ブログ記事 | 末尾 | この内容について相談してみる |
| 会社情報 | 末尾 | お問い合わせフォームへ |
押されるCTA文言の作り方
押されやすい文言は、行動と結果が一緒に書かれています。
- 「送信」より「相談内容を送る」
- 「こちら」より「費用の目安を相談する」
- 「お問い合わせ」だけより「まずは状況を相談する」
「相談」と書くと、まだ依頼を決めていない人にも心理的なハードルが下がります。
CTAを置くときの注意点
行動を増やしすぎない
電話、資料請求、メール、フォームなど選択肢が多いと、迷って何も押されないことがあります。窓口を絞り、案内を一本化すると、訪問者も運営側も分かりやすくなります。
色と余白で目立たせる
ボタンは、周囲と区別できる色と十分な余白を取ります。ただし、全体のデザインに合わない色にする必要はありません。既存の配色の中で、最も目立つ色を使うだけで効果があります。
ボタンの近くに不安を消す一文を添える
「相談は無料です」「しつこい営業は行いません」など、短い一文で安心感が増します。自社で実際に守れる内容だけを書きましょう。
スタイルチューンができること
スタイルチューンは、コーポレートサイトの刷新やLP改善の中で、導線の設計を見直してきました。ある物流会社さまでは、デザインを変えずに文言や導線を改善する支援も行っています。ページごとの役割を整理し、無理のない位置にCTAを置く設計から、公開後の確認まで一貫して対応します。
自社サイトの導線を見直したい方は、お問い合わせフォームからご相談ください。