この記事の要点：
- CTA（Call To Action、行動喚起）とは、ページを読んだ人に「次にしてほしい行動」を示し、その行動へ進む入口になるボタンやリンクのことです。資料請求、問い合わせ、関連記事への移動などがあります。
- 記事の CTA は、読者の段階に合わせて選びます。用語を調べに来た人には関連記事、比べている人には比較の資料、決めかけている人には相談や申し込み、というように、段階ごとに適した行動が違います。
- ページ全体を覆うポップアップは避けます。Google 検索セントラルは、煩わしいインタースティシャルやダイアログはコンテンツの把握を難しくし、検索のパフォーマンスが低下する可能性があると説明しています。
- 効果は、クリック（途中の行動）と、送信の完了（成果）を分けて GA4 で計測します。改善は一度に一つの要素だけを変え、変えた日と判断の基準を記録します。
CTAとは：読者に次の行動を示す入口
CTA（Call To Action、コール トゥ アクション）とは、Web ページを読んだ人に「次にしてほしい行動」を示し、その行動へ進む入口になるボタンやリンクのことです。日本語では「行動喚起」と訳されます。「資料をダウンロードする」「無料で相談する」のようなボタンが典型です。
CTA の役割は、読み終えた人が「次に何をすればよいか」で迷わないようにすることです。記事で疑問が解決した読者も、次の行動が示されていなければ、そのままページを閉じます。CTA は、記事の内容と、サイトの成果（問い合わせ・資料請求など）をつなぐ部分です。
| CTA で促す行動の例 | 読者にとっての意味 | サイトにとっての位置づけ |
|---|---|---|
| 関連記事を読む | 次の疑問を解決する | サイト内の回遊 |
| 資料をダウンロードする・請求する | 社内で検討する材料を得る | 見込み客の獲得 |
| メールマガジンに登録する | 続けて情報を受け取る | 継続的な接点 |
| 相談・問い合わせをする | 自社の状況に合うかを聞く | 商談の入口 |
| 申し込む・購入する | 使い始める | 成果そのもの |
CTA は「ボタンの色」の話として語られがちですが、まず決めるのは「このページを読んだ人に、どの行動を示すか」です。成果として何を数えるかは「GA4のキーイベントの設定方法」で説明しています。
CTAの種類：ボタン・テキストリンク・バナー・フォーム
CTA の形には、ボタン、テキストリンク、バナー（画像）、ページ内に置くフォームなどがあります。どの形が良いかは、目立たせたい度合いと、読む流れを妨げないかで選びます。
| 形 | 特徴 | 向いている場面 | 気をつけること |
|---|---|---|---|
| ボタン | 目立ち、押せることが一目で分かる | 記事末や、資料請求・相談など主要な行動 | 1 か所に並べすぎない |
| テキストリンク | 本文の流れの中に自然に置ける | 本文中で、関連する記事や資料を示す | リンクの文言だけで行き先が分かるようにする |
| バナー（画像） | デザインの自由度が高い | 資料やイベントの告知 | 画像の文字は読み上げソフトに伝わらないため、代替テキストを付ける。広告に見えると無視されやすい |
| ページ内のフォーム | 移動せずに申し込める | メールマガジンの登録など、入力が少ない行動 | 項目を増やしすぎない |
| 画面に固定（追従）するボタン | スクロールしても常に見える | 長いページ、スマートフォン | 本文を覆わない大きさにする |
読者の段階別：記事ごとに置くCTAの選び方
記事の CTA は、その記事を検索した人が「知りたい」「比べたい」「決めたい」のどの段階にいるかで選びます。用語の意味を調べに来た人に、いきなり「導入の相談」を勧めても、まだその段階にないため押されにくくなります。
| 読者の段階 | 記事の例 | 適した CTA | 理由 |
|---|---|---|---|
| 知りたい（用語・仕組みを調べる） | 「〇〇とは」「〇〇の意味」 | 関連記事、用語の続きを解説した記事、メールマガジン | 次の疑問の答えを示すほうが、読者の目的に合う |
| やり方を知りたい（手順を調べる） | 「〇〇のやり方」「〇〇の設定方法」 | 手順をまとめた資料、チェックリスト、関連する手順の記事 | 作業に使える材料を求めている |
| 比べたい（選択肢を比べる） | 「〇〇 比較」「〇〇 選び方」 | 比較の資料、事例の資料、料金ページ | 社内で検討する材料を集めている |
| 決めたい（依頼先・製品を決める） | 「〇〇 費用」「〇〇 依頼」 | 相談、問い合わせ、申し込み | 具体的な条件を確かめる段階にある |
表の記事の例は説明用です。どの段階の検索かは、検索結果の上位にどんなページが並んでいるかで判断します。判断のしかたは「検索意図とは」で説明しています。
1 つの記事に複数の CTA を置く場合は、主に示す行動を 1 つ決め、ほかは控えめな形（テキストリンクなど）にします。同じ強さのボタンが並ぶと、どれを押せばよいかが分かりにくくなります。
置く場所と文言：記事末・本文中・追従の使い分け
記事の CTA は、記事末を基本に、本文中と画面への固定を必要に応じて足します。置く場所ごとに、読者がその時点で何を求めているかが違うためです。
| 置く場所 | 読者の状態 | 置く CTA の例 |
|---|---|---|
| 記事末 | 読み終えて、次の行動を考えている | 主要な CTA（資料・相談）と関連記事 |
| 本文中（関連する節の直後） | その節の内容をもっと知りたい | その節に関係する資料や記事へのテキストリンク |
| 冒頭の近く | 答えだけ知りたい、すでに行動を決めている | 控えめなテキストリンク。冒頭を CTA で埋めない |
| 画面に固定 | 長いページを読み進めている | 小さなボタン。本文を覆わない |
文言の決め方
CTA の文言は、押すと何が起きるかが、その文言だけで分かるように書きます。「こちら」「詳しくはこちら」だけでは、押した先に何があるかが分かりません。
- 行動と対象を書く：例「サービス資料を請求する」「料金表を見る」
- 押した後の負担を書き添える：例「入力は 3 項目」「1 分で完了」（事実の場合だけ）
- 読者が得るものを書く：例「設定の手順書を受け取る」
例の文言は説明用です。「1 分で完了」のような数字は、実際にそうである場合だけ書きます。
ボタンとリンクの使い分け
見た目がボタンでも、HTML では、別のページへ移動するものはリンク（<a href>）、ページ内の操作をするものはボタン（<button>）で作ります。MDN の <a> 要素の説明では、href を「#」などにしてボタンの代わりに使う書き方を「よく見られる誤った使い方」とし、「アンカーは適切な URL を使用して移動するためだけに使用するべき」としています（2026 年 10 月 13 日確認）。
また、W3C のアクセシビリティの基準（WCAG 2.2 の達成基準 2.4.4「リンクの目的（コンテキスト内）」）は、リンクの目的が、リンクの文言だけか、文言と周りの文脈から分かることを求めています。行き先の分かる CTA の文言は、読み上げソフトを使う人にも役立ちます。
ポップアップ型のCTAで気をつけること
ページを開いた直後に本文全体を覆うポップアップの CTA は避けます。Google 検索セントラル「煩わしいインタースティシャルやダイアログを避ける」は、煩わしいダイアログやインタースティシャルが表示されると「Google や他の検索エンジンがコンテンツを把握することが困難になり、検索のパフォーマンスが低下する可能性があります」と説明しています（2026 年 10 月 13 日確認）。
同じページでは、インタースティシャル（ページ全体を覆う表示）とダイアログ（ページの一部を覆う表示）を区別し、次のような方法を勧めています。
| 出し方 | Google 検索セントラルの説明 | CTA での置き換え |
|---|---|---|
| ページ全体を覆うインタースティシャル | よくあるミスとして、インタースティシャルでページ全体を覆わないようにする | 使わない |
| 同意や入力のために別ページへ転送する | ユーザーを別のページにリダイレクトしないようにする | 記事の上でそのまま読めるようにする |
| 画面の一部だけを覆うバナー | ページ全体を覆うインタースティシャルではなく、画面のほんの一部だけを覆うバナーを使用する | 小さなバナーや、記事末のボタンにする |
ただし、年齢確認など法律で表示が必要なものは、このガイドラインの対象外とされています。メールマガジンの登録などを促したい場合も、本文を読めなくする出し方ではなく、記事末や画面の一部に収まる形にします。
よくある誤解と実際
| よくある誤解 | 実際 |
|---|---|
| ポップアップは SEO に関係ない | Google 検索セントラルは、煩わしいダイアログは検索のパフォーマンスが低下する可能性があると説明している |
| ボタンに見えれば、HTML は何でもよい | 移動はリンク、操作はボタンで作る（MDN）。読み上げソフトに正しい意味が伝わる |
| 「詳しくはこちら」で十分伝わる | リンクの目的は文言か文脈から分かるようにする（WCAG 2.4.4） |
| CTA のクリック数が成果の数 | クリックは途中の行動。成果は送信が正常に受け付けられた時点で数える |
効果の測り方：クリックと成果を分けてGA4で計測する
CTA の効果は、「CTA が押された回数（クリック）」と「その先で成果に至った回数（送信の完了）」を分けて計測します。クリックが多くても、その先のフォームで止まっていれば成果は増えないため、2 つを分けると、問題が CTA にあるのか、その先にあるのかを切り分けられます。
| 計測するもの | イベントの例 | GA4 での扱い |
|---|---|---|
| CTA のクリック | 独自のイベント（例：cta_click）。どの CTA かをパラメータで送る | 通常のイベント（成果にはしない） |
| フォームの入力開始 | 例：form_start | 通常のイベント |
| 送信の完了 | 例：generate_lead | キーイベントとしてマークする |
アナリティクス ヘルプ「キーイベントについて」によると、キーイベントは「ビジネスの成果にとって特に重要なアクションを測定するイベント」で、収集したどのイベントでもキーイベントにできます（2026 年 10 月 13 日確認）。CTA のクリックまでキーイベントにすると、成果の数にクリックが混ざるため、成果の手前の行動は通常のイベントのままにしておきます。
計測されないときの確認手順
- GA4 の「リアルタイム」レポートを開き、自分で CTA を押して、イベントが届くかを確かめます。
- 届かない場合は、ページに計測タグが入っているか、CTA に計測用の印（クラスや属性）が付いているかを確かめます。
- 届くのに数が合わない場合は、タグが 2 か所から送られて二重になっていないか、テストの送信が混ざっていないかを確かめます。
- 成果のイベントは、送信の失敗や完了画面の再表示で送られていないかを確かめます。
AI検索から来た読者とCTA
AI の回答の中のリンクから来た人は、知りたいことの要点をすでに回答で読んでいる場合があります。GA4 のデフォルト チャネル グループでは、ChatGPT などからの訪問は「AI アシスタント」、Google の AI による概要と AI モードからの訪問は「オーガニック検索」に分類されます（アナリティクス ヘルプ、2026 年 10 月 13 日確認）。AI アシスタントから来た人の CTA のクリックや成果は、チャネルで絞り込んで確かめられます。
改善の進め方：一度に一つの要素を変えて記録する
CTA を改善するときは、一度に一つの要素だけを変え、変えた日と判断の基準を先に決めて記録します。文言と場所と色を同時に変えると、数字が変わっても、どの変更が効いたのかが分かりません。
次の記録表を、変更のたびに 1 行ずつ埋めます。
| 項目 | 書く内容の例 |
|---|---|
| 対象ページ | 例：記事「〇〇とは」の記事末 |
| 変えた要素 | 例：文言だけ（「資料請求」→「設定の手順書を受け取る」） |
| 変えた日 | 例：2026 年〇月〇日 |
| 比べる期間 | 例：変更前の 4 週間と、変更後の 4 週間（曜日をそろえる） |
| 見る指標 | 例：CTA のクリック数 ÷ ページの表示回数、送信の完了数 |
| 判断の基準 | 例：件数が一定数に届くまでは判断しない |
| 結果と判断 | 例：続ける／元に戻す／別の要素を試す |
表の内容は説明用の例です。訪問が少ないサイトでは、数週間では差が偶然かどうかを判断できないことがあります。その場合は、率ではなく件数と変更の記録を残し、判断を急がないようにします。2 つの案を同時に比べる A/B テストを行う場合の注意点はLPOとはで、読まれ方をクリックの位置で確かめる方法は「ヒートマップとは」で説明しています。
当サイトの記事でのCTAの置き方
当サイト（seoagent.jp）のガイド記事では、本文の中にボタン型の CTA を置かず、本文の後に、読者の段階に合わせた行動を順に並べています。テーマのテンプレートで設定している内容は次のとおりです。
| 場所 | 置いているもの | 想定している読者の段階 |
|---|---|---|
| 本文の「SEOAGENTでできること」の節 | 関連する機能ページへのテキストリンク | 製品で何ができるかを知りたい |
| 本文の後 | 同じ分類の関連記事 3 本と、トピックページ（記事一覧）へのリンク | 知りたい（次の疑問へ） |
| ページの下部（記事を含む多くのページで共通） | 「サービス資料を請求する」ボタンと、「導入について相談する」リンク | 比べたい・決めたい |
| ヘッダー | 「資料請求」ボタン | すでに行動を決めている |
ページ全体を覆うポップアップや、スクロールで表示されるダイアログは使っていません。
計測では、ボタンやリンクに計測用の印（どの CTA かを表す名前）を付け、押されたときに cta_click というイベントを、CTA の名前と移動先の URL と一緒に GA4 へ送っています。コードのコメントには「cta_click はクリックの記録のみ」と書き、成果（generate_lead）は、問い合わせや資料請求がサーバーで正常に受け付けられたときだけ送るようにしています。CTA の名前のようなパラメータを GA4 のレポートで分類の軸として使うには、カスタムディメンションとして登録します。
ただし、当サイトは計測できている訪問がまだ少なく（2025 年 6 月 16 日〜2026 年 10 月 6 日の GA4 の全体のセッションが 46、Site Kit 経由で取得）、CTA ごとのクリック率を比べられる段階にはありません。このため、ここでは数値ではなく、置き方と計測の設定だけを示しています。
よくある質問
CTAボタンとは何ですか？
読者に次の行動（資料請求、問い合わせ、申し込みなど）を促すために置くボタンです。押すと何が起きるかが、ボタンの文言だけで分かるようにします。
CTAは1記事にいくつ置けばよいですか？
決まった数はありません。主に示す行動を 1 つに決めて記事末に置き、長い記事では関連する節の後にテキストリンクを足す、という考え方が基本です。同じ強さのボタンを並べすぎないようにします。
CTAのクリック率はどう測りますか？
CTA が押されたときにイベントを送り、「CTA のクリック数 ÷ そのページの表示回数」で計算します。成果を見るときは、クリックではなく送信の完了を別のイベント（キーイベント）で数えます。
ポップアップのCTAはSEOに影響しますか？
Google 検索セントラルは、煩わしいインタースティシャルやダイアログはコンテンツの把握を難しくし、検索のパフォーマンスが低下する可能性があると説明しています。本文を覆わない小さなバナーや、記事末のボタンを使います。
SEOAGENTでできること
SEOAGENT では、記事の構成を決める段階で、検索意図と自社の情報をもとに見出しや本文の作成を支援します。どの段階の読者向けの記事かを整理したうえで、記事末に示す行動を決める材料になります。公開後は Search Console と GA4 を連携し、記事ごとのクリックや表示回数、「流入と成果」で成果として設定したキーイベントを確認できます。
記事内の CTA のクリックを数えるには、お客様の Google タグ マネージャーなどでの設定が必要です。SEOAGENT がサイトに計測タグを入れることはありません。成果や検索順位を保証するものではありません。
CTAと関わる記事・サイト改善の記事は「記事・サイト改善の記事一覧」にまとめています。
