「問い合わせボタンは置いてあるのに、押されない」。CTAという言葉にたどり着く方の多くは、その原因を探している途中ではないでしょうか。アクセスは伸びているのに資料請求が増えない、記事はよく読まれているのに次につながらない。原因の見当がつかないまま、とりあえずボタンの色を変えてみた、という話もよく耳にします。
CTAはWebページの中で最も手を入れやすく、それでいて最も誤解されやすい要素です。デザインの話に見えて、実際に成果を分けているのは、その手前にある文脈と、読者に求める行動の重さでしょう。
本記事では、CTAの意味と種類から、押されない原因、文言と設置場所の考え方、改善を回す手順までを整理します。数多くのSEO記事とオウンドメディアの制作を手がけてきた立場から、上位の解説記事があまり踏み込まない部分までお伝えします。
- CTAの意味と、Webサイトの中で担っている役割
- ボタン・テキストリンク・バナーなど、種類ごとの向き不向き
- 押されないCTAに共通する三つの原因
- 文言・設置場所・見た目、それぞれの設計の考え方
- 改善を回す手順と、ABテストを始める前に確認すべきこと
CTAとは、読み手に次の行動を促すための導線
CTAはCall To Actionの頭文字で、日本語では行動喚起と訳されます。Webサイトや広告、メールマガジンの中で、読み手に次の行動を促すために置かれるボタンやテキストリンク、バナーなどの総称です。CTAとは読み手に次の行動を促す導線 であり、それ以上でも以下でもありません。
もう少し実務的に言い換えると、CTAは「ここまで読んでくれた人が、次に進むための入口」です。ページの目的が問い合わせであれ資料請求であれ、読者がその一歩を踏み出せる場所を用意していなければ、どれだけ内容が良くても関心は関心のまま終わってしまいます。
- 問い合わせや見積もり依頼のフォームへ進む
- 資料やホワイトペーパーをダウンロードする
- メールマガジンやセミナーに申し込む
- 無料トライアル、会員登録を始める
- 商品をカートに入れる、購入手続きへ進む
- 関連記事や導入事例のページへ移動する
最後の「関連記事へ移動する」を意外に思われた方もいるかもしれません。CTAは購入や問い合わせのような重い行動だけを指すものではなく、読者を次の段階へ運ぶ小さな一歩も含みます。この幅を持っておくと、設計の選択肢は一気に広がります。
なお、検索していると証券会社の用語集が混ざって出てくることがあります。分野が違えば同じ略語でも中身は別物です。
金融分野で使われるCTAはCommodity Trading Advisorの略で、商品先物などを対象に運用や助言を行う業者を指します。マーケティングの行動喚起とはまったく別の用語のため、調べ物の途中で混同しないよう注意してください。
関連記事：コンテンツマーケティングの基礎知識を総まとめ｜やり方から成果につなげる方法まで徹底解説
CTAが成果を左右するのは、最後の一歩だけが手つかずになりやすいから
集客の議論は、検索順位や広告のクリック率といった入口の話に集まりがちです。ところが入口をいくら広げても、最後の一歩の設計が薄いままなら、増えた訪問はそのまま離脱していきます。
順位改善やクリエイティブの刷新に比べると、CTAの見直しは工数が小さく、すでに公開したページにも後から適用できます。それでも手つかずのまま残りやすいのは、担当が分かれているからでしょう。記事を書く人、デザインを作る人、フォームを管理する人が別々だと、ちょうどその境目にあるCTAは誰の担当でもなくなってしまいます。
Web担当者記事のアクセスは増えているのに、資料請求がまったく伸びません。CTAの何から見ればよいのでしょうか。
Writers-hub編集部
まず、その記事を読んでいる人が今どの段階にいるかを確かめます。用語の意味を調べに来た読者に資料請求を求めても、行動としては重すぎます。押されない原因は、色よりも先に文脈を疑ってください。
CTAの種類と、どこで何を使うか
CTAは形式によって目立ち方も、読者が受ける負担も変わります。同じ資料請求でも、ボタンで大きく見せるのか、本文中のテキストリンクとして自然に置くのかで、受け取られ方は別物になります。
| ボタン | テキストリンク | バナー | ポップアップ | |
|---|---|---|---|---|
| 目立ちやすさ | ○ | △ | ○ | ◎ |
| 読者の負担 | 小さい | とても小さい | 小さい | 大きい |
| 向く位置 | 記事末・セクション末 | 本文中 | サイドバー・記事中 | 離脱直前・回遊中 |
| 注意点 | 数を増やすと反応が鈍る | 見落とされやすい | 広告と誤認されやすい | 読書を妨げやすい |
実務でまず整えたいのは、ボタンとテキストリンクの二つです。バナーは制作コストのわりに広告と見分けがつきにくく、読者が無意識に視線を外すバナーブラインドネスという現象も古くから知られています。ポップアップは反応が出やすい反面、読書を邪魔した瞬間に離脱を招くため、表示条件を絞って使うのが前提でしょう。
関連記事：記事を書いても問い合わせが来ない——CVにつながるコンテンツ導線の設計方法
押されないCTAに共通する三つの原因
CTAが機能していないページを見ていくと、原因は驚くほど似通っています。デザインの巧拙より前に、次の三つを疑ったほうが早く直せます。
- 直前の本文と、CTAが求める行動がつながっていない
- 読者の検討段階に対して、求める行動が重すぎる
- そもそもCTAのある位置まで読者が到達していない
文脈のズレ
本文で語ってきた話と、ボタンの申し出が別の話になっているパターンです。CTAは広告枠ではなく、本文の続きとして読まれます。用語の意味を説明し終えた直後に脈絡なく無料相談へ誘導すれば、読者の頭の中では話題が切り替わってしまう。逆に、原因の切り分け方を具体的に示した直後であれば、自社の場合はどうなのか診てほしい、と考える読者が出てきます。文言を練る前に、直前の三段落が読者にどんな気持ちを作っているかを読み返してみてください。書くべきコピーは、たいてい本文の中にすでにあります。
行動の重さのミスマッチ
用語を調べに来た読者と、他社と比較している最中の読者では、踏み出せる一歩の大きさが違います。読者の検討段階に、申し出の重さを合わせる のが原則です。前者には関連記事やチェックリストの配布を、後者には料金の確認や相談予約を、というように段階へ応じた出口を用意していきましょう。
オウンドメディアで全記事に同じ問い合わせボタンを貼っているなら、ここは見直す価値があります。記事ごとに読者の検討段階は違うのに、出口だけが一律という状態が起きているためです。
到達率の不足
三つ目は最も見落とされます。記事末にだけCTAを置いている場合、そこまでスクロールした読者しか目にしていません。読了率の低いページでは、CTAの中身を何度作り直しても数字は動きません。まず確認すべきは、クリック数ではなく、CTAが何回表示されたかという分母のほうでしょう。
改善に着手する前に、表示回数（分母）とクリック数（分子）を分けて把握します。分母が小さいなら設置場所の問題、分母は十分でクリックが少ないなら文言や申し出の問題と、原因を切り分けられます。
この切り分けができていないと、直す順番を誤ります。表示すらされていないCTAの文言を磨いても、変化と誤差を見分けられないためです。
記事は読まれているのに、その先が動いていないと感じていませんか
記事の企画から本文、そして読了後の出口までを一本の流れとして設計します。既存記事がどう読まれているかを確認したうえで、どの記事にどの出口を置くかの整理からご一緒します。
CTAを設計する三つの要素
CTAは文言・設置場所・見た目の三つに分解できます。手を入れる優先順位も、おおむねこの並び順と考えてよいでしょう。見た目から入ると直しやすい反面、成果への影響はいちばん小さくなります。
文言（マイクロコピー）
ボタンの中の言葉と、その周囲に添える一言。この二つで押されやすさは変わります。原則は、押した先で何が起こるかが想像できること、そして読者にとっての利得が読み取れること。この二点に尽きます。
よくある文言 | 書き換えの方向 |
|---|---|
お問い合わせ | 記事制作の進め方を相談する |
送信 | 入力内容を確認する |
詳しくはこちら | 料金プランを比較する |
資料請求 | 導入事例をまとめた資料を受け取る |
ボタンの下に「入力は1分ほどで終わります」「営業のご連絡はいたしません」といった一言を添えるのも有効です。押す前の不安を減らすこの一行は、色を変えるより手軽で、変化を実感しやすい部分でしょう。
設置場所
置く場所は、読者が行動したくなる瞬間に合わせます。目的が一つに定まっているランディングページなら、ファーストビューと最下部の両方に同じ出口を置くのが基本形です。一方、解説記事のように読者の検討段階が幅広いページでは、各セクションの終わりに軽い出口、記事末に重い出口という置き分けが機能しやすいでしょう。
追従型（画面下部などに固定されるタイプ）は長い記事で有効ですが、スマートフォンでは画面を圧迫します。高さを抑える、閉じる操作を用意するといった配慮がないと、かえって読書の妨げになりかねません。
見た目
色、サイズ、余白、形状。ここは最後に触る部分です。原則は三つで、周囲と明度差のある色を使うこと、指で無理なく押せる大きさを確保すること、押せると分かる形にすることに集約されます。
配色で扱いやすいのは、サイト全体で使っている色の中から、他の要素に割り当てていない色を一つ選び、CTA専用にする方法です。ブランドカラーを見出しにもリンクにもボタンにも使っていると、ボタンだけが際立つ状態は作れません。色そのものより、画面の中で浮いて見えるかどうかが判断軸になります。
そしてCTAは、増やせば増やすほど押されるわけではありません。同じ画面に複数の申し出が並ぶと、読者は選ぶという判断を強いられ、結果としてどれも押されなくなる。Googleも、補助的な要素が主要コンテンツの閲覧を妨げていないかを、コンテンツを自己評価する際の観点として挙げています。
関連記事：CV改善を実現する導線設計とは｜課題別の改善策と実践的な設計手法を解説
CTAを改善する手順
改善は思いついた順ではなく、分母から分子へ、影響の大きい順に進めます。
具体的には、次の六つの手順で進めます。上から順に片付けるほど、後の工程の判断がしやすくなるはずです。
CTAごとに、表示回数とクリック数、その先のコンバージョン数を分けて記録します。ここが混ざっていると、以降の判断がすべて曖昧になります。
表示回数が足りないなら、設置場所を増やすか位置を上げます。文言の検討はその後で構いません。
直前の本文が作った気持ちに対して、求める行動が適切かを見直します。食い違っていれば、行き先そのものを差し替えます。
押した先の行動が想像できる言葉に直し、周囲に不安を減らす一言を添えます。
色・サイズ・余白を調整します。ここまで来て初めて、デザインの微調整が数値に表れます。
複数を同時に変えると、何が効いたのか分からなくなります。変更日と内容をメモに残し、前後で比べてください。
順番を守るだけで、無駄な作り直しはかなり減らせるはずです。
ABテストを始める前に
ABテストはCTA改善の定番として紹介されますが、実行する前に母数の確認が要ります。母数が足りないABテストは判定できない からです。クリックが週に数件しかないページで二案を比べても、差が出たように見えるだけで、翌週にはあっさり逆転しかねません。
比較したい二案それぞれに、判断へ足るだけのクリックが一定期間内に集まるかを先に見積もってください。集まらないのであれば、テストではなく、原因の切り分けと明らかな改善を積む段階です。流入が十分にあるページから順にテストを導入するほうが、判断は早く固まります。
計測の準備
クリックを計測できていなければ、改善は回りません。GA4であれば資料請求や登録に対応する推奨イベントが定義されているため、独自の名前を作る前に一度確認しておくと、後のレポートで困りにくくなります。
計測の設計まで含めると、CTAの改善はデザインの作業というより、記事とデータをつなぐ編集の仕事に近づいていきます。
直す順番は分かっても、手を動かす時間が取れないなら
既存記事の見直しから新規記事の制作まで、検索意図に沿った本文と、その先の出口の設計をまとめてお引き受けします。まずは現状の記事を拝見し、どこから直すと成果が動きやすいかの整理だけでもご活用ください。
CTAについてよくある質問
最後に、実務でよく受ける質問をまとめます。
行き先の数を絞り、同じ行き先を複数の位置に置くのが基本です。読者に選択を迫る状態は避けたいので、1ページの申し出は一つか二つに留め、記事の長さに応じて表示位置のほうを増やします。
どのサイトでも成果が上がる色というものはありません。周囲との明度差と、そのサイトで他に使っていない色かどうかで決まります。赤や緑といった色そのものより、画面の中で浮いて見えるかを基準にしてください。
CTAは行動を促す導線そのもの、CV（コンバージョン）は促した結果として達成された成果を指します。CTAが手段、CVが目的という関係です。
必要ですが、記事の検索意図に合わせて出口を変えます。用語解説の記事には関連記事や資料といった軽い出口を、比較検討の記事には相談や見積もりという重い出口を置くと、行動との食い違いが起きにくくなります。
流入量によって変わります。判断に足るクリックが集まるまでの期間が最短の目安で、流入の少ないページでは数か月かかることもあります。焦って複数を同時に変えると原因が追えなくなるため、変更履歴を残しながら進めてください。
まとめ
CTAとは、読み手に次の行動を促すための導線です。ボタンの色やサイズは最後の調整であり、成果を分けているのは、直前の本文との文脈の一致、読者の検討段階に合った行動の重さ、そしてCTAが読者の目に触れているかという到達率でした。この三点を分けて確認すれば、どこから手を付けるべきかは自ずと定まります。
改善の順番は、分母を直してから分子を磨く。文言・設置場所・見た目の三要素も、この並びで見直すほうが遠回りになりません。ABテストは母数が揃ってから導入しても、十分に間に合うはずです。
合同会社Writers-hubでは、SEO記事の制作とオウンドメディアの運用支援を行っています。記事本文と読了後の出口を切り離さず、一本の流れとして設計するところまでを含めてご一緒しますので、記事は読まれているのに次が動かないという段階にいるなら、現状を聞かせてください。
関連記事：LPOとは？SEO・EFOとの違いと改善の手順、成果につながる施策
記事とCTA、どちらから直すか迷っているなら
現状のページと数値を伺い、設置場所と文言のどちらに原因がありそうかの切り分けからお手伝いします。売り込みではなく、次の一手を決めるための整理としてご活用ください。
