お問い合わせを増やす
CTA設計 の基本

01CTAの3つのルール

• 明確：何が起きるか一目で分かる
• 目立つ：周囲と区別される色・サイズ
• 近い：迷ったその場所にある

02ボタンの文言：行動 + ベネフィット

NG：「送信」「クリック」

OK：「無料相談を申し込む →」「資料を3秒でダウンロード」

業種別のおすすめ文言

• 美容室・治療院：「LINEで予約する」「今すぐ電話する」
• 士業：「無料相談を申し込む」「初回30分無料」
• BtoB：「資料ダウンロード」「デモを依頼する」
• EC：「カートに入れる」「詳細を見る」

03色と大きさ

背景色と はっきり区別される色 を選ぶ。サイトのアクセントカラー（オレンジ・赤・緑）が定番。

大きさは タップしやすい 44×44px 以上。スマホで指でタップしやすいサイズ。

04配置：迷ったらいつでも押せる

• ファーストビューに1つ
• 各セクション末尾に1つ
• ページ最下部に1つ
• スマホはフッターに固定で常時表示も

05不安解消の "サブテキスト"

ボタンの下に「※相談無料」「※30秒で送信」「※営業時間外もOK」など、不安を取り除く一言を。

これで CTA のクリック率が 1.5倍 変わります。

06A/Bテストで継続改善

"無料相談を申し込む" と "今すぐ無料で診断する" のどっちがクリックされる？文言・色・位置を変えてテスト。半年に1回でも見直しましょう。