「ページビュー(PV)は多いのに、問い合わせが来ない」「CTAボタンがクリックされない」――その原因は、CTA(Call To Action)の設計が最適化されていないことにあります。CTAとは、訪問者に次に取るべき行動を促すボタンやリンクのことです。文言、配置、デザインを工夫することで、クリック率を2〜3倍に高められます。本記事では、問い合わせや資料請求を増やすための「CTA設計」の方法を、実践的に解説します。"無料"より価値が伝わるCTA設計を一緒に作る無料相談「どんな文言が刺さるか」から「どこに配置すべきか」まで、30分でCTAを最適化します。無料相談を予約するCTAは小さな変更でCVRが動く(運用前提)CTAは、文言を1文字変えるだけでクリック率が大きく変わることがあります。そのため、「一度決めたら終わり」ではなく、継続的にテスト・改善することが重要です。CTAの変更でクリック率が変わった例例1: 文言の変更変更前: 「お問い合わせ」→ クリック率2%変更後: 「10分で採用ページの構成が決まる無料相談」→ クリック率5%結果: クリック率が2.5倍に向上例2: 配置の追加変更前: ページ末尾にのみCTA → クリック率3%変更後: FV直下、本文中盤、末尾の3箇所にCTA → クリック率7%結果: クリック率が2.3倍に向上例3: デザインの変更変更前: グレーのボタン → クリック率2%変更後: オレンジの目立つボタン → クリック率4%結果: クリック率が2倍に向上CTAは運用で改善する公開時: まずは基本のCTA(文言、配置、デザイン)を設置公開後1ヶ月: アクセス解析でクリック率を確認クリック率が3%以下なら、改善が必要公開後2ヶ月〜: ABテストで改善文言を変更してテスト配置を追加してテストデザインを変更してテスト文言の型(行動がイメージできる)CTA文言は、訪問者が「次に何をするか」を具体的にイメージできるように書きます。CTA文言の基本原則原則1: 行動を具体的に示す❌ 「詳しくはこちら」✅ 「無料相談を予約する」原則2: メリットを伝える❌ 「お問い合わせ」✅ 「10分でサイト改善の優先順位を診断(無料)」原則3: ハードルを下げる「無料」「まずは」「〜だけ」を使う例: 「まず費用感だけ知りたい方へ」CTA文言の型型1: "無料"を強調「無料相談を予約する(所要時間10分)」「無料で見積もりを取る(24時間以内に返信)」「まずは無料で資料をダウンロード」型2: "まず"を使う「まずは費用感だけ知りたい方へ」「まず話を聞いてみる(無料)」「まずは相談だけでもOK」型3: 具体的なメリットを提示「10分で採用ページの構成が決まる無料相談」「サイト改善の優先順位を診断(無料)」「3分で分かるサービス資料をダウンロード」型4: 所要時間を明記「10分で完了(無料)」「30秒で資料DL」「相談は30分、Zoomで実施」型5: 選択肢を提示「無料相談を予約」または「資料ダウンロード」「まず相談」または「まず資料」業種別CTA文言例問い合わせ獲得型(Web制作)「10分で見積もりを取る(無料)」「サイト改善の優先順位を診断(無料)」「採用ページの構成を一緒に決める無料相談」採用応募獲得型「まずはカジュアル面談に応募(履歴書不要)」「1分で応募完了(職務経歴書は後日でOK)」「会社見学に申し込む(服装自由)」資料請求型「3分で分かるサービス資料(PDF)をダウンロード」「導入事例集を無料で受け取る」「料金表と機能比較表をメールで送る」配置の型(FV/本文/末尾)CTAの配置は、訪問者の思考の流れに沿って決めます。CTA配置の3箇所配置1: FV(ファーストビュー)直下役割: 「今すぐ行動したい」訪問者を逃さない配置位置: スクロール前に見える位置文言例: 「無料相談を予約する」配置2: 本文中盤役割: サービス紹介や事例を読んだ後、「もっと知りたい」と思ったタイミングでCTA配置位置: サービス説明の後、事例の後文言例: 「この事例のような成果を出したい方は、無料相談へ」配置3: 記事末役割: 最後まで読んだ訪問者が、次に取るべき行動を示す配置位置: ページ末尾文言例: 「まずは話を聞いてみる(無料)」配置の良い例・悪い例良い例:[トップページ]- FV直下: 「無料相談を予約する」- サービス紹介の後: 「事例を見る」- 事例紹介の後: 「無料相談を予約する」- ページ末尾: 「無料相談を予約する」→ 訪問者がどこまで読んでも、CTAが見える悪い例:[トップページ]- ページ末尾にのみ: 「お問い合わせ」→ スクロールしないと見えない、FVで離脱されるCTAの配置ルールルール1: FVには必ずCTAを配置スクロール前に見える位置「今すぐ行動したい」訪問者を逃さないルール2: 長いページには複数CTAを配置3,000文字以上のページなら、3箇所以上訪問者がどこまで読んでも、CTAが見えるルール3: 各ページに最低1つはCTAトップページ、サービス紹介、事例、FAQ、全てのページにCTAデザインの型(目立たせ方)CTAボタンは、周囲より目立つデザインにすることで、クリック率が上がります。CTAデザインの基本原則原則1: 周囲より目立つ色背景が白なら、CTAボタンは青、オレンジ、緑などコントラストを高める原則2: 十分なサイズスマホでタップしやすいサイズ(最低44px × 44px)PC版は幅200px以上が目安原則3: 余白を取るCTAボタンの周囲に余白を取り、目立たせる上下左右に30px以上の余白原則4: ボタンらしいデザイン角丸、影、グラデーションで立体感を出すクリックできることが一目で分かるCTAデザインの例良いデザイン:[ボタン]背景色: オレンジ(#FF6B35)文字色: 白(#FFFFFF)サイズ: 幅250px、高さ60px角丸: 8px影: あり文言: 「無料相談を予約する」悪いデザイン:[ボタン]背景色: グレー(#CCCCCC)文字色: 黒(#000000)サイズ: 幅100px、高さ30px角丸: なし影: なし文言: 「こちら」→ 目立たない、クリックできるか分からない色の選び方オレンジ(#FF6B35): 行動を促す色、クリック率が高い 青(#007BFF): 信頼感を与える色、企業サイトに適している 緑(#28A745): 安心感を与える色、資料DLに適している 赤(#DC3545): 緊急性を与える色、期間限定キャンペーンに適している避けるべき色:グレー: 目立たない、非アクティブに見える黒: 読みにくい、威圧感があるABテストの回し方(1回1変更)CTAの改善は、ABテストで効果を検証します。ABテストの基本ルールルール1: 1回に1つだけ変更文言とデザインを同時に変更すると、どちらが効果を出したか分からないまず文言を変更してテスト、次にデザインを変更してテストルール2: 最低2週間は運用1週間だけでは、データが不十分2週間運用してから、クリック率を比較ルール3: 同時に2パターンを表示ツール(Google Optimize、VWOなど)を使い、訪問者の50%にパターンA、50%にパターンBを表示または、2週間ずつ切り替えて運用ABテストの例テスト1: 文言の変更パターンA: 「無料相談を予約する」パターンB: 「10分で採用ページの構成が決まる無料相談」運用期間: 2週間ずつ結果: パターンBのクリック率が2倍 → パターンBを採用テスト2: 配置の追加パターンA: ページ末尾にのみCTAパターンB: FV直下、本文中盤、末尾の3箇所にCTA運用期間: 2週間ずつ結果: パターンBのクリック率が2.3倍 → パターンBを採用テスト3: デザインの変更パターンA: グレーのボタンパターンB: オレンジのボタン運用期間: 2週間ずつ結果: パターンBのクリック率が2倍 → パターンBを採用ABテストのスケジュール公開後1ヶ月: 現状のクリック率を確認クリック率が3%以下なら、改善が必要公開後2ヶ月: 文言のABテスト2週間ごとに文言を変更し、最もクリック率が高い文言を採用公開後3ヶ月: 配置のABテスト配置を追加し、クリック率を比較公開後4ヶ月: デザインのABテスト色、サイズ、形を変更し、クリック率を比較「どんな文言が刺さるか」を一緒に考えませんか?e-Familyの無料相談では、CTA文言の提案から配置・デザインの最適化まで、30分でCTAを改善します。無料相談を予約するまとめ: CTAがCVRを決めるCTA(Call To Action)は、訪問者を問い合わせや応募へ誘導する最重要ポイントです。文言、配置、デザインを工夫することで、クリック率を2〜3倍に高められます。文言の型: 無料を強調、まずを使う、メリットを提示、所要時間を明記配置の型: FV直下、本文中盤、末尾の3箇所デザインの型: 目立つ色、十分なサイズ、余白を取る、ボタンらしいデザインABテスト: 1回に1つだけ変更、2週間ずつ運用、効果を検証CTAを最適化することで、「PVは多いのに問い合わせが来ない」という失敗を防げます。e-Familyでは、無料相談でCTA設計を一緒に行い、最短でCVRが上がるサイトを作ります。まずはお気軽にご相談ください。次に読むべき記事フォームUX改善(入力ストレスを潰して離脱を減らす) (L3-3)ファーストビュー設計(3秒で"相談したい"を作る) (L3-4)ユーザーフロー設計(迷わせない"次の一手"を用意する) (L3-1)導線設計とUXでCVRを上げる (S3)競合比較で負けない"比較軸"の作り方 (L1-4)無料ダウンロード資料CTA文言テンプレート集(Excel)この記事を書いた人e-Family / STUDIO制作・採用ページ専門中小企業の「問い合わせが来ない」「応募が来ない」を、サイト設計で解決します。