CTAでサイトの離脱を防ぐ～Webマーケティングの基礎

CTAとは、「Call To Action(コール トゥ アクション)」の略称で、「行動喚起」と訳されます。
CTAはいわば、Webサイトの訪問者に具体的な行動に起こさせるきっかけ、です。具体的な行動を喚起するためにWebサイト上に設置されたイメージやテキストもCTAです。

CTAを適切に設定することで、Webサイトの離脱者を減らし、Webマーケティングの効果を高めることができます。

CTAとは

Webサイトでよくみる「詳しくみる」や「資料を請求する」「問い合わせる」のボタンがCTAす。

Webサイトの運営者がユーザーに何かさせたいときCTAを使います。
したがってCTAはWebビジネスの販促品とみなすこともできます。

CTAの重要性

CTAが重視されているのは、サイト訪問者の離脱を防ぐ効果が高く、CV（コンバージョン）アップが見込める割に、その施策にかかるコストが安いからです。

例えば、商品やサービスを比較するページに、問い合わせができるCTAや購入を促すCTAを設置すると、ユーザーを次の行動に導くことができます。

Webサイトを訪問する目的はユーザーごとに異なります。CVを増やすために、ユーザーニーズに応じたCTAを設置するようにしましょう。

CVを増やさなければならないが、コストがかかっては元も子もない

CVとは、施策に費やした費用がどれくらい成果に結びついたかを表す指標です。成果とは例えば、Webサイトで宣伝したサービスの会員登録数や商品購入数、資料請求数などです。
したがってWebサイト運営者にとって、CVを増やすことこそが至上命題となります。

WebサイトをリニューアルするとCVは確実に増えますが、それにはコストがかかります。リニューアル・コスト以上にCV効果が得られる、と確信できないと、なかなかリニューアルに踏み切れないはずです。

しかしCTAなら少し手を加えるだけで済むのでコスト安に実施できます。
CTAで効果が出なければ大規模リニューアルが必要になるかもしれませんが、まずはCTAを試してみて、効果を測定したほうがよいでしょう。

CTAとリニューアルは同時に行わないで

このときの注意点として、大規模リニューアルとCTA施策は同時に行わないでください。同時に行うとどちらに効果があったのかがわかりづらくなるからです。

CTAの使い方

CTAは、ユーザーに以下のような行動喚起をする際、よく使用されます。

・商品やサービス購入ボタン・資料請求ボタン・会員登録ボタン・カスタマーサービス・メルマガ登録

CTAがよく使用される設置場所CTAは設置する場所を工夫することで、ユーザーからのCVを増やすことができます。

CTAは、主に以下のような場所に設置すると効果的です。

・Webページのヘッダー・フッター・Webページのサイドバー・見出しや本文の途中や直後・コンテンツとコンテンツの間・ページ遷移時のポップアップ

CTAを効果的に設置するポイント

CTAを設置する際は、ユーザーがメリットを感じるようなものにする必要があります。

適切な場所に設置する概要を記載する

CTAは、いわゆる、かゆいところに手が届く場所にあることが理想です。ユーザーがWebページの記事を読み込んでいるときに、「これは面白いな。もっと詳しく知りたい」と思ったとします。そのとき「問い合わせ」ボタンがあれば反射的にクリックしてしまうでしょう。最適な場所がみつからない場合は、上記の「『CTA』がよく使用される設置場所」で紹介した場所にまずは置いてみましょう。

選択肢をできるだけ減らす

選択肢が多いことは、メリットにもデメリットにもなりますが、CTAに関してはデメリットになります。なぜならユーザーはCTAボタンを押すかどうかを一瞬で決めるからです。CTAボタンがたくさん並んでいると、ユーザーはどれを選んでいいか迷ってしまい「今は問い合わせしなくていいかな」と考えてしまうかもしれません。Webサイトの運営者が、このページでは資料請求を誘導したいと考えたら、そのページには「資料請求」ボタンしか置かないくらいの決断が必要でしょう。

デザイン全体に統一感をだす

概要を記載するWebサイトの運営者が強くCTAボタンを押させたいと考えてしまうと、ボタンのデザインを派手にしたくなります。しかしそれは逆効果でしょう。派手なCTAボタンは「押せ」といっているように聞こえ、ユーザーを不快にさせるかもしれません。CTAボタンのデザインは、Webサイトのデザイン・コンセプトに沿ったものにすることをおすすめします。

視覚的に強調したデザインにする

CTAを効果的に設置するポイントとして、視覚的に強調したデザインにすることも有効です。色やイラスト、写真はユーザーに何らかのイメージを与える効果が高いです。

CTAも同様に、デザインを工夫することでCV向上につながる可能性が高いです。

どのようなデザインが効果的かは、運営するWebサイトによって異なります。Webサイトを運営する方の好みやターゲットユーザーに合わせて、CTAを調整しましょう。

リンク先をイメージできる文言を使用する

CTAを効果的に設置するポイントとして、ユーザーがリンク先をイメージできる文言を使用することが重要です。

例えば、Webサイトに訪問したユーザーに、商品やサービスに関する資料をダウンロードして欲しい場合は、「資料請求(無料)」という簡素な文言を、商品やサービスに関する問い合わせフォームに誘導したい場合は「お問い合わせ(無料)」のような文言を使用すると、ユーザーがリンク先のページをイメージしやすいです。

