マーケティング用語集カテゴリ:Web制作

CTA

Call to Actionしー・てぃー・えー

英語表記
CTA (Call to Action)
カテゴリ
Web制作
難易度
★☆☆(基礎)
関連サービス
Webサイト制作

CTAとは「Call to Action(行動喚起)」の略で、読んだ人に次の行動を促す言葉やボタンのこと。「資料をダウンロードする」「無料で相談する」「カートに入れる」といった要素がこれにあたります。ページの内容がどれだけ良くても、次の一歩が示されていなければ人は動きません。CTAは、読み手の気持ちと具体的な行動をつなぐ最後の一段です。

Why it matters

読ませることには成功していて、動かすことに失敗している

アクセスはあるのに問い合わせが来ない、というご相談は多くの場合ここに原因があります。記事は読まれ、サービスページも見られている。しかし最後に何をすればいいのかが示されていない、あるいは示し方が弱い。読者は「気になる」と思った瞬間に行動できないと、その気持ちを持ち帰らずに捨てます。数日後に思い出して戻ってくる人はほとんどいません。関心は生鮮品に近く、その場で受け取らなければ失われます。

よくある失敗は3つに整理できます。1つ目は言葉の問題で、ボタンに「送信」「お問い合わせ」とだけ書かれている状態です。これは押す人がする作業の名前であって、押した人が得るものではありません。読み手からすると「何が起きるのか分からないボタン」であり、押す理由がありません。2つ目は置き場所の問題で、CTAがページの一番下に1つだけ置かれている状態です。読者の気持ちが最も動くのはページの途中であることが多く、そこに入口がなければ、盛り上がりは下までスクロールする間に冷めます。3つ目は強さの問題で、まだ情報を集めている段階の人に「今すぐお見積り」を出してしまう状態です。求める行動が相手の温度より重いと、押されないだけでなく「売り込まれている」という印象だけが残ります。

中小企業の場合、この改善は費用対効果が特に高くなります。広告費を増やす、記事を増やす、SNSを始める──どれも継続的な投資が必要ですが、CTAの文言を書き換え、置く位置を変えるだけなら、かかるのは考える時間だけです。しかも効果は既存の全アクセスに対して働きます。にもかかわらず手が付きにくいのは、CTAが「デザインの一部」と見なされ、制作時に決めたまま誰も触らないためです。実際にはCTAは営業の言葉であり、現場の感覚を持っている人が書き換えるべき対象です。

Our perspective

押されないボタンの多くは、目立っていないのではなく、押した先が見えていない。

顧客心理の視点で見ると、CTAを押すかどうかの判断には2つの計算が働いています。得られるものの大きさと、払う代償の大きさです。代償とは金額のことではありません。入力の手間、時間、そして「この後に何をされるか分からない」という不安です。「お問い合わせ」というボタンが押されにくいのは、押した先が想像できないからです。営業電話が来るのか、しつこく追いかけられるのか、断りにくくなるのか。ここが不明なままだと、関心があっても手が止まります。だからCTAは、得られるものを具体的に書き、払う代償を先に打ち消すのが基本です。「無料で相談内容を送る(1営業日以内にメールで返信します)」のように、行動の中身と、その後に起きることを短く添える。それだけで押す前の躊躇が一段下がります。とくに社名を出す前の段階にいる人には、名乗らずに得られる入口を別に用意しておくと、離れずに済みます。

仕組み化の視点では、CTAを1個のボタンではなく強さの違う入口のセットとして設計します。型は4つです。①軽い入口(チェックリスト・事例集・診断など、名前とメールだけで得られるもの)②中くらいの入口(詳しい資料、料金の目安、ウェビナー)③重い入口(相談・見積・面談)④迷っている人向けの横道(関連する記事や比較ページ)。そしてページの中で読者の気持ちが動いた直後に、その温度に合う入口を置く。課題の説明を読み終えた直後には軽い入口、解決策の説明を読み終えた直後には重い入口が合います。一度この置き分けを作れば、あとは同じ型を全ページに複製できます。人が営業をかけなくても、読み手が自分の温度に合う入口を自分で選ぶ状態になります。これが、属人的な売り込みから設計された購買体験への切り替えです。

AI活用の視点では、3つの使い方が実用的です。1つ目は文言の候補出しで、ページの本文を渡し、想定読者と提供物を伝えたうえでCTAの案を10通り出させ、社内で選ぶ。ゼロから考えるより速く、自分では出てこない言い回しが混ざります。2つ目は不安の洗い出しで、「この文言を見た人が押す前に感じる不安を挙げてほしい」と頼むと、注意書きに書くべきことが見つかります。3つ目は置き場所の点検で、記事構成を渡して「読者の関心が高まる位置」を挙げさせ、自分の判断と突き合わせる。ARGASのような顧客追跡の仕組みを併用すれば、どのCTAがどの経路で押され、その後に成約まで進んだかを追えるため、クリック数ではなく最終成果で判断できます。ただし、決めるのは人です。AIの案は総じて無難になりやすく、自社ならではの強みが落ちがちなので、最後に現場の言葉で一度書き直してください。

