「ホームページにアクセスはあるけど問い合わせが来ない」——その原因の多くはCTA（行動を促すボタン・リンク）の設計にあります。本記事では、問い合わせ・予約・資料請求を増やすCTAデザインと配置の改善方法を解説します。
CTAとは何か
CTA（Call To Action）とは、ユーザーに次のアクションを促すボタン・バナー・リンクのことです。「お問い合わせはこちら」「無料相談を申し込む」「資料をダウンロードする」などが代表例です。CTAの設計が悪いと、興味を持ったユーザーが次のステップに進めず離脱します。
効果的なCTAデザインの5原則
① 目立つ色・サイズを使う
CTAボタンはページの他の要素と区別できる色（サイトのメインカラーとは異なる補色や強調色）を使います。ボタンのサイズはスマートフォンでもタップしやすい44px以上を確保しましょう。
② 具体的なベネフィットを文言に入れる
「お問い合わせ」より「無料で相談する」「今すぐ見積もりを取る」のほうがクリック率が上がります。ユーザーが押した後に何が起きるか・どんなメリットがあるかを具体的に伝えましょう。
③ 複数箇所に配置する
ファーストビュー・コンテンツ中間・ページ末尾の最低3箇所にCTAを配置します。長いページでは読み進めながらCTAに出会えるよう、スクロールに合わせて複数設置しましょう。
④ ハードルの低いCTAと高いCTAを使い分ける
「今すぐ依頼する」（ハードル高）だけでなく「まずは無料相談」「資料をダウンロード」（ハードル低）のCTAも設置することで、検討段階の見込み客も取りこぼさずに済みます。
⑤ スマートフォンでの使いやすさを最優先する
電話番号はタップで発信できるtel:リンクにします。フォームの入力項目は最小限に絞り（名前・メール・内容の3項目が理想）、スマホからの送信ストレスを減らしましょう。
業種別のCTAパターン例
| 業種 | メインCTA | サブCTA |
|---|---|---|
| 制作会社・コンサル | 無料相談を申し込む | 料金ページを見る |
| 飲食店 | 今すぐ予約する | メニューを見る |
| 美容室・エステ | Web予約はこちら | メニュー・料金を確認する |
| 歯科・整体院 | 初診の予約をする | 症状別のページを見る |
| 不動産 | 無料査定を依頼する | 物件を検索する |
コンバージョン率改善の全体戦略については「ホームページのコンバージョン率改善」もあわせてご覧ください。
よくある質問
Q. CTAボタンの色は何色が効果的ですか？
A. 絶対的な正解はありませんが、サイトの背景・メインカラーとコントラストが高く目立つ色が有効です。赤・オレンジ・緑はCTAボタンとして広く使われています。最終的にはA/Bテストで効果を検証することをおすすめします。
Q. CTAは何個設置すればいいですか？
A. 1ページあたり最低3箇所（ファーストビュー・コンテンツ中間・末尾）が基本です。長いページは500〜800字に1つを目安に設置しましょう。多すぎると押しつけがましくなるため、コンテンツの流れに自然に組み込むことが重要です。
Q. フォームの入力項目は何が必要最低限ですか？
A. お名前・メールアドレス・お問い合わせ内容の3項目が最小構成です。電話番号・会社名などは「任意」にして、入力の心理的ハードルを下げましょう。
まずは無料診断から：無料SEO初期診断を試してみる