5 min remaining

CTAとは、「Call-To-Action」の略で、日本語に訳すと行動喚起という意味です。

ランディングページやブログ記事、SNS・広告、ニュースレター、CTAが用いられる場面は多種多様に存在します。

「無料でダウンロード」
「今すぐ電話で問い合わせを」
「最新カタログ無料進呈」

などのように、ユーザーにとって魅力的なサービスをインセンティブ(誘引)に、ユーザーにクリックするよう呼びかけます。

CTAのクリックスルー率が向上しなければ、リードのコンバージョン率は上がりません。その結果、Webサイトのトラフィック数は増えていったとしても売上に中々繋がらないという状態に陥ってしまいがちです。

本記事では、実際のCTAコピー14例をご紹介します。訪問者をクリックやコンバージョンに力強く促すような、質の高いCTAコピーを作成するために、これらの実例が参考になると思います。是非とも、自社のCTAを改善する参考にして下さい。

8週間で改善できるコンバージョン率最適化のための完全無料ガイド

CTAとは?

CTAとは?

CTAとは、Web広告やコンテンツ、メールなどを見た人に、次のステップに進むよう促す「行動喚起」です。

BtoC企業は主に消費者を販売プロセスに導くために、BtoB企業は主にリード(見込み客)獲得のために、CTAを要所要所に設置します。

具体的には、以下のようなものがCTAとして使われます。

  • カートに入れる:購入を促す
  • 資料請求:製品やサービスの説明を紹介する記事の最後に設置される
  • 会員登録:ブログ記事の途中で、会員専用に切り替わり、続きを読みたい人向けに表示される
  • メルマガ登録:関連情報が届くことを知らせる
  • シェアボタン:SNSでシェアすることを促す

CTAhaユーザーがわかりやすいようにボタンを利用することが多いため、ボタンのデザインが重要です。しかし、CTAを作成する際は、デザインにこだわるばかりではなく、コンテンツを読んでいるユーザーが思わずクリックしたくなるようなキャッチコピーを考える事が重要です。

また、コピーライターであるDean Rieckは、Eyetrack IIIの調査結果を分析して、「情報を求めている人は、写真ではなくテキストに注目する」と述べています。

テキストがどのように活用されているのか、CTAの実例とテクニックを確認していきましょう。
 

CTA事例に見る、クリックを誘うテクニック

目を引くCTAを見ていると、使い方にはいくつかのパターンがあることに気づきます。ここではそれを5つのパターンにまとめました。

  1. 強力なコピーと連動するCTA
    説得力のあるコピー(広告文)を読むユーザーは「行動を起こしたい」という気持ちが喚起されています。盛り上がった気持ちをCTAがうまく捉えているパターンです。
     
  2. 何が得られるかが明確なCTA
    スパムや悪質なWebサイトの影響で、今日のユーザーのほとんどが、無造作にクリックはしません。その点、何が得られるかがはっきりしているCTAは、不安なくクリックできます。
     
  3. ボタンだけで伝わるCTA
    忙しい時は、長々とコピー全体を読むことはせず、一瞬でわかる情報を求めます。コピーを読まなくても、必要な情報が得られることがわかるCTAは、時間の節約になるでしょう。
     
  4. 統一感のあるCTA
    統一感のあるWebデザインは、人の脳が認知しやすいという特徴があります。Webページの中に違和感なく埋め込まれているCTAは、内容を把握しやすく、もっと知りたいという気持ちを喚起させます。
     
  5. 異なるコンテクストのCTA
    CTAの内容は、コンテンツと連動しているのが基本です。しかし、期間限定の無料デモを提供する時や、多領域に渡る統計を盛り込んだホワイトペーパーを提供する時など、コンテンツと直接には関係のないCTAを設置する場合もあります。基本を外れるパターンでのCTAは、工夫が必要です。

ではこの5つのパターン別に、実例を見ていきましょう。
 

強力なコピーと連動するCTA

CTAボタンに書かれたコピーは多くの人の目に触れ、たとえすぐクリックされなくても、潜在的な効果につながります。うまくコピーを活かしたCTAを紹介します。
 

Akismet

Akismetはスパムを防御するサービスを提供しており、そのことを訪問者にコピーで確実に伝えています。

Akismetを利用することでスパムを防御できるというポイントを、「Let Akismet handle it. You'll be protected within minutes(Akismetにお任せください。すぐに防御を開始します)」というコピーで強調し、そのコピーをすぐ下のCTAボタン「Get started(始めましょう)」が引き取っています。