Diagram

図解:どの位置に、どの強さのCTAを置くか

下の図は、読者がページを読み進める流れと、その位置で考えていることを並べたものです。同じCTAを全部の位置に置くのではなく、温度に合わせて強さを変えるのが要点です。右下の3点は、押されないときに色や大きさより先に見る箇所です。

CTAは「押させる」ものではなく、押したくなった位置に置くもの 左=読み進める流れ(下へ進むほど関心は高まる)/右=その位置での気持ちと、合うCTAの強さ ① ファーストビュー 読者:「これは自分向けか」を見極めている段階。 → 軽いCTAだけ。「資料を見る」程度。申込ボタンはまだ押されない。 ② 課題の説明の直後 読者:「うちの話だ」と自分の状況が重なった瞬間。 → 名乗らずに得られるもの。チェックリスト・診断・事例集。 ③ 解決の説明の直後 読者:「これなら解決できそうだ」と手応えを感じている。 → いちばん押される区間。相談・見積の入口を置いてよい。 ④ 記事の終わり 読者:読み終えたが、まだ決めきれていない人も混ざる。 → 「相談する」と「もう少し調べる(関連記事)」の2つを並べる。 押されないときに見る3点(色や大きさより先に、この順で直す) ① 言葉 ✗ 「送信」「お問い合わせ」 ○ 「無料で相談内容を送る」 得られるものと、かかる手間の 量を書く。作業名では動かない。 ② 置き場所 ✗ 記事末に1つだけ ○ 気持ちが動いた直後に置く 同じページに強さの違う入口を 混ぜ、位置ごとに置き分ける。 ③ 押した後の見通し ✗ 押した先が分からない ○ 「1営業日以内にメール」 電話は希望者のみ、と添える。 不安が消えると、手が動く。 押させるのではなく、押したくなる位置に置く

Case studies

事例で見る:国内・海外

海外

Amazonの「1-Click」 ── 行動までの段数を、極限まで削る

Amazonが、商品ページから1回の操作で注文を完了できる「1-Click」注文を導入し、米国で特許を取得したことは広く知られています。CTAの観点で注目したいのは、ボタンの見た目ではなく「買いたい」と思った瞬間から実際の注文までの段数を1つにまとめたという点です。通常であれば、カートに入れる→カートを見る→配送先を選ぶ→支払い方法を選ぶ→確認→確定と段が続きます。段が増えるほど、途中で気が変わる余地も、操作を面倒に感じる余地も増えます。ここから中小企業が持ち帰れる示唆は、CTAの改善とは「押させる工夫」ではなく「押した後に待っている段数を減らすこと」でもあるということです。ボタンの文言を磨いても、その先に長い入力フォームや会員登録が待っていれば結果は変わりません。自社のCTAを押した後、完了までに何回操作が必要かを一度数えてみると、削れる段が見つかることが多いはずです。なお、この事例における売上への影響などの数値は公開情報から断定できないため、ここでは扱いません。

How to use

現場での使い方:5ステップ

  1. 今あるCTAを全部書き出す文言・置いてある位置・押した先の3つを表にする。「お問い合わせ」だけしかない、が判明することが多い。
  2. 自社のページを読者として読み、気持ちが動く位置を探す課題に共感した直後、解決策が分かった直後。そこにCTAがあるかを確認する。無ければそれが最初に足す場所。
  3. 文言を「得られるもの+手間の量」に書き換える作業名(送信・登録)をやめる。「30秒で資料をダウンロード」のように、中身と負担を1行で示す。
  4. 強さの違う入口を2〜3種類つくり、位置ごとに置き分ける軽い入口・重い入口・迷っている人向けの横道。全ページに同じ型を複製できる形にしておく。
  5. クリック率ではなく、その先の完了数で判断する押されても離脱していれば意味がない。1か所ずつ変え、資料請求や相談の完了数で比べる。
Related terms

関連用語

Summary

まとめ:気持ちが動いた場所に、合う入口を置く

CTAは、読んだ人に次の行動を促す言葉やボタンです。押されない原因は、目立たないことよりも、押した先が見えないこと、置き場所が読者の気持ちと合っていないこと、求める行動が相手の温度より重いことにあります。だから作業名をやめて得られるものと手間の量を書き、押した後に何が起きるかを添える。そして軽い入口から重い入口まで強さを分け、読者の気持ちが動いた直後に置く。文言の候補出しや不安の洗い出しはAIに任せ、最後は現場の言葉で書き直す。この型を一度つくれば全ページに複製でき、売り込まなくても読み手が自分に合う入口を選んでいく状態になります。

関連サービス:Webサイト制作 — CTAの文言設計から入口の段階分け、ページ内の配置、押した後の完了率まで一貫して設計・改善します。
カテゴリ:Web制作

この内容を御社で実践したいとお考えですか?

Webサイト制作で実現できます

詳しく見る →

まずはお気軽にご相談ください