CTAとは？設置の重要性と設置例、効果を出すための改善策を徹底解説

CTAの設置場所

CTAはページ上にむやみに設置しても意味がありません。きちんと設置場所を工夫することで、コンバージョンの促進につながります。

一般的に設置される場所は以下になります。

• Webサイトのヘッダー・フッター・サイドバー
• コンテンツ（記事）のタイトル直下、途中、最下部
• LPのファーストビュー、コンテンツの途中、最下部
• ページ遷移時・離脱時にポップアップで表示
• ヘッダー・フッターのオーバーレイ

人の視線は、一般的に「左上から右下に向かって、アルファベットのZを描くように移動する」と言われています。この視線動きの特徴を生かし、CTAの設置場所を考えてみましょう。

以下ではそれぞれの設置場所に関するポイントを解説します。

Webサイトのヘッダー・フッター・サイドバー

WEBサイト上の共通部分に表示させる形です。とくに、PC表示で見るユーザーが多い商材だと、目に入る場所に表示されるため、効果が見込めます。

一括で設定・管理できることがメリットです。現状CTAの設置がなく、工数も確保できない場合には検討してみるとよいでしょう。

ただし、どのページにも共通で同じ内容が表示させるため、ページの内容やコンテンツに関わらず訴求が同一になってしまう点には注意しましょう。

基本的には、それぞれのページ内容やコンテンツの文脈に合わせた訴求を個々で設定する方が、CTRが高くなる傾向があります。

コンテンツ（記事）のタイトル直下・途中・最下部

コンテンツ（記事）の場合、タイトル直下やもくじの前後、読了後の最下部にCTAを設置させることも効果が見込めます。

WordPressなどCMSを導入している場合などには、一括で設定・管理できることもありますし、1記事1記事に手動で設置するケースもあります。

一括で設定・管理する場合は、ヘッダー・フッター・サイドバーへの設置と同様に、どの記事にも同一の訴求になってしまう点に注意しましょう。

逆に、手動でCTA設置する場合には、できるだけ記事の内容に合わせた訴求や設置ポイントを意識することでCTRを高められます。

CTA設置ポイントの目安は、ヒートマップで分析をし、離脱が多くなる直前にまず設置してみて、結果を見ながら改善していく流れがおすすめです。

LPのファーストビュー、コンテンツの途中、最下部

LPの場合も同様に、ファーストビュー内、コンテンツの途中、最下部にCTAを設置させることで効果が見込めます。

とくに、ユーザーが行動してみたいと思うブロックには、なるべくその都度CTAを設置する方がよいです。そのため、一般的にはコンテンツ（記事）の場合と比較して、CTAの数は多くなる傾向があります。

まずは最低限、ファーストビュー内、コンテンツの途中、最下部にそれぞれCTAが設置されているかどうかを確認してみましょう。

ページ遷移時・離脱時にポップアップで表示

ブラウザバックなどでページを遷移・離脱する際にポップアップでCTAを表示させることも効果が見込めます。

とくに特別感や限定感が訴求できるとより効果が高まる傾向があります。

離脱防止用のツールを導入すれば、比較的手間も少なくCTA設置が可能ですが、ツールによって費用がかかる点には注意しましょう。

ツール選定のポイントは、ポップアップ経由でCVにどれだけ貢献しているかがデータで出るものを選ぶと、費用対効果が分かりやすく検討しやすいです。

また、一定量スクロールした時点でポップアップを表示させるツールもあり、離脱時のポップアップよりもCTRが高くなるケースもあります。

どちらの機能も使えるツールを選ぶと効果検証しやすいため、検討時にチェックしておくとよいです。

ヘッダー・フッターのオーバーレイ

ヘッダーやフッターのオーバーレイにCTAを設置することで、常時表示される形になるため、ユーザーが興味をもったタイミングですぐにクリックできるようになります。

一般的には効果が出やすい施策ですが、逆にオーバーレイに設置することでCVが低下するケースもあるので注意が必要です。CTRは高まったけど、CVが下がってしまったという場合には、オーバーレイの設置を見直してみましょう。

たとえば、検討するのに情報量が必要な商材、教育コンテンツが必要な場合です。商材に対しての情報量や事前知識の部分を読まずにCTAをクリックした場合、ユーザーが充分な検討材料がないまま遷移するため、結果的に「クリックは多いがCVにつながらない」ケースになりがちです。

とくにスマホでの閲覧が多い場合には、オーバーレイだけで画面の占有率もとってしまうため、1画面内での情報量が少なくなってしまいます。

効果が出やすい施策とされている分、どの商材でもオーバーレイに設置すれば効果が出ると思っている方が多いですが、自社の商材によって本当に必要かどうかを検討してみてください。

