
CTAとは?基礎知識とCTAボタンの作り方を紹介
サイトを運営する上で重要な指標のひとつが、「コンバージョン率」です。特にネットショップや商品紹介ページを運営している方であれば、目標としてコンバージョン率の向上に励んでいる方も多いはずです。
そんなコンバージョン率向上のための施策として重要視されているのが、「CTA(Call To Action)」です。自社ホームページを訪れたユーザーに購入や資料請求など、何かしらの行動を起こしてもらうための要素です。
CTAを工夫することで、より高いコンバージョン率を狙うことができます。今回は、効果的なCTAを設置するためのポイントを7つ解説します。
CTAとは
CTAとは「Call To Action」の略であり、日本語では「行動喚起」と訳されます。Web上のユーザーに行動を喚起させるするためのテキストや画像に対して使われている用語です。上記画像の赤枠部分のようなものを指します。
たとえばページ上で、「資料を請求する」や「問い合わせる」といったボタンを見たことはありませんか?このようなユーザーに行動を促すボタンもCTAの一種であり、ページでの資料請求や問い合わせを獲得するには欠かせない要素です。
参考:[CTA | SynergyMarketing] (https://www.synergy-marketing.co.jp/glossary/cta/)
CTAの改善が必要な理由
ユーザーはさまざまな動機を持ってホームページを訪れるため、それに応じたCTAを設置することが大切です。CTAはいわば、コンバージョンまでの道のりを目立たせる役割を果たします。そのため、コンバージョン獲得を向上させるためにはCTAを工夫する必要があります。
CTAとしてよく扱われる例
以下のような行動を起こさせるためによくCTAは設置されます。
- 購入
- 資料請求
- お問い合わせ
- 会員登録
- メルマガ登録
- 定期購読登録
- コメント記入
上記のような目的がある場合は、CTAを設置すべきでしょう。
CTAの設置場所
CTAは設置する場所を工夫することでコンバージョン率向上に繋げられます。一般的に下記のような場所に設置します。
- Webページのヘッダー・フッター
- サイドバー
- コンテンツ(記事)の途中や直後
- LPのファーストビュー、コンテンツとコンテンツの間
- ページ遷移時にモーダルやポップアップで表示
コンバージョン率UPに向けたCTA改善ポイント7選
1.ユーザーがリンク先をイメージできる文言を使用する
CTAは、ホームページに訪れたユーザーを「コンバージョン」に導くためのものです。いかにユーザーに「この行動を取ることで、自分にとってメリットのあるもの(商品や資料、情報など)が手に入る」と思ってもらえるかが重要です。
まずはどのようなユーザーにコンバージョンして欲しいのかを設定し、そのユーザーに響くCTAは何かを考えましょう。
たとえば、はじめてSNSに触れる担当者に、SNS運用のコツを伝える資料をダウンロードして欲しいときは、「Instagram」より「インスタグラム」と表記した方がひと目でサービス名を認識しやすいかもしれません。
また、コンテンツの中では答えや結論を明かさず「続きはこちら」と誘導することで、ユーザーの関心を惹きつけられるため、活用するのも手段です。
2.選択肢はできるだけ減らす
資料ダウンロードボタンが5個あるときと1個あるときでは、ユーザーはどちらが行動に移しやすいでしょうか。
一見、選択肢が多いほうが便利に感じるかもしれません。しかし、人は選択肢が多すぎると、その選択肢の多さから選ぶことを諦めてしまう心理が働きます。これを「決定回避の法則」と呼びます。
また、CTAボタンがいくつもあるとユーザーは選択に迷ってしまいます。できるだけ*選択肢を減らす工夫をしてみましょう。
参考:心理操作でコンバージョン率向上が目指せるかも!?知っておきたい行動心理学7選
3.設置場所を意識する
人の視線は、一般的に「左上から右下に向かって移動」や「アルファベットの“Z”や“F”のように移動」など視線に特徴があることはご存知でしょうか。CTAはユーザーの目につきやすい場所に設置することが重要なので、視線の流れを踏まえて右下や中央などページの性質に合わせてに設置場所を工夫してみましょう。
また視線に流れだけでなく、“自然に目につく場所”に設置するのも有効です。たとえば、ホームページのファーストビューでCTAが目に入るような場所への設置です。
4.視覚的に強調したデザインにする
色やイラスト、写真などのデザインは、ユーザーの視覚を通して直観的に何らかのイメージを与える効果があります。CTAも、デザインを強調したり変化を加えることでコンバージョン率向上に繋げることができるでしょう。
ホームページのトンマナを揃える必要はありますが、揃えた結果あまりに目立たなくなってしまうこともあるため、普段使わない配色を用いて目立たせるのも手段です。
ferretでも、ホームページのターゲットが好みそうな季節感のあるデザインを取り入れたことで、コンバージョン率が140%向上したという事例を紹介しています。
参考:イメージ画像のA/Bテスト事例、最もCVRが高かった画像とは・・・
CTAの色やデザインを変更するだけでも効果を生み出せることがあります。とはいえ、どのようなデザインが効果的かは、自社ホームページのターゲットや商品によって異なります。後述するA/Bテストツールを活用し、実際に検証してみましょう。
5.ユーザーに起こして欲しい行動を明確にする
CTAでは、ユーザーに「何をして欲しいのか」を明確にしましょう。たとえば「ここをクリック」ではなく、矢印を加えて「↓ここをクリックして購入」「続きを読むにはこちらをクリック」のように表記を変えるだけでも、ユーザーに起こして欲しい行動が明確になります。
ユーザーに何をして欲しいのか明確にし、迷わず行動を起こしてもらいましょう。
6.緊急性を感じさせる
たとえば自社ホームページで、「A」という商品を購入してもらいたい場合を考えてみましょう。そのAを今日購入するのか、あるいは来週購入するのかはユーザーに任せられています。
Aに興味をもったユーザーが「来週購入しよう」と、その日は断念し、他社のホームページでAを見かけ、他社で購入されてしまうというケースも起こりえます。
このようなケースを避けるためにも、できるだけ「今」行動を起こしてもらえるようなCTAを設置することが重要です。たとえば「期間限定」「数量限定」のような文言を用いたり、ストレートに「今すぐ」といったキーワードを含めたりすることも有効です。
人が期間限定であるもの、数が少ないものなどに価値を感じる心理を、「希少性の原理」といいます。
海外のホームページで、CTAに「今すぐ」というキーワードを含めたところ、コンバージョン率が147%も向上したという事例があります。
参考:How Creating a Sense of Urgency Helped Me Increase Sales By 332%|ConversionXL
7.ユーザーの心理的な負担を低減させる
CTAボタンは、ユーザーに何かしら新しい行動を促します。ただ、人は新しいものには警戒感を抱き、簡単には行動してくれないことも少なくありません。
それは「損失回避の傾向」とも呼ばれ、「得をしたい」気持ちより「損をしたくない」気持ちの方が強い心理傾向からきています。
参考:マーケティングする上で知っておきたい!行動経済学用語7選
特に「購入」や「資料請求」など、ユーザーの個人情報を入力する必要のあるものは難易度も上がります。例えば「会員登録不要」「たったの3STEP」など、心理的ハードルを下げるような表記も効果的です。
これまでに説明したコンバージョンを増やすためのポイントを踏まえて、CTAボタンの作り方を紹介します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- テキスト
- テキストとは、純粋に文字のみで構成されるデータのことをいいます。 太字や斜線などの修飾情報や、埋め込まれた画像などの文字以外のデータが表現することはできませんが、テキストのみで構成されたテキストファイルであれば、どのような機種のコンピューターでも共通して利用することができます。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- メルマガ
- メルマガとは、電子メールにて発信者が、情報を配信する手法の一つで、『メールマガジン』の略です。 一部有料のものもありますが、多くのメルマガは購読も配信も無料で行っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ヘッダー
- WEBページの上部スペースに位置し、どのページが開かれても常に共通して表示される部分です。ヘッダーの役割は、まずWEBページを目立たせ、ブランドイメージを訴求することにあります。会社のロゴなども通常はここに置きます。また目次となるメニューを表示し、自分が今どのページにいるかを分からせることもあります。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- ファーストビュー
- ファーストビューとは、ユーザーがホームページを訪問した際、スクロールせずに表示される範囲のことです。ディスプレイのサイズや解像度によって、ファーストビューは異なります。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ポップアップ
- ホームページにおいてポップアップとは、現在見ているホームページの上に、重なるような状態で、新たな画面が開き、その最前面面に表示されることを言います。より目立つ、注目を集めることが出来る反面、見ている画面を遮るように表示されるので、不快に受け取られる傾向があります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- タグ
- タグとは、原義では「モノを分類するために付ける小さな札」のことです。英語の「tag」を意味するものであり、荷札、付箋といった意味を持っています。特にインターネットに関する用語としてのタグは、本文以外の情報を付与するときに用いられます。
- コンテンツ
- コンテンツ(content)とは、日本語に直訳すると「中身」のことです。インターネットでは、ホームページ内の文章や画像、動画や音声などを指します。ホームページがメディアとして重要視されている現在、その内容やクオリティは非常に重要だと言えるでしょう。 なお、かつてはCD-ROMなどのディスクメディアに記録する内容をコンテンツと呼んでいました。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ファーストビュー
- ファーストビューとは、ユーザーがホームページを訪問した際、スクロールせずに表示される範囲のことです。ディスプレイのサイズや解像度によって、ファーストビューは異なります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- トンマナ
- トンマナとは、「トーン&マナー」の略で、広告におけるデザインの一貫性を持たせることを指します。また、ブランドのイメージカラーとホームページのデザインカラーを合わせる必要があるなど、「トンマナ」は企業部ブランディングにおいても重要です。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- A/Bテスト
- ホームページを作るときや何か商品を売りたいときに掲載する写真、あるいはデザインで迷ったときに、不規則ででたらめな順番でホームページや画像のデザインを変えて表示し、利用者がどちらをより多くクリックしたのか、より多く購入につながったのか、ということを試験できる技術やサービスまたは行為自体をA/Bテストといいます。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
- ユーザー
- ユーザーとは、コンピューターやシステムを利用する人のことを指します。 利用者、使用者、消費者などの意味を持つ英単語で、対義語は「メーカー」や「デベロッパー」などがあります。
おすすめ記事
関連ツール・サービス
おすすめエントリー
カテゴリから記事をさがす
Web マーケティング
- SEO(検索エンジン最適化)
- SNSマーケティング
- アプリマーケティング
- Web広告
- グロースハック
- ABテスト・EFO・CRO
- LP制作・LPO
- CMS・Webサイト制作
- 記事制作・ライティング
- コンテンツマーケティング
- メール配信・メールマーケティング
- マーケティングオートメーション(MA)
- リードジェネレーション(見込み顧客獲得)
- カスタマーサポート・カスタマーサクセス
- アクセス解析・広告効果測定
- データ分析
- リサーチ・市場調査
- 口コミ分析・ソーシャルリスニング
- O2O(Online to Offline)
- EC・通販・ネットショップ
- 多言語・翻訳
- 動画・映像制作
- AR・VR制作
- 統計データ
- マーケティングお役立ちレポート
- 連載
- チャットボット
- Web会議
- 動画マーケティング
- フォーム作成
- CRM(顧客管理)