訪問者はこのコピーを見て、CTAをクリックすればコメントスパムの心配からすぐに解放されると感じるでしょう。

Akismet

Amazon

この例のCTAは、本の画像のクリックを読者に「Look inside(日本語サイトでは「試し読み」)」というコピーで実に力強く促しています。コピーと矢印の組み合わせが絶妙なので、ページ内で必ずそこに目が行きます。クリックすると、購入を検討している本の一部を、ページをめくりながらプレビューすることができます。

Amazon

Eventbrite

Eventbriteはオンラインチケットサービスですが、販売するのはユーザーが企画したイベントです。ユーザーに企画を促し、SNSでの宣伝を手伝います。

CTAボタンには「イベントを企画しよう」というコピーがあり、CTAボタンの隣にあるテキスト「(It's free)」(無料)には、動機付けの効果があります。イベントを「無料」で作成できるのだから、これを利用してイベントを作成しない理由はない、と思わせる説得力があります。

またこのテキストが括弧に入っているため、後から付け足したようで押しつけがましさがなく、ソフトセルな感じで良いと思います。

Eventbrite

何が得られるかが明確なCTA

CTAの先に何があるか、テキスト全体を見なくても、CTAボタンだけを見ればひと目で分かるCTAを集めました。シンプルなCTAボタンですが、コピーや見せ方の工夫がなされています。
 

Bob Phibbs

Retail Doctor(小売り博士)を名乗るコンサルタントでありスピーカーでもあるBoB PhibbsのWebサイトです。

このCTAの「See How Bob Can Optimize Your Business(Bobによるビジネス最適化の方法をご覧ください)」というコピーには、訪問者がその上の3項目を読み飛ばしたとしても、このコピーからコンテキストを伝えることができるという狙いがあります。具体的で、アクションを重視した効果的なコピーです。

Bob Phibbs

Codebase

Codebaseはチームでソフト開発を行うためのコードホスティングプラットフォームを提供する会社です。

このランディングページでは、訪問者はCTAの上に表示された「15 day free trial(15日間無料トライアル)」というイタリック体のテキストによって、CTAをクリックした後のアクションについて非常に具体的に知ることができます。

「Try Codebase for free(Codebaseを無料で試す)」を実践するための方法と、その期間(15日間)も明確に示されています。コンバージョンの前に、その見返りとして何が得られるのかを、訪問者に明確に説明している素晴らしい例だと思います。

Codebase

Get Satisfaction

Get Satisfactionはテクニカルサポートを受けるユーザーによるオンラインコミュニティです。ユーザーが出した質問に、他のユーザーが回答したりアドバイスしたりするという、Yahoo!知恵袋などのテクニカルバージョンです。

このCTAのコピー「Read the Case Sturday(ケーススタディを読む)」はかなり具体的に書かれているため、訪問者はその周りのテキストを読まなくても何が得られるかを理解することができます。これほど率直なCTAなら、クリックして受け取るものが確実に伝わりますが、このことがコンバージョン率を大きく左右する場合がありますので、覚えておいてください。

Get Satisfaction

Go To Webinar

GoToWebinarは、オンライン専用のソフトウェアを提供する会社です。

GoToWebinarのトップページでは、2つのCTAボタンの下にハイパーリンクテキストを表示し、無料トライアルまたはオンライン購入のいずれかを選択できることを訪問者にわかりやすく伝えています。また、セールス担当者と話すという3番目のオプションも示されています。

この例から学ぶべきことは、CTAのサイズが小さく、ボタンのテキストではわかりづらい場合の対処法です。ボタンのテキストでは十分に伝えられなくてもコピーを利用して明確に示すことで、訪問者により効果的にクリックを促すことができます。

Go To Webinar

Brightcove

Brightcoveは動画配信プラットフォームです。

ここまで見てきたCTAの例で、CTAにはできるだけ具体的な情報を表示するのが効果的であることが理解できたと思います。このBrightcoveの例もその1つです。CTAの上部に無料のウェビナーとイベントが開催されることを述べ、ユーザーが登録する必要があることを明確に説明します。そしてCTAボタンでSign up today(今日、登録しよう)と促します。

Brightcove

APPSTEMPLATES.com

i-Phoneアプリ用のテンプレートを販売するCTAです。

コピー本文で手に入れられるものがチェックボタンと共に示され、CTAをクリックすることで得られるものを明確に示します。

それに続くCTAでは、ボタンをクリックするとウェブテンプレートへの「unlimited access(無制限アクセス)」を入手できると伝えます。さらに、$149から$50ドルへのディスカウントについても言及し、効果的にアピールしています。

APPSTEMPLATES.com

ボタンだけで伝わるCTA

Indie Aisle

Indie AisleはeBookを自費出版するサービスを提供する企業です。

CTAボタンに「登録し、無料で本を出版しよう」と明確に述べられています。ボタンの上部にはサービスの内容が箇条書きで説明されていますが、ボタンのコピーが各項目を完璧に要約しているため、訪問者が読み飛ばしても問題ありません。

Indie Aisle

Mobile Web Design

ウェブ・デザイナーでありスピーカー、著述家でもあるキャメロン・モールが『Mobile Web Design』という本を出版した際のWebページです。

Webページ全体で本の紹介がしてあり、「購入すべき理由」が箇条書きで述べられていますが、注目すべきはCTAボタンです。「本を購入」と簡潔に書かれており、クリックするとどうなるかが明確にわかります。しかも訪問者はボタンをクリックする前に内容を具体的に知ることができるので、何も疑問に思う必要がありません。

Mobile Web Design

OH! Media

OH! Mediaは企業Webサイトの設計・開発を行う企業です。このトップページでは、自社が手掛けたレジーナ交響楽団のWebサイトについての事例が紹介されています。

CTAには「ケーススタディを読む」と書かれているだけですが、訪問者が次のアクションに進むのにはこれだけで十分なで、それ以上の詳しい説明を追加する必要がありません。実際、このCTAの上部に書かれた文章は、人々の関心を引き、クリックしてもっと読みたいという気持ちにさせるために、途中で消えてしまいます。 

OH! Media

統一感のあるCTA

CTAボタンは目立たせなければ意味がなく、同時にWebページの統一感を損なうものでは、ユーザーの気持ちがそがれてしまいます。統一感と注意を引くことを両立させているCTAを紹介します。

Revolutionary Art Magazine

「SUBSCRIBE(定期購読)」というCTAのコピーはごくシンプルですが、その周りのテキストによって、購読することの価値がわかりやすく説明されています。

目を引くCTAボタンの下に、なぜ購読するべきかが書かれていますが、「No fluff. No ads. Just great articles...(素晴らしい記事さえあれば、装飾も広告も必要ありません...)」とあるとおり、CTAもまさにそれを実践しています。

Revolutionary Art Magazine

異なるコンテクストのCTA

CTAの内容や条件によっては、コンテンツと一致しないCTAをWebページに埋め込む必要があります。そのような場合に参考になるWebサイトです。

XS International

XS Internationalはハードウェア保守サービスを行う企業です。

会社の業務を紹介するページの右側に、「大手サポートサービスの費用の高さにはうんざりしていませんか?」という強力なコピーで、コストを下げるためのヒントを掲載した「無料のホワイトペーパーをダウンロード」というCTAと、「メンテナンス費用の見積」というコピーの下に、「御社の設備をお知らせください」というCTAが掲載されています。

ウェブページのコンテキストが、CTAの内容とあまり結びつかないという場合は、CTAそのものがオファーの内容を力強く伝えるように、ビジュアルやコピーを作成する必要があります。この例にある2つのCTAは、2種類のオファーのコンテキストを説得力のあるコピーで表現しています。

XS International

CTAを工夫しCV率をアップさせよう

ここで紹介したCTAの実例は、それぞれに工夫がなされ、考え抜かれて設置されたものです。ユーザーのニーズに訴え、わかりやすい内容で、クリックするとどうなるかを伝えています。

さまざまなCTAがありますが、良いCTAに共通するのは、CTAをクリックしてくれるユーザーに対して「価値の提供をはっきりと伝える」ことにあります。

ほとんどのユーザーは、行動する前に、自分のニーズが満たされるかどうかを確認したいと思っています。だからこそ「行動すればこれが得られる」と伝える必要があります。

その提供する価値の中身を、コンテンツやコピーで誠実に伝え、そして実際にクリックによって価値を提供してください。

この記事はHubSpotによる新しいeBook(英語)、『101 Examples of Effective Calls-to-Action』の抜粋を日本語へ翻訳したものです。このeBookには、セグメンテーションを行う、メールリストを増やす、コンバージョンの不安を解消するなどを、CTAを利用して効果的に行っている実際の例をさらに87件ご紹介します。

HubSpotではこの他にもマーケティングやセールスに役立つ資料を無料で公開していますので、ぜひこちらからご覧ください。

New call-to-action

元記事発行日: 2016年6月13日、最終更新日: 2020年7月01日

トピック::

CTA