CTAを設置する際の注意

CTAはページを訪れたユーザーの行動の中で、いかに自然な流れでクリックさせるかが重要です。

適切な設置位置を判断するためには、ユーザーがページに訪れた後にどういった行動をとるか、ストーリーを描くことが一つポイントとなります。

ページ上に突然、不自然な位置にCTAが設置されていれば、ユーザーは逆に離脱してしまうでしょう。

選択肢はできるだけ少なくする

CTAを設置する際、選択肢は極力減らすようにしましょう。たとえば、資料請求を行いたいと思っているユーザーに対して、「資料請求」「お問い合わせ」「詳しくはこちら」など複数の文言を使用すると迷わせてしまいます。人は判断を迷ったとき、行動を躊躇する傾向にあるため、コンバージョンしなくなる可能性があります。

視覚的に目に留まるデザインにする

CTAからコンバージョンが発生するかどうかは、デザインにも左右されます。たとえば、ボタンの形状や色によっても、クリックされやすい/されにくいがあります。

一般的に、ボタンに使用する色は緑やオレンジがよいと言われていますが、ページのデザインや他のクリエイティブとの配色によって最適解は異なります。また、あまりに過度なセールスの印象を与えてもいけないので、ボタンはフラットな形にし、デザインや文言で目を惹くようにします。

一度で効果を出すことは難しいため、何度も効果検証を繰り返して適切なデザインを取り入れましょう。

ユーザーの心理的ハードルを下げる

ユーザーの行動を促すときには、心理的なハードルを下げることが重要です。人間心理として、人は新しいものに警戒感や不安を抱くため、まずはこの警戒感を解かなければいけません。

たとえば、「今すぐ相談する」と「まずは相談してみる」では、後者の方が気軽に問い合わせられる印象を抱くと思います。ユーザー心理を考えて、行動に移しやすい表現を取り入れることが大切です。

また、たとえば高額な商品やサービスの場合には、いきなり「購入する」といったボタンだけではコンバージョンさせることは難しくなります。

そこで、「まずは資料請求する」や「お問い合わせ」といったCTAも同時に設置するといいでしょう。

先に、「選択肢はできるだけ少なくする」と述べましたが、「気にはなっているけれど、踏み出せない」といったユーザーの心理状況を踏まえて、行動に移しやすい状況を作ることも大切です。

「今」行動する理由を提示する

ユーザーは、「期間限定」や「数量限定」など、緊急性や希少性を感じると行動を起こしやすくなります。

「今、行動する」動機づけを与えることがコンバージョンにつながるため、ストレートに「今だけ」「今しかない」などの表現を使うことも有効です。

また、「今このページを●●人が見ています」という表示も、「他人に先を越されたくない」などの思いから、行動喚起につながります。

マイクロコピーを上手に利用する

マイクロコピーとは、Webサイトなどのユーザーインターフェース（入力フォームやボタン）に添えてある、ごく短い文字や文章です。

たとえば、ボタン本体には「資料請求」とだけ表記し、ボタンの上に「＼今なら無料でお届け／」などと表記します。

このマイクロコピーが添えられていることで、ユーザーはボタンをクリックした先に何があるのか、どのようなメリットが自分に与えられるのかを瞬時に判断できます。

人間が瞬時に理解できる文字数は「13文字」と言われているため、端的で具体的な内容を書けるかがポイントになるでしょう。このとき、漢字・ひらがな・カタカナのバランスなど、字面にもこだわるとより効果的です。

複数のCTAを設置した方がよくなるケースも

CTAは基本的に、ユーザーが迷わずに行動できるための、いわば行動指針です。

ただし、コンテンツマーケティングなど、LPではなくブログ形式の記事内でCTAを設置する場合には、複数のユーザーに向けてCTA設置する方法が有効な場合もあります。

たとえば、

• CTA1：値段を重視して選ぶなら●●
• CTA2：サポートを重視して選ぶなら●●

のように、CAT1で取りこぼした人を2で拾うイメージです。

ABテストを行う

CTAの改善にはABテストが効果的です。ABテストを行う際、まずは仮説を立てることが重要になります。仮説を立てずにテストを行っても、効果的な検証結果を得ることはできません。

ボタンのデザイン・文言・要素の有無や配置場所などを変更することで、ページを訪れたユーザーにどのような態度変容が起こるかの仮説を立ててから、テストを行います。

ヒートマップを導入する

CTAを適切な位置に設置するためにおすすめの施策が、ヒートマップの導入です。ヒートマップはユーザーがページ上でどのような行動をとっているかが可視化できるツールです。

ユーザーがページのどこをよく見ているかがわかるため、ユーザーが熟読している部分、離脱している部分を確認し、適切な位置にCTAを設置しましょう。