また、記事の本文であえて答えや結論を明かさず、「◯◯に関する関連記事はこちら」と別ページに誘導することで、ユーザーの興味・関心を惹きつけられるだけでなく、次ページのPV増加にも繋がります。

視覚的に強調したデザインにする

CTAを効果的に設置するポイントとして、視覚的に強調したデザインにすることも有効です。色やイラスト、写真はユーザーに何らかのイメージを与える効果が高いです。

CTAも同様に、デザインを工夫することでCV向上につながる可能性が高いです。

どのようなデザインが効果的かは、運営するWebサイトによって異なります。Webサイトを運営する方の好みやターゲットユーザーに合わせて、CTAを調整しましょう。

ボタンにマイクロコピーを組み合わせる

概要を記載するマイクロコピーとは、小さなコピーのことです。例えば「お試しセットお申し込み」というCTAボタンをつくったら、その上に小さな文字で「お1人様1セットまで、4人家族なら4セット無料！」と書きます。マイクロコピーはユーザーにCTAボタンを押す動機を与えます。上記の例であればユーザーは「うちは3人家族だから3セット無料なのか」と考えるようになり「『お試しセットのお申し込み』ボタンを押そうかな」という気持ちにさせます。

ユーザーにして欲しい行動を明確にする

CTAを効果的に設置するポイントとして、ユーザーにして欲しい行動を明確にすることも有効です。

例えば「詳しい詳細はここクリック」ではなく、「⬇︎商品購入は下のボタンをクリック⬇︎」のように少し表記を変えるだけでも、ユーザーに起こして欲しい行動が明確になりやすいです。

文言やレイアウトを少し工夫するだけで、ユーザーの行動力は変化するため、Webサイト制作では細かい部分にも注意を怠らないようにしましょう。

緊急性を煽るCTAを効果的に設置するポイントとして、緊急性を煽ることも有効です。

例えば、運営するWebサイトで「A」という商品を購入してもらいたい場合、その「A」を今日購入するか、明日購入するかはユーザーの気分次第です。

大切な顧客を逃がさないためにも、「今」行動してもらえるようなをCTA設置することが重要です。例えば、「期間・数量限定！」や「激安キャンペーンは今日だけ！」といった緊急性を感じさせるキーワードを含めたりすることが有効です。

ユーザーの負担を軽減させる

CTAを効果的に設置するポイントとして、ユーザーの心理や労力への負担を軽減させることも有効です。人は新しいものには不信感や警戒感を抱き、簡単に行動しないことが多いです。例えば、「独自の成分で開発されたダイエットサプリ」や「これさえ読めば絶対儲かる！魔法のFX教材」などがいい例です。

「商品・商材購入」はユーザーの個人情報を入力する必要があり、行動への難易度が上がります。できるだけ「今」行動してもらうためにも、例えば「会員登録不要」「たった1分で購入完了！」など、ユーザーの心理的負担を最小限にしてあげるようなCTAを設置すると良いでしょう。

CTA設置後のポイント

CTA施策は、ボタンを設置して終わり、とはなりません。CTA施策を実施することを決めたら、まずは施策前のCVなどを調べておきます。こうすることでビフォー・アフターがわかります。CTAを設置したら効果を測定して、ビフォーと比較します。そして効果が出なかった場合はもちろんですが、効果が出た場合もCTAを改善しましょう。ボタンの大きさや位置、ボタンの文言などを変更します。CTAの設置と効果測定と改善を繰り返すことで、ベストのCTAが誕生します。

CTAの参考事例

ここでは、CTAの参考事例として3社ご紹介します。

株式会社ipe

株式会社ipeのトップページでは、全体が白・水色・黒の3色でまとめられているため、デザインがシンプルで見やすく、わかりやすいです。

また、CTAボタンはシンプルな文言・デザインで統一し、「詳しくみる」といった簡潔なキャッチコピー文で「資料ダウンロード」「お問い合わせ」に関して興味のあるユーザーに行動喚起を促しています。

マイナビ

株式会社マイナビの会員登録ページでは、「〇〇向け」といった文言で、該当するユーザーが行動しやすいCTAを設置しています。

また、各CTAボタンで色を使い分けることにより、区別のしやすさや見やすさを意識しています。さらに補足情報として、小さく「〇〇年に卒業予定の〜」と加えることで、該当するユーザーを絞り込んでいる点もわかりやすいです。

TikTok

TikTokのログイン画面では、全体が黒・白の2色でまとめられているため、デザインがシンプルで見やすいです。

また、「〇〇で続ける」というわかりやすいキャッチコピー文を置き、CTAボタンはシンプルに。CTAボタンの横に企業のロゴを設置することで、該当するユーザーがわかりやすい工夫がされています。

さらに重要喚起として、「登録」というCTAは赤文字で設置されている点も効果的です。

CTAを改善して、ユーザーの離脱を防ごう

CTAに焦点を当て、その概要や重要性、効果的に設置するポイント、参考事例などについて解説しました。

CTAは、ただ闇雲に設置すればいいわけではありません。ターゲットユーザーのニーズや行動、マーケティング市場の流行などさまざまな観点を分析し、適切な位置や文言、デザインで設置することが重要です。

CTAを効果的に設置するポイントや注意点を意識しながら、CTAの効果測定を定期的に行い、Webサイトの改善を図りましょう。

もしCTAに関して何か気になることがあれば、いつでも弊社へご相談ください。CTAについて最適解をご提示いたします。