---
title: CTA設計の教科書｜文言・色・配置でクリック率を高めるBtoB実践ガイド
description: CTA設計とは、ユーザーが得る価値を明示し行動の障壁を下げるボタン文言・色・配置の設計です。BtoB向けの3原則、文言パターン30選、マイクロコピー、ページ種別ごとの配置、A/Bテストの進め方とHubSpotでの仕組み化までを解説し、記録テンプレートも紹介します。
image: https://start-link.jp/hubfs/blog/screenshots/generated/gen_AD-5.png
---

[![StartLink](https://start-link.jp/hs-fs/hubfs/logo/%E6%9C%80%E7%B5%82Start%20Link%20(500%20x%20150%20px)%20(%E8%83%8C%E6%99%AF%E3%81%82%E3%82%8A).png?width=130&height=39&name=%E6%9C%80%E7%B5%82Start%20Link%20(500%20x%20150%20px)%20(%E8%83%8C%E6%99%AF%E3%81%82%E3%82%8A).png "StartLink")](https://start-link.jp)

- [会社情報About](https://start-link.jp/about)
- [サービスService](https://start-link.jp/service)
- [プロダクトProducts](https://start-link.jp/sync)
- [YoutubeYoutube](https://start-link.jp/about/sns)
- [ブログBlog](https://start-link.jp/hubspot-ai)
- [業界別ガイドIndustry guides](https://start-link.jp/case)
- [採用情報Recruit](https://start-link.jp/recruit)

[資料DL](https://start-link.jp/download/service) [無料相談 →](https://start-link.jp/contact)

[会社情報](https://start-link.jp/about) [サービス](https://start-link.jp/service) [プロダクト](https://start-link.jp/sync) [Youtube](https://start-link.jp/about/sns) [ブログ](https://start-link.jp/hubspot-ai) [業界別ガイド](https://start-link.jp/case) [採用情報](https://start-link.jp/recruit)

[資料ダウンロード](https://start-link.jp/download/service) [無料相談 →](https://start-link.jp/contact)

- [トップ](https://start-link.jp)
- [会社情報](https://start-link.jp/about)
- [サービス](https://start-link.jp/service)
- [Youtube](https://start-link.jp/about/sns)
- [ブログ](https://start-link.jp/hubspot-ai)
- [Contact](https://start-link.jp/contact)
- [個人情報保護方針](https://start-link.jp/privacy-policy)
- [個人情報取り扱い規定](https://start-link.jp/personal-information-processing-agreement)

[ホーム](https://start-link.jp) › [ブログ](https://start-link.jp/hubspot-ai) ›[BtoBマーケティング](https://start-link.jp/hubspot-ai/btob-marketing) ›[Webサイト・CRO](https://start-link.jp/hubspot-ai/btob-marketing/website-cro) ›CTA設計の教科書｜文言・色・配置でクリック率を高めるBtoB実践ガイド

# CTA設計の教科書｜文言・色・配置でクリック率を高めるBtoB実践ガイド

- 2026年3月3日
- 最終更新: 2026年10月19日

![](https://start-link.jp/hubfs/blog/screenshots/generated/gen_AD-5.png)

この記事の結論

CTA設計とは、訪問者が次に取る行動（資料請求・無料相談・デモ申込など）を、価値の明示・障壁の低減・検討段階への適合の3原則で文言・色・配置に落とし込み、クリック率とその先の商談化率まで継続的に検証する取り組みです。着手の順番は「ボタン文言→マイクロコピーと配置→色とサイズ」が基本で、色とサイズはルールを1回決めれば十分です。HubSpotでは「マーケティング」配下のCTAツールで作成・計測でき、フォーム・コンタクト・取引と結びつけてCTAごとの成果を判断できます。 CTAはWebサイトにおけるコンバージョンの最後の一押しです。価値の明示・障壁の低減・段階的な設計という3原則を、文言・デザイン・配置・検証の順に仕組みへ落とし込みます。

ブログ目次

もっと見る ▼

CTA設計とは、訪問者が次に取る行動（資料請求・無料相談・デモ申込など）を、**価値の明示・障壁の低減・検討段階への適合**の3原則で文言・色・配置に落とし込み、クリック率とその先の商談化率まで継続的に検証する取り組みです。着手の順番は「ボタン文言→マイクロコピーと配置→色とサイズ」が基本で、色とサイズはルールを1回決めれば十分です。HubSpotでは「マーケティング」配下のCTAツールで作成・計測でき、フォーム・コンタクト・取引と結びつけてCTAごとの成果を判断できます。

**CTAはWebサイトにおけるコンバージョンの最後の一押しです。価値の明示・障壁の低減・段階的な設計という3原則を、文言・デザイン・配置・検証の順に仕組みへ落とし込みます。**

「アクセスは伸びているのに、問い合わせが増えない」「CTAは置いているが、文言は昔のまま誰も検証していない」「デザイナーに依頼した色とサイズが、ページごとにバラバラになっている」——BtoBサイトの改善をご支援していると、こうしたお話をよく伺います。

CTA（Call To Action）とは、Webサイト上でユーザーに特定の行動を促すための要素です。ボタン・バナー・テキストリンクなどの形態があり、「問い合わせ」「資料請求」「デモ申込」といったコンバージョンポイントへの導線として機能します。CTA設計とは、この要素について文言・デザイン・配置・検証の4点を、自社の検討プロセスに合わせて意図的に決めていく作業を指します。

本記事では、CTAの基本原則から、ボタン文言のパターン30選、色・サイズ・配置の最適解、ページ種別ごとのCTA設計、そしてA/Bテストの方法まで、CTAに関する知識を網羅的に解説します。

本記事は「[CVR（コンバージョン率）改善の基本と実践施策15選｜BtoB企業向け完全ガイド](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/cvr-improvement-btob-15)」シリーズの一部です。

## この記事でわかること

この記事では、CTAの基本原則からBtoBに合った文言・配置・検証方法まで、明日から現場で試せる形で整理しています。

- **CTAの基本原則とBtoBにおける設計思想** — 価値の明示・障壁の低減・段階的な設計という3原則を、BtoCとの違いを踏まえて整理します。
- **クリック率を高める文言とマイクロコピー** — 資料DL・相談・デモ・見積・コンテンツ誘導の5カテゴリ30パターンと、行動を後押しする補足テキストの型を解説します。
- **ボタンの色・サイズ・形状とページ種別ごとの配置** — コントラストとサイズの基準値、LP・ブログ・サービスページでの配置の違いをまとめます。
- **CTA改善のA/Bテスト設計** — 何から試すべきかの優先順位と、仮説の立て方・判定基準を示します。
- **CTA改善をスプレッドシート管理から仕組みに変える方法** — A/Bテストの記録とHubSpotでの計測・ナーチャリングまでのつなげ方を示します。

Webサイトからの商談創出を担当されているマーケティング責任者・担当者の方、そして制作会社に依頼しながら自社でも改善を回したい方に向けて書いています。最後まで読むと、自社サイトのCTAをどの順番で、どの基準で書き換えればよいかを判断し、検証の記録を残す運用まで設計できるようになります。

## CTAの基本原則とBtoBならではの設計思想

CTAは「最後の一押し」と言われますが、実際には記事を読み始めた瞬間から、読者は次の行動を無意識に探しています。BtoBでは衝動的な購買が起きない分、検討段階に合ったアクションをどれだけ丁寧に用意できるかが成果を分けます。ここではまず、CTAを構成する要素と、BtoB特有の3原則を整理します。

### CTAを構成する4つの要素

効果的なCTAは、ボタンそのものだけで成り立っているわけではありません。以下の4要素をセットで設計すると、改善の打ち手も整理しやすくなります。

1. **ボタン本体**：文言、色、サイズ、形状
2. **マイクロコピー**：ボタン周辺の補足テキスト
3. **周辺要素**：アイコン、矢印、社会的証明
4. **配置・文脈**：ページ内の位置とコンテキスト

### BtoB CTAの設計3原則

BtoBのCTAは、ユーザーが「社内で説明できる材料」を求めている点でBtoCと異なります。その前提に立つと、次の3原則に集約できます。

| 原則 | 説明 | 具体例 |
| --- | --- | --- |
| 価値の明示 | ユーザーが得られる価値を明確に伝える | 「送信」→「無料で資料を受け取る」 |
| 障壁の低減 | 行動のハードルを下げる情報を添える | 「3分で完了」「営業連絡なし」 |
| 段階的な設計 | 検討段階に合わせた複数のCTAを用意 | 認知期→資料DL／検討期→デモ |

特に3つ目の「段階的な設計」は、ライフサイクルステージの考え方と直結します。まだ課題を認識し始めたばかりの読者に「お問い合わせはこちら」だけを出しても、心理的な距離が遠すぎます。認知段階には資料ダウンロード、検討段階にはデモや無料相談というように、ステージごとに受け皿を変える発想が必要になってきます。さらに、一度商談化しなかった読者や、タイミングが早すぎて離脱した読者に対しても、事例集や比較資料といったコンテンツ誘導系CTAを用意しておくと、あらためてナーチャリングのループに乗せ直すきっかけになります。CTAは1回で決着をつける装置ではなく、検討段階を行き来する読者を継続的に拾い直す仕組みとして設計するのが向いています。

### 検討段階別のCTA設計表（ライフサイクルステージ対応）

HubSpotのライフサイクルステージ（サブスクライバー・リード・マーケティング条件を満たしたリード・営業条件を満たしたリード・商談など）に合わせてCTAを割り当てると、「どの段階の読者に何を出すか」を全員で揃えられます。次の表は、設計の出発点として使える対応表の例です。

| 読者の段階 | 置くCTAの例 | 成果を見る指標 |
| --- | --- | --- |
| 課題を調べ始めた（サブスクライバー〜リード） | ブログ購読、チェックリストの入手、ウェビナー参加 | フォーム送信率（CTAクリック→送信） |
| 解決策を比較している（マーケティング条件を満たしたリード） | 事例集、比較表、料金の考え方をまとめた資料 | 資料ダウンロード後の商談化率 |
| 導入を検討している（営業条件を満たしたリード） | 無料相談の予約、デモ申込、導入の進め方の相談 | 予約数と、予約後の商談への進行率 |
| 商談中 | 見積依頼、導入スケジュールの相談 | 見積依頼から受注までの転換率 |

この表を作るときは、段階の数を増やしすぎないことが大切です。最初は「課題を調べ始めた」「比較している」「導入を検討している」の3段階に絞り、段階ごとに主CTAを1種類だけ決めるところから始めると、運用が回ります。

### ただし、CTAだけでは解決しないこともある

正直に申し上げると、CTAの改善で伸ばせる範囲には限界があります。そもそもページに流入している読者の検索意図と提供物がずれている場合、文言をいくら磨いてもクリック率は上がりません。また、フォームの入力項目が多すぎてクリック後に離脱している場合は、CTAではなくフォーム側の改善が先です（入力フォームの具体策は「[EFO（入力フォーム最適化）の20の施策](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/efo-form-optimization-20)」で整理しています）。CTAは「意思を行動に変換する装置」であって、意思そのものを作る装置ではない、と捉えていただくのがよいかと思います。

## クリック率を高めるCTA文言パターン30選

文言はCTA改善の中でも比較的費用をかけず、早く試せる要素です。ここでは5つのカテゴリに分けて30パターンを挙げますが、そのまま使うより「なぜ効くのか」の軸を理解して自社の言葉に翻訳していただくことが、成果を分けるポイントになります。

この領域に関心がある方には[LP（ランディングページ）改善の極意](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/lp-improvement-cvr-2x)もおすすめです。

### 資料ダウンロード・問い合わせ相談系（文言1〜12）

認知〜比較検討の初期に置く、最も入口に近いCTAです。「何がもらえるのか」「どれだけ時間がかかるのか」を先に伝えるのが共通のポイントになります。

| No. | CTA文言 | 効果のポイント |
| --- | --- | --- |
| 1 | 無料で資料を受け取る | 「無料」で障壁低減 |
| 2 | 3分で読める資料をダウンロード | 所要時間の明示 |
| 3 | CVR改善チェックリストを入手する | 具体的なコンテンツ名 |
| 4 | 今すぐ資料を受け取る（無料） | 即時性＋無料 |
| 5 | 成功事例集を無料でダウンロード | コンテンツの価値訴求 |
| 6 | 導入ガイドブックを受け取る | 具体的な形式の提示 |
| 7 | 専門家に無料で相談する | 相手の専門性＋無料 |
| 8 | 30分の無料相談を予約する | 所要時間＋無料の明示 |
| 9 | まずは気軽に相談する | 心理的障壁の低減 |
| 10 | 自社に合ったプランを相談する | パーソナライズ感 |
| 11 | 課題をプロに相談する | 専門性の訴求 |
| 12 | 無料で改善提案を受ける | 得られる価値の明示 |

### デモ・トライアル・見積系（文言13〜24）

比較検討が進んだ読者向けのCTAです。ここでは「始めた後に何が起きるか」の不安を先回りして消す情報が効いてきます。

| No. | CTA文言 | 効果のポイント |
| --- | --- | --- |
| 13 | 実際の画面でデモを体験する | 体験の具体化 |
| 14 | 今すぐ無料で始める | 即時性＋無料 |
| 15 | 14日間無料で試してみる | 期間の明示 |
| 16 | カード不要で無料トライアル | 障壁情報の排除 |
| 17 | 自社のデータで効果を確認する | パーソナライズ |
| 18 | 3分でセットアップ完了 | 簡単さの訴求 |
| 19 | 無料で見積もりを取得する | 無料の明示 |
| 20 | 料金シミュレーションをする | 自分で操作できる安心感 |
| 21 | 最適なプランを診断する | パーソナライズ |
| 22 | 導入費用を今すぐ確認する | 即時性 |
| 23 | まずは資料で検討する | 段階的なアクション |
| 24 | 導入の進め方を聞いてみる | カジュアルさ |

### コンテンツ誘導系（文言25〜30）

まだ問い合わせに至らない読者を、離脱させずにサイト内に留めるためのCTAです。直接のコンバージョンにはなりませんが、回遊を生んで再訪の確率を上げる役割があります。

| No. | CTA文言 | 効果のポイント |
| --- | --- | --- |
| 25 | 成功事例をもっと見る | 具体的なコンテンツ |
| 26 | 他社の導入効果を確認する | 社会的証明 |
| 27 | 詳しい機能一覧を見る | 情報の具体化 |
| 28 | 比較表で違いを確認する | 判断材料の提供 |
| 29 | 無料ウェビナーに参加する | 学びの機会 |
| 30 | 最新の業界レポートを読む | 情報の鮮度 |

### 自社の言葉に翻訳するときの考え方

30パターンをそのまま並べても、自社のサービスに合うとは限りません。企業様によって提供できる価値も、読者が感じている障壁も異なりますので、最適な文言は自社で設計いただく必要があります。翻訳の手順としては、まず自社の資料や相談で読者が実際に得られるものを1文で書き出し、次にその行動をためらう理由を営業メンバーにヒアリングし、最後にその2つを合体させる、という順番がやりやすいかと思います。営業が商談の冒頭で使っている言い回しは、そのままCTA文言の素材になることが多いです。

### 弱い文言の書き換え例と6問の診断

既存サイトでよく見かける文言は、「何がもらえるか」「どれくらい手間か」のどちらかが欠けています。次の表は、書き換えの考え方を示した例です。

| よくある文言 | 書き換え例 | 直した観点 |
| --- | --- | --- |
| 送信 | 無料で資料を受け取る | 得られる価値を動詞で示す |
| お問い合わせ | 導入の進め方を30分で相談する | 相談内容と所要時間を示す |
| 詳しくはこちら | 料金プランの違いを比較表で確認する | 遷移先で得られる情報を示す |
| 資料請求 | 失敗パターン付きの導入チェックリストを受け取る | 資料の中身を具体名にする |
| 申し込む | 自社のデータで14日間試す | 開始後の体験を示す |

自社のCTAを点検するときは、次の6問に順番に答えてください。「いいえ」が付いた箇所が、最初に直す候補です。

1. ボタンを読んだだけで、押した先で何が得られるか分かりますか
2. 所要時間・費用・営業連絡の有無など、ためらう理由に先回りして答えていますか
3. そのページの読者の検討段階に合った行動を提示していますか
4. ページ内の主CTAは1種類に絞れていますか
5. スマートフォンで親指が確実に押せる大きさと余白がありますか
6. クリック後のフォーム項目数は、約束した手間の範囲に収まっていますか

## ボタンの色・サイズ・形状をどう決めるか

デザイン要素は主観論になりがちな領域ですが、判断基準を先に決めておけば議論は短く済みます。色は「好み」ではなく「コントラスト」、サイズは「目立ち」ではなく「押しやすさ」で決めるのが基本的な考え方です。

### 色の選び方

CTAボタンの色は、ページ全体のデザインとのコントラストが最も重要です。単体で見て美しい色よりも、そのページの中で唯一浮いている色を選ぶ、と考えるとぶれません。

| 原則 | 説明 |
| --- | --- |
| コントラスト原則 | 背景色や周囲の色と対照的な色を選ぶ |
| ブランド一貫性 | ブランドカラーの補色を活用する |
| 視認性優先 | 白背景なら濃い色（青・緑・オレンジ）が効果的 |
| 統一性 | サイト内のすべてのCTAで同じ色を使用する |

色ごとの心理的効果は、次のように整理できます。

| 色 | 心理的効果 | 適した場面 |
| --- | --- | --- |
| 青 | 信頼性・安全性 | BtoBサービス全般 |
| 緑 | 安心・前進 | 無料トライアル、ダウンロード |
| オレンジ | 活力・行動喚起 | 問い合わせ、申込 |
| 赤 | 緊急性・重要性 | 期間限定キャンペーン |

ここで大事なのは4つ目の「統一性」です。ページごとに色が違うと、読者は「これがボタンだ」という学習ができません。色の意味づけはサイト全体のルールとして決め、個別ページで例外を作らない運用にしておくと、担当者が変わっても品質が保てます。

### サイズと形状の基準値

サイズは、モバイルで指が正確に押せるかどうかが判断軸になります。以下は実務上の目安として使っている値です。

| デバイス | 最小サイズ | 推奨サイズ |
| --- | --- | --- |
| PC | 幅180px × 高さ44px | 幅240px × 高さ52px |
| モバイル | 幅は画面いっぱい × 高さ48px | 幅は画面いっぱい × 高さ56px |

形状は次の4パターンから、サイトの印象に合わせて1つを選び、全ページで統一します。

- **角丸（border-radius: 4〜8px）**：最も一般的で、クリック率が高い傾向
- **完全角丸（pill型）**：モダンなデザインに適合
- **角なし（直角）**：フォーマルな印象、金融・法律系に適合
- **影付き（box-shadow）**：立体感でクリッカブルであることを示す

### デザイン要素は「最優先」ではない

ただし、色やサイズの変更で得られる改善幅は、文言の変更に比べると限られるケースが多いです。後述するテスト優先順位でも、色・サイズは中程度の優先度に置いています。デザインの議論に時間をかけすぎると、本来先に手を付けるべき文言と配置が後回しになってしまうため、色とサイズは「ルールを1回決めて全ページに適用し、以後は触らない」という進め方をおすすめしています。

## ページ種別ごとのCTA配置戦略

同じCTAでも、読者がそのページに来た動機によって最適な置き場所は変わります。LPは意思決定を促す場、ブログは信頼を積む場、サービスページは不安を潰す場、と役割を分けて考えると配置が決まりやすくなります。

### LP（ランディングページ）

広告や資料請求経由で訪れる、目的が明確な読者が中心です。即決層と熟読層の両方を拾うため、複数箇所に置きます。LP全体の構成から見直したい場合は「[LP（ランディングページ）改善の極意](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/lp-improvement-cvr-2x)」も参考になります。

| 配置場所 | CTA種類 | 目的 |
| --- | --- | --- |
| ファーストビュー | 主CTA（大きく目立つ） | 即決ユーザーの獲得 |
| 課題提起セクション後 | 副CTA（テキストリンク） | 課題を認識したユーザーの誘導 |
| 特長・事例セクション後 | 主CTA（ボタン） | 十分な情報を得たユーザーの獲得 |
| ページ最下部 | 主CTA＋副CTA | すべて読了したユーザーの獲得 |
| フローティング | 主CTA（小さめ） | スクロール中の常時表示 |

### ブログ記事

検索から流入する、まだ課題を調べている段階の読者が中心です。強い申込CTAより、資料ダウンロードなど軽いアクションを置くほうが噛み合います。

| 配置場所 | CTA種類 | 目的 |
| --- | --- | --- |
| 記事冒頭（H2前） | バナーCTA | 早期離脱ユーザーの獲得 |
| 記事中盤 | インラインCTA | 関連コンテンツへの誘導 |
| 記事末尾 | バナーCTA＋テキストCTA | 読了ユーザーの獲得 |
| サイドバー | バナーCTA | 常時表示 |
| ポップアップ | スクロール連動CTA | 離脱防止 |

### サービスページ

比較検討中で、社内説明の材料を探している読者が中心です。料金やFAQといった不安が解消された直後に置くのが効果的です。

| 配置場所 | CTA種類 | 目的 |
| --- | --- | --- |
| ヘッダー固定 | テキストCTA | 常時表示 |
| サービス説明後 | 主CTA | 具体的なアクション誘導 |
| 料金セクション後 | 主CTA＋副CTA | 比較検討後のアクション |
| FAQ後 | 主CTA | 不安解消後のアクション |

### 配置で失敗しやすいパターン

ページの役割ごとに「主CTAは何か」を1つだけ決め、それ以外は副CTAとして控えめに置く、という切り分けをしておくと過剰な設置を防げます。1つのページに主CTAが2つも3つもあると、読者はどれを押せばよいか迷い、結果としてどのCTAもクリックされにくくなります。

配置まわりで起きやすい失敗と、回避策を整理します。HubSpotのCTAツールには、ポップアップ・バナー・スライドインといった種類があり、重ね方を誤ると表示が競合します。

| よくある失敗 | 起きること | 回避策 |
| --- | --- | --- |
| スライドインのCTAを1ページに複数置く | 表示が競合して出ない場合がある（HubSpotは1ページ1つを推奨） | スライドインは1ページ1つに絞り、他は埋め込み型にする |
| ファーストビューと末尾で別々の訴求を置く | 読者が何をしてほしいのか分からなくなる | 主CTAは1種類。位置が違っても文言と遷移先を揃える |
| モバイルでPC用のCTAをそのまま出す | ボタンが小さく押しにくい、画面を覆う | レスポンシブ設定を有効にするか、小さい画面では非表示にする |
| 記事冒頭に強い申込CTAを置く | 調べ始めの読者が離脱する | 冒頭は軽い資料DL、読了後に相談・デモを置く |

出典：[HubSpotナレッジベース「Create calls-to-action (CTAs)」](https://knowledge.hubspot.com/ctas/create-calls-to-action)（スライドインの推奨、レスポンシブ設定、外部サイトでの前提条件の記載）。

## マイクロコピーで心理的障壁を下げる

マイクロコピーとは、CTAボタンの周辺に配置する短いテキストです。ユーザーの不安を解消し、行動を後押しする役割を果たします。ボタン文言の次に効果が出やすく、しかも実装が軽いため、改善の初期段階で取り組む価値が高い要素です。

### 効果的なマイクロコピーのパターン

読者がクリック直前に頭に浮かべる疑問——「時間はかかるか」「本当に無料か」「営業されないか」——に、先回りして答えるのが基本形です。

| カテゴリ | マイクロコピー例 | 配置 |
| --- | --- | --- |
| 時間の明示 | 「入力は30秒で完了」 | ボタン直上 |
| 無料の強調 | 「完全無料・費用は一切かかりません」 | ボタン直下 |
| 安心感 | 「しつこい営業は一切ありません」 | ボタン直下 |
| 社会的証明 | 「すでに多くの企業が利用中」 | ボタン直上 |
| 即時性 | 「今すぐメールで届きます」 | ボタン直下 |
| リスク排除 | 「クレジットカード不要」 | ボタン直下 |
| 具体性 | 「全32ページのPDF資料」 | ボタン直上 |

### 配置と分量のルール

マイクロコピーは足しすぎるとボタンより目立ってしまい、逆効果になります。以下のルールを守ると、補助線としての役割に収まります。

1. ボタンとの距離を8〜16pxに保つ
2. フォントサイズはボタン文言より小さく（12〜14px）
3. 色はグレー系で控えめに
4. 1つのCTAにつき1〜2つまで

### 書いた約束は運用で守る

「しつこい営業は一切ありません」と書いたのであれば、その後の連絡フローも実際にそう運用されている状態にしておく必要があります。ここが崩れると、短期のクリック率は上がっても、その後の商談化率や信頼を損ないます。マイクロコピーは営業側の運用ルールとセットで決める、と考えていただくのがよいかと思います。

## CTA改善のA/Bテストを設計する

CTA改善は、一度きりの作業ではなく継続的な検証のプロセスです。ここでは何から試すかの優先順位と、判断を誤らないための進め方を整理します。

### テスト対象と優先順位

期待できる改善幅と実装の手間を掛け合わせると、着手順はおおよそ次のように整理できます。改善幅の評価はあくまで優先順位を議論するための目安であり、業種やページによって実際の効果は変動します。

| テスト対象 | 期待改善幅 | テスト難易度 | 優先度 |
| --- | --- | --- | --- |
| ボタン文言 | 大 | 低 | 最優先 |
| マイクロコピー | 中 | 低 | 高 |
| 配置場所 | 中 | 中 | 高 |
| ボタンの色 | 小 | 低 | 中 |
| ボタンのサイズ | 小 | 低 | 中 |
| CTA周辺のデザイン | 小〜中 | 中 | 中 |

### A/Bテストの進め方

手順としては、以下の5ステップで回します。仮説を文章で書き残すところまでを1セットにするのがポイントです。

1. **仮説を立てる**：「CTA文言を『お問い合わせ』から『専門家に無料で相談する』に変更すると、クリック率が向上する」というように、変更内容と期待する方向をセットで書く
2. **1回のテストで1要素だけ変更**：複数要素を同時に変えると、何が効果をもたらしたか判断できない
3. **十分なサンプルサイズを確保**：各パターン200クリック以上が目安
4. **テスト期間は2週間以上**：曜日や時間帯による変動を平均化
5. **95%信頼区間で判定**：統計的に有意な差があるかを確認

### テスト結果の記録テンプレート

検証の結果は、同じ形式で残すようにします。仮説だけ立てて結果を残さないと、次の担当者が同じ検証を繰り返すことになりかねません。以下は記録フォーマットの例です。

| 項目 | 内容 |
| --- | --- |
| テスト名 | CTA文言テスト\_問い合わせページ |
| テスト期間 | 開始日〜終了日 |
| パターンA | 「お問い合わせ」 |
| パターンB | 「専門家に無料で相談する」 |
| Aのクリック率 | ％ |
| Bのクリック率 | ％ |
| 改善率 | ％ |
| 統計的有意差 | あり／なし |
| 結論 | 採用するパターンと理由 |

### テスト可否の試算：トラフィックから必要期間を逆算する

「A/Bテストを回せるページか」は、始める前に計算で判断できます。月間のCTA表示数にクリック率を掛けてクリック数を出し、2パターンに均等配分したときに、1パターンが目安の200クリックへ達するまでの期間を見ます。次の表はクリック率2％を仮置きした試算です（自社の実測値に置き換えてください）。

| 月間のCTA表示数 | 月間クリック数（2％） | 1パターンが200クリックに達する期間 |
| --- | --- | --- |
| 10,000 | 200 | 約8週間（2パターンで月100ずつ） |
| 20,000 | 400 | 約4週間 |
| 40,000 | 800 | 約2週間 |

この試算では、月間表示が4万回のページなら2週間で判定でき、1万回のページは2か月かかる計算です。後者のように期間が延びるページは、テスト期間中に季節要因や施策の変更が混ざりやすくなります。テストを見送って、前述の6問の診断で明らかに弱い箇所を先に直すほうが合理的です。

**HubSpotでのA/Bテストの前提：**公式ナレッジベースでは、旧CTAツール（CTA (legacy)）の機能としてA/Bテストが挙げられ、Marketing Hub ProfessionalまたはEnterpriseが対象と記載されています。2025年3月17日以降に作成されたアカウントでは旧CTAツールを使えないため、自社のアカウントでCTAのA/Bテストが可能かは、作成画面と公式ページで先に確認してください（[CTAs (legacy)](https://knowledge.hubspot.com/ctas/calls-to-action-frequently-asked-questions)）。

### ただし、トラフィックが少ないページでは向かない

A/Bテストには、判定に足るだけのクリック数が必要です。各パターン200クリックを2週間で集められないページでは、テストの結論が偶然に左右されてしまいます。月間の流入が少ないページでは、A/Bテストではなく「3原則に照らして明らかに弱い文言を先に直す」という定性判断で進めるほうが現実的です。テストは、流入の多い主要ページから優先的に適用していくのが向いています。

## CTA改善をスプレッドシート管理から仕組みに変える

ここまでの内容を実行できても、多くの現場では成果が積み上がりません。理由は、テスト結果と実際の商談成果が別々の場所で管理されているからです。CTAのクリック数はアクセス解析、フォーム送信者の名簿はスプレッドシート、商談化したかどうかは営業のExcel——この状態では、「どのCTA経由のリードが最終的に受注したか」が誰にも分かりません。

### スプレッドシート管理で起きること

よく伺うのは、次のような状態です。スプレッドシートでCTAのテスト結果を管理していると、どうしても手動更新が増え、転記漏れや数値の食い違いが起きます。

| 項目 | スプレッドシート管理 | CRMで一元管理した場合 |
| --- | --- | --- |
| クリック数の集計 | 解析ツールから手動転記 | CTAごとに自動記録 |
| 送信者の名簿 | フォームごとに別シート | コンタクトに自動統合 |
| 商談化の有無 | 営業側の別ファイル | 取引レコードで紐づけ |
| 改善の振り返り | 担当者の記憶に依存 | レポートで誰でも再現 |

### HubSpotでCTAを全体フローに位置づける

HubSpotでCTAを作成・設置すると、クリックしたコンタクトの行動がそのままCRM上のレコードに記録されます。つまり、CTA→フォーム→コンタクト→取引→顧客という一気通貫のフローの、入口として位置づけられるということです。

具体的には、次のようなつながり方になります。

1. **Marketing Hub**：CTAとフォームを作成し、A/Bテストで文言を検証する
2. **CRM（コンタクト・取引）**：フォーム送信者がコンタクトとして自動登録され、どのCTA経由かが履歴に残る
3. **ワークフロー**：資料ダウンロード後のステップメールを自動配信し、ライフサイクルステージを更新する
4. **レポート**：CTA別のクリック率だけでなく、商談化率・受注率まで追える

上の手順の起点になるのが、CTAと紐づくフォームです。次の画面は、HubSpotのデモアカウントで作成したフォーム一覧です。CTA経由で作成したフォームも同じ画面で管理され、どのCTAからどのフォームに流入しているかを一覧で確認できます。

![フォーム一覧（HubSpotデモアカウント）](https://start-link.jp/hubfs/blog/screenshots/library/mkt_forms_list.png)

この流れができると、「クリック率は高いが商談にならないCTA」と「クリック率は低いが受注につながるCTA」を切り分けて判断できるようになります。クリック率だけを最適化すると前者ばかりが増えてしまうため、この切り分けは運用上の重要な判断点になります。

以下の画面は、展示会別の利益率・原価率をレポートで可視化した例です。CTAやフォーム経由の数値を同じ場所で確認できると、振り返りの会議が「印象論」から「数字の議論」に変わります。

![展示会別の利益率・原価率レポート](https://start-link.jp/hubfs/blog/screenshots/library/report_exhibition_cost.png)

### HubSpotでCTAを作る・測る手順（画面の場所）

HubSpotのCTAツールでの基本の流れは次のとおりです。メニュー名は公式ナレッジベースの記載に基づいており、日本語UIでは表記が異なる場合があります。

1. **CTA一覧を開く**：上部ナビゲーションの「Marketing」＞「CTAs」を開き、右上の「Create」から新規作成します（「More」の中に入っている場合があります）。
2. **種類を選ぶ**：ポップアップ系はバナー・ポップアップボックス・スライドイン、埋め込み系は埋め込み・埋め込み画像から選びます。記事内のインラインCTAは埋め込み型、離脱防止は他の型が向きます。
3. **モジュールを組み合わせる**：ボタンやテキストに加え、フォームやミーティングのモジュールを置けます。1つのCTAに置けるフォーム（新エディタ）とミーティングは、どちらか一方のみです。
4. **内部名を命名規則どおりに付ける**：後述の命名規則に沿った名前を付けて公開します。公開には「CTAの公開権限」が必要です。
5. **計測する**：「CTAs」の「Analyze」タブで全体、各CTAの「Performance」タブで個別の数値を確認します。指標は表示数・クリック数・クリック率・送信数・送信率、そしてリダイレクト先ページでのフォーム送信を示す「Attributed submissions」です。

作成画面の詳しい操作は「[HubSpot CTAボタンの作成・設置方法](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-cta-button-creation-guide)」で解説しています。公式の一次情報は、[CTAの作成](https://knowledge.hubspot.com/ctas/create-calls-to-action)と[CTAのパフォーマンス分析](https://knowledge.hubspot.com/ctas/analyze-cta-performance)のページです。

次の画面は、HubSpotのデモアカウントでCTAのテンプレートを選ぶ画面です。

![CTAテンプレート選択画面（HubSpotデモアカウント）](https://start-link.jp/hubfs/blog/screenshots/library/mkt_cta_list.png)

| 制約・前提 | 内容 | 対処 |
| --- | --- | --- |
| 外部サイトへの設置 | HubSpotのトラッキングコード（またはWordPressプラグイン）の導入が先に必要 | 設置前に計測コードの有無を確認する |
| ドメインをまたぐリンク | CTAではクロスドメインのリンクがサポートされない | 遷移先は同一ドメインのLP・フォームにする |
| 作成・編集の権限 | Super Adminまたは「CTAの編集権限」が必要 | 担当者の権限を運用開始前に付与する |
| キャンペーンとの関連付け | Marketing Hub ProfessionalまたはEnterpriseが必要 | プランを確認し、無い場合は命名規則で代替する |

### 人ではなく仕組みで回す

CTA改善が属人化しやすいのは、「気づいた人が直す」運用になっているためです。仕組みとして回すには、次の3点を決めておくと引き継ぎが効きます。

- CTAの命名規則を決める（例：ページ種別\_訴求内容\_パターン名）。後からレポートで絞り込めます
- 主CTAの文言・色・形状をサイト共通のルールとして文書化し、個別判断を減らす
- テスト結果を毎回同じテンプレートでCRM上またはナレッジに残し、次の担当者が過去の検証を再現できるようにする

この3点が揃っていれば、担当者が交代しても、新しく入ったメンバーが過去のテスト履歴を見ながら次の仮説を立てられます。個人の力量ではなく仕組みでCTAの品質を担保する、という発想です。

### 命名規則とワークフローの設計例

CTAの内部名は、後からレポートで絞り込める形にそろえます。次のように「ページ種別・訴求・位置・パターン」を区切り文字でつなぐ設計が扱いやすい例です。

| 要素 | ルール | 例 |
| --- | --- | --- |
| ページ種別 | blog / lp / svc（サービスページ） | blog |
| 訴求内容 | whitepaper / consult / demo / webinar | whitepaper |
| 位置 | top / mid / end | end |
| パターン | A / B | A |

この例では、内部名は `blog_whitepaper_end_A` のようになります。クリック後のフォームには、流入元のCTA名を渡す非表示フィールドを置き、コンタクトのプロパティ（例：「初回接点CTA」、単一行テキスト）に保存しておくと、受注後に「どのCTA経由か」を逆引きできます。

資料ダウンロード後の自動化は、次のような設計から始められます。

1. **登録トリガー**：資料ダウンロード用フォームが送信されたとき
2. **再登録**：オフ（同じ人に同じ流れを何度も走らせない）
3. **最初のアクション**：ライフサイクルステージを「リード」に設定し、「初回接点CTA」を記録する
4. **待機後の分岐**：2営業日後にお礼とあわせて関連事例を案内し、メールを開封・クリックしたかで次の案内を分ける
5. **営業連携**：相談予約CTAを押したコンタクトは担当者にタスクを作成する

ワークフローの登録条件・再登録・分岐の書き方は「[HubSpotワークフロー設計書の書き方](https://start-link.jp/hubspot-ai/hubspot/implementation/hubspot-workflow-design-document)」にまとめています。レビューの定例化には「[週次パイプラインレビューとデータ品質ダッシュボードの作り方](https://start-link.jp/hubspot-ai/hubspot/adoption/hubspot-weekly-review-data-quality-dashboard)」が参考になります。

また、文言の初期案づくりにはBreezeのようなAIアシスタントを使い、候補をいくつか出してもらうのは有効な使い方だと考えています（業務設計へのAIの組み込み方は[HubSpot×AI支援](https://start-link.jp/service/hubspot-ai)で紹介しています）。ただし、その候補をそのまま公開するのではなく、営業が実際の商談で使っている言い回しに近いかどうかを人が確認してから採用する、という役割分担をおすすめします。問い合わせやデモ申込のように商談へ直結するCTAほど、AIの下書きに頼りきらず人が仕上げる工程を残しておくほうが安心です。

### まずはスモールスタートで

とはいえ、いきなり全ページのCTAを作り直すのは現実的ではありません。まずは流入が最も多い1ページを選び、そこで文言のテストを1本回すところから始めていただくのがよいかと思います。そこで手応えが得られたら、同じルールを主要ページへ広げ、最後にサイト全体のデザインルール統一に進む、という順番であれば、少ない工数で改善の手応えを確認しながら進められます。

### CTA改善の進め方（現状整理から定着まで）

StartLinkはHubSpotゴールドパートナーとして、150社以上のHubSpot支援実績をもとに、CTA改善を次の5工程で進めています。サイト全体を一度に変えず、スモールスタートで広げるのが基本です。

1. **現状の整理・要件定義**：主要ページのCTA文言・位置・遷移先を棚卸しし、検討段階ごとの受け皿の抜けを洗い出す
2. **設計**：段階別のCTA設計表、命名規則、計測する指標（クリック率だけでなく商談化率）を決める
3. **構築**：CTA・フォーム・ワークフロー・レポートをHubSpotに実装する。標準機能で足りない連携は自社開発のSyncシリーズ（[Sync for freee・Sync for Notionなど](https://start-link.jp/sync)）で補う
4. **テスト・検証**：流入の多い1ページで文言テストを1本回し、記録テンプレートに結果を残す
5. **定着・運用改善**：週次の振り返りに組み込み、成果の出たルールを主要ページへ展開する

社内で運用を回し切れない部分は、準委任で伴走する形で支援します。支援の全体像は「[HubSpot導入・構築支援](https://start-link.jp/service/hubspot)」をご覧ください。

CTA設計の教科書を実務に落とし込む具体的な手順は「[HubSpot CTAボタンの作成・設置方法｜クリック率を高めるデザインと配置の最適化ガイド](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-cta-button-creation-guide)」で解説しています。

## よくある質問

### Q1. CTAのA/Bテストで最初に変えるべき要素はどれですか？

ボタン文言です。本記事のテスト優先度表でも、文言は期待改善幅が最も大きく、実装難易度も低いため最優先としています。次点はマイクロコピーと配置場所で、色やサイズの変更は改善幅が限られる傾向にあります。「お問い合わせ」を「専門家に無料で相談する」に変えるといった、価値提示型の書き換えから着手するのが現実的です。

### Q2. CTAボタンのサイズはどのくらいが適切ですか？

PCは幅240px×高さ52px、モバイルは幅を画面いっぱいにして高さ56pxを推奨値としています。最小でもPCは幅180px×高さ44px、モバイルは高さ48pxを確保します。形状は角丸（border-radius 4〜8px）が一般的で、金融・法律系のフォーマルな印象を出したい場合は直角も選択肢になります。いずれの場合も、サイト内で形状を統一することが前提です。

### Q3. マイクロコピーは何個まで、どこに置くのが効果的ですか？

1つのCTAにつき1〜2つまでに絞り、ボタンとの距離は8〜16px、フォントサイズはボタン文言より小さい12〜14pxのグレー系にします。「入力は30秒で完了」「全32ページのPDF資料」のような具体性を示すコピーはボタン直上、「しつこい営業は一切ありません」「クレジットカード不要」のような不安を打ち消すコピーはボタン直下が適します。書いた内容は、その後の連絡運用でも守れる範囲にとどめてください。

### Q4. A/Bテストの結果はどの時点で「効果あり」と判断してよいですか？

各パターン最低200クリック以上を集め、2週間以上テストしたうえで、95%信頼区間で有意差を確認できた時点です。期間を2週間以上とるのは曜日や時間帯による変動を平均化するためで、1回のテストで変更する要素は1つに限定します。複数要素を同時に変えると、どれが効果をもたらしたか判断できなくなります。

### Q5. トラフィックが少ないサイトでもCTA改善はできますか？

できますが、A/Bテストは向きません。各パターン200クリックを2週間で集められない場合、テスト結果が偶然に左右されるためです。その場合は、3原則（価値の明示・障壁の低減・段階的な設計）に照らして明らかに弱い文言を先に直す、という定性的な改善から進めてください。同時に、クリック率ではなくフォーム送信数や商談化数といった下流の指標で効果を確認する運用に切り替えるのが現実的です。

### Q6. HubSpotでCTAの効果はどこで確認できますか？

HubSpotの「CTAs」画面の「Analyze」タブで全CTAの集計、各CTAの「Performance」タブで個別の数値を確認できます。見られる指標は、表示数・クリック数・クリック率・送信数・送信率と、クリック後のリダイレクト先でのフォーム送信を示す「Attributed submissions」です。商談化率までつなげて見る場合は、フォームに流入元のCTA名を渡し、カスタムレポートで取引と組み合わせて集計します。

### Q7. CTAのクリック率は高いのに商談にならないとき、何を見直しますか？

クリック後の導線を先に疑います。確認する順番は、(1) 遷移先ページがCTA文言の約束と一致しているか、(2) フォームの項目数が約束した手間を超えていないか、(3) 資料DL後のフォローが検討段階に合っているか、(4) 営業連絡の運用がマイクロコピーの約束と食い違っていないか、の4点です。クリック率ではなく、フォーム送信率と商談化率で評価する運用に切り替えてください。

## まとめ

CTA設計は、文言・デザイン・配置・検証の4つを、自社の検討プロセスに合わせて決めていく作業です。本記事の要点を整理します。

- **文言**：「送信」「詳しくはこちら」ではなく、ユーザーが得られる価値を具体的に伝える
- **デザイン**：色とサイズはルールを1回決めてサイト全体に適用し、個別判断を減らす
- **配置**：ページの役割ごとに主CTAを1つだけ決め、それ以外は副CTAとして控えめに置く
- **マイクロコピー**：不安を解消し、行動を後押しする補足テキストを1〜2つ添える
- **検証**：クリック率だけでなく、商談化率・受注率まで追える形で記録を残す。月間表示数から必要期間を試算し、回せないページは定性判断で直す

最初の一歩としては、まずは流入が最も多い1ページのCTA文言を書き換えるところから始めていただくのがよいかと思います。企業様によって読者が感じる障壁は異なりますので、最適な文言や配置は自社で検証しながら決めていく前提で進めてください。

すぐに取り組める次の行動は、次の3ステップです。

1. アクセス数の多い上位3ページを洗い出し、現在のCTA文言をそのまま書き出す
2. 3原則（価値の明示・障壁の低減・段階的な設計）に照らして、最も弱い1ページを選ぶ
3. その1ページで文言のA/Bテストを1本立ち上げ、結果を同じテンプレートに記録する

CRMを活用した業務効率化やAIとの連携に関するご相談は、CRM特化型コンサルティングのHubSpotゴールドパートナーのStartLinkまでお気軽にお問い合わせください。

## あわせて読みたい

- [CVR（コンバージョン率）改善の基本と実践施策15選｜BtoB企業向け完全ガイド](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/cvr-improvement-btob-15)
- [LP（ランディングページ）改善の極意](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/lp-improvement-cvr-2x)
- [EFO（入力フォーム最適化）とは？離脱率を半減させる20の施策チェックリスト](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/efo-form-optimization-20)
- [HubSpot CTAボタンの作成・設置方法｜クリック率を高めるデザインと配置の最適化ガイド](https://start-link.jp/hubspot-ai/hubspot/hubspot-features/hubspot-cta-button-creation-guide)
- [Webサイト・CROカテゴリ](https://start-link.jp/hubspot-ai/btob-marketing/website-cro)

記事の内容を、そのまま実務に落とし込みたい方向け

HubSpotゴールドパートナーのStartLinkが、HubSpot導入・AI活用・CRM整備・業務効率化までをまとめて支援しています。記事で気になったテーマを、そのまま相談ベースで整理できます。

[サービス概要を見る](https://start-link.jp/service/hubspot-ai) [無料で相談する](https://start-link.jp/contact)

## 次に読む

### [![](https://start-link.jp/hubfs/blog/screenshots/generated/gen_CQ-4_featured.png) kintoneからHubSpotへの移行手順｜顧客・案件データ設計とCSV取込](https://start-link.jp/hubspot-ai/btob-marketing/crm-backoffice/kintone-to-hubspot)

### [![](https://start-link.jp/hubfs/blog/screenshots/generated/gen_KT-3.png) Kintoneの複数アプリをHubSpotオブジェクトに再設計する方法｜関連付けはカバー率を実測してから設計する](https://start-link.jp/hubspot-ai/btob-marketing/crm-backoffice/kintone-multi-app-object-mapping)

### [![](https://start-link.jp/hubfs/blog/screenshots/generated/gen_KT-1.png) kintoneからHubSpotへの移行 完全ガイド｜判断基準から手順・帳票・連携まで全体像を整理](https://start-link.jp/hubspot-ai/btob-marketing/crm-backoffice/kintone-hubspot-migration-guide)

## あわせて読みたいBtoBマーケ実践ガイド

### [GTM GTM戦略の設計ガイド 市場投入の順番、仮説設計、営業連携までを一気通貫で整理できます。](https://start-link.jp/hubspot-ai/btob-marketing/btob-marketing-basics/gtm-go-to-market-strategy-design-guide-1)

### [Law 特定電子メール法ガイド BtoBメール配信で外せない法対応と実務運用の注意点を確認できます。](https://start-link.jp/hubspot-ai/btob-marketing/email-marketing-ma/can-spam-law-btob-guide)

### [SEO AIO対策の実践SEOチェックリスト AI Overview時代に引用される記事構造と改善優先順位を整理できます。](https://start-link.jp/hubspot-ai/btob-marketing/content-marketing-seo/aio-ai-overview-seo-strategy)

### [Service BtoBマーケとCRM活用を相談する 集客、ナーチャリング、CRM整備まで成果につながる導線設計を支援します。](https://start-link.jp/service/hubspot-ai)

## 記事の内容を、そのまま実務に落とし込みたい方向け

[無料で相談する](https://start-link.jp/contact) [資料をダウンロード](https://start-link.jp/hubspot-ai/btob-marketing/website-cro/cta-design-click-rate-3x#blog-download)

 株式会社StartLinkは、事業推進に関わる「販売促進」「DXによる業務効率化（ERP/CRM/SFA/MAの導入）」などのご相談を受け付けております。 サービスのプランについてのご相談/お見積もり依頼や、ノウハウのお問い合わせについては、[無料のお問い合わせページ](https://www.start-link.jp/contact)より、お気軽にご連絡くださいませ。

###### 関連キーワード:

[マーケティング](https://start-link.jp/hubspot-ai/tag/マーケティング)

## サービス資料を無料DL

## 著者情報

![7-1](https://start-link.jp/hubfs/7-1.jpg)

### 今枝 / Imaeda

 株式会社StartLink 代表取締役。累計150社以上のHubSpotプロジェクト支援実績を持ち、Claude CodeやHubSpotを軸にしたAI活用支援・経営基盤AXのコンサルティング事業を展開。  
 HubSpotのトップパートナー企業や大手人材グループにて、エンタープライズCRM戦略策定・AI戦略ディレクションを経験した後、StartLinkを創業。現在はCRM×AIエージェントによる経営管理支援を専門とする。

[StartLink](https://start-link.jp/)

### Service

- [会社情報](https://start-link.jp/about)
- [サービス](https://start-link.jp/service)
- [プロダクト](https://start-link.jp/sync)
- [採用情報](https://start-link.jp/recruit)
- [コンサルタントの方へ](https://start-link.jp/consultant-platform)

### Contact

- [問い合わせ](https://start-link.jp/contact)
- [資料ダウンロード](https://start-link.jp/download/service)
- [Syncナレッジベース](https://start-link.jp/sync/knowledge-base)
- [個人情報保護方針](https://start-link.jp/privacy-policy)
- [個人情報取り扱い規定](https://start-link.jp/personal-information-processing-agreement)

(c) 2026 All Rights Reserved.

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "今枝 拓海",
    "url" : "https://start-link.jp/hubspot-ai/author/imaeda"
  },
  "datePublished" : "2026-03-03T08:57:47.000Z",
  "headline" : "CTA設計の教科書｜文言・色・配置でクリック率を高めるBtoB実践ガイド",
  "image" : [ "https://start-link.jp/hubfs/blog/screenshots/generated/gen_AD-5.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://start-link.jp/hubspot-ai/btob-marketing/website-cro/cta-design-click-rate-3x",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://start-link.jp/hubfs/Start%20Link%20(1500%20x%20600%20px)%20(5)-1.png"
    },
    "name" : "株式会社StartLink"
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "FAQPage",
  "mainEntity" : [ {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "ボタン文言です。本記事のテスト優先度表でも、文言は期待改善幅が最も大きく、実装難易度も低いため最優先としています。次点はマイクロコピーと配置場所で、色やサイズの変更は改善幅が限られる傾向にあります。「お問い合わせ」を「専門家に無料で相談する」に変えるといった、価値提示型の書き換えから着手するのが現実的です。"
    },
    "name" : "CTAのA/Bテストで最初に変えるべき要素はどれですか？"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "PCは幅240px×高さ52px、モバイルは幅を画面いっぱいにして高さ56pxを推奨値としています。最小でもPCは幅180px×高さ44px、モバイルは高さ48pxを確保します。形状は角丸（border-radius 4〜8px）が一般的で、金融・法律系のフォーマルな印象を出したい場合は直角も選択肢になります。いずれの場合も、サイト内で形状を統一することが前提です。"
    },
    "name" : "CTAボタンのサイズはどのくらいが適切ですか？"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "1つのCTAにつき1〜2つまでに絞り、ボタンとの距離は8〜16px、フォントサイズはボタン文言より小さい12〜14pxのグレー系にします。「入力は30秒で完了」「全32ページのPDF資料」のような具体性を示すコピーはボタン直上、「しつこい営業は一切ありません」「クレジットカード不要」のような不安を打ち消すコピーはボタン直下が適します。書いた内容は、その後の連絡運用でも守れる範囲にとどめてください。"
    },
    "name" : "マイクロコピーは何個まで、どこに置くのが効果的ですか？"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "各パターン最低200クリック以上を集め、2週間以上テストしたうえで、95%信頼区間で有意差を確認できた時点です。期間を2週間以上とるのは曜日や時間帯による変動を平均化するためで、1回のテストで変更する要素は1つに限定します。複数要素を同時に変えると、どれが効果をもたらしたか判断できなくなります。"
    },
    "name" : "A/Bテストの結果はどの時点で「効果あり」と判断してよいですか？"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "できますが、A/Bテストは向きません。各パターン200クリックを2週間で集められない場合、テスト結果が偶然に左右されるためです。その場合は、3原則（価値の明示・障壁の低減・段階的な設計）に照らして明らかに弱い文言を先に直す、という定性的な改善から進めてください。同時に、クリック率ではなくフォーム送信数や商談化数といった下流の指標で効果を確認する運用に切り替えるのが現実的です。"
    },
    "name" : "トラフィックが少ないサイトでもCTA改善はできますか？"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "HubSpotの「CTAs」画面の「Analyze」タブで全CTAの集計、各CTAの「Performance」タブで個別の数値を確認できます。見られる指標は、表示数・クリック数・クリック率・送信数・送信率と、クリック後のリダイレクト先でのフォーム送信を示す「Attributed submissions」です。商談化率までつなげて見る場合は、フォームに流入元のCTA名を渡し、カスタムレポートで取引と組み合わせて集計します。"
    },
    "name" : "HubSpotでCTAの効果はどこで確認できますか？"
  }, {
    "@type" : "Question",
    "acceptedAnswer" : {
      "@type" : "Answer",
      "text" : "クリック後の導線を先に疑います。確認する順番は、(1) 遷移先ページがCTA文言の約束と一致しているか、(2) フォームの項目数が約束した手間を超えていないか、(3) 資料DL後のフォローが検討段階に合っているか、(4) 営業連絡の運用がマイクロコピーの約束と食い違っていないか、の4点です。クリック率ではなく、フォーム送信率と商談化率で評価する運用に切り替えてください。"
    },
    "name" : "CTAのクリック率は高いのに商談にならないとき、何を見直しますか？"
  } ]
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/hubspot-ai/btob-marketing/website-cro/cta-design-click-rate-3x#article",
  "@type" : "BlogPosting",
  "author" : {
    "@id" : "https://start-link.jp/#founder"
  },
  "dateModified" : "2026-10-19T21:11:10+09:00",
  "datePublished" : "2026-03-03T08:57:47+09:00",
  "headline" : "CTA設計の教科書｜文言・色・配置でクリック率を高めるBtoB実践ガイド",
  "image" : "https://start-link.jp/hubfs/blog/screenshots/generated/gen_AD-5.png",
  "isPartOf" : {
    "@id" : "https://start-link.jp/#website"
  },
  "mainEntityOfPage" : {
    "@id" : "https://start-link.jp/hubspot-ai/btob-marketing/website-cro/cta-design-click-rate-3x",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "speakable" : {
    "@type" : "SpeakableSpecification",
    "cssSelector" : [ ".blog-section h2", ".blog-section p:first-of-type", ".blog-section blockquote" ]
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "BreadcrumbList",
  "itemListElement" : [ {
    "@type" : "ListItem",
    "item" : "https://start-link.jp",
    "name" : "ホーム",
    "position" : 1
  }, {
    "@type" : "ListItem",
    "item" : "https://start-link.jp/hubspot-ai",
    "name" : "ブログ",
    "position" : 2
  }, {
    "@type" : "ListItem",
    "item" : "https://start-link.jp/hubspot-ai/btob-marketing",
    "name" : "BtoBマーケティング",
    "position" : 3
  }, {
    "@type" : "ListItem",
    "item" : "https://start-link.jp/hubspot-ai/btob-marketing/website-cro",
    "name" : "Webサイト・CRO",
    "position" : 4
  }, {
    "@type" : "ListItem",
    "name" : "CTA設計の教科書｜文言・色・配置でクリック率を高めるBtoB実践ガイド",
    "position" : 5
  } ]
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#organization",
  "@type" : "Organization",
  "address" : {
    "@type" : "PostalAddress",
    "addressCountry" : "JP",
    "addressLocality" : "中央区",
    "addressRegion" : "東京都",
    "postalCode" : "104-0061",
    "streetAddress" : "銀座1丁目12番4号 N&E BLD.6F"
  },
  "alternateName" : "StartLink Inc.",
  "award" : [ "HubSpot Gold Solutions Partner（HubSpotゴールドパートナー、2026年4月認定）" ],
  "contactPoint" : [ {
    "@type" : "ContactPoint",
    "availableLanguage" : [ "ja" ],
    "contactType" : "customer support",
    "url" : "https://start-link.jp/contact"
  }, {
    "@type" : "ContactPoint",
    "availableLanguage" : [ "ja", "en" ],
    "contactType" : "sales",
    "url" : "https://start-link.jp/contact"
  } ],
  "description" : "「AI × HubSpot」をコンセプトに掲げるHubSpotゴールドパートナー（Gold Solutions Partner、2026年4月認定）。HubSpotマーケットプレイスに自社アプリ（Sync for freee / Notion / Money Forward / Chatwork）を公開するアプリ開発企業であり、HubSpot/Salesforce知見とAI活用を組み合わせたCRM構築・移行・最適化・AIエージェント/PoC支援まで一貫して提供する。",
  "founder" : {
    "@id" : "https://start-link.jp/#founder",
    "@type" : "Person",
    "jobTitle" : "代表取締役",
    "name" : "今枝 拓海",
    "sameAs" : [ "https://x.com/ImaedaTakumii", "https://www.linkedin.com/in/takumi-imaeda/", "https://www.facebook.com/takumiIma" ]
  },
  "foundingDate" : "2024-09-04",
  "hasCredential" : {
    "@type" : "EducationalOccupationalCredential",
    "credentialCategory" : "certification",
    "name" : "HubSpot Gold Solutions Partner",
    "recognizedBy" : {
      "@type" : "Organization",
      "name" : "HubSpot, Inc.",
      "url" : "https://www.hubspot.com/"
    }
  },
  "image" : [ "https://start-link.jp/hubfs/startlink-ai-agent.jpg", "https://start-link.jp/hubfs/startlink-aiorg.jpg" ],
  "knowsAbout" : [ "HubSpot CRM", "HubSpot Implementation", "HubSpot導入支援", "CRM構築", "AI活用", "HubSpot連携アプリ開発", "Salesforce to HubSpot Migration", "Generative AI Integration", "AI Agent Development", "Revenue Operations", "Marketing Automation", "freee Integration", "Notion Integration", "Money Forward Integration" ],
  "legalName" : "株式会社StartLink",
  "logo" : "https://start-link.jp/hubfs/startlink-logo.png",
  "mainEntityOfPage" : "https://start-link.jp/",
  "memberOf" : {
    "@type" : "ProgramMembership",
    "hostingOrganization" : {
      "@type" : "Organization",
      "name" : "HubSpot, Inc.",
      "url" : "https://www.hubspot.com/"
    },
    "membershipNumber" : "Gold Tier",
    "programName" : "HubSpot Solutions Partner Program"
  },
  "name" : "株式会社StartLink",
  "sameAs" : [ "https://www.youtube.com/@startlink-hubspot", "https://x.com/ImaedaTakumii", "https://www.linkedin.com/in/takumi-imaeda/", "https://www.linkedin.com/company/108100307/", "https://www.facebook.com/takumiIma", "https://www.facebook.com/profile.php?id=61566874764985", "https://prtimes.jp/main/html/searchrlp/company_id/149669", "https://app.hubspot.com/ecosystem/46046172/marketplace/solutions/startlink" ],
  "taxID" : "8010001248134",
  "url" : "https://start-link.jp/"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#website",
  "@type" : "WebSite",
  "inLanguage" : "ja",
  "name" : "株式会社StartLink",
  "publisher" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "url" : "https://start-link.jp/"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-hubspot",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "CRM導入", "HubSpot" ],
  "description" : "150社以上の実績を持つHubSpotゴールドパートナーが、業務フローに合わせた設計から構築・本番稼働まで一貫支援。",
  "name" : "HubSpot導入・構築支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "HubSpot導入・構築支援",
  "url" : "https://start-link.jp/service/hubspot"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-hubspot-ai",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "CRM最適化", "AI活用" ],
  "description" : "HubSpotを軸に業務要件に沿った設計改善とAI連携活用を包括支援。",
  "name" : "HubSpot AIコンサルティング",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "HubSpot AIコンサルティング",
  "url" : "https://start-link.jp/service/hubspot-ai"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-hubspot-training",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "研修", "HubSpot" ],
  "description" : "HubSpotの概念・基本操作からAI活用ノウハウまで、社内浸透のための研修を提供。",
  "name" : "HubSpot研修・レクチャー支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "HubSpot研修・内製化支援",
  "url" : "https://start-link.jp/service/hubspot-ai/training"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-sf2hs-replace",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "CRM移行", "データ移行" ],
  "description" : "Salesforce/HubSpot双方の思想とデータモデルを理解した移行設計とHubSpot側CRM開発を実行。",
  "name" : "SalesforceからHubSpotへのリプレイス支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "SalesforceからHubSpotへのリプレイス支援",
  "url" : "https://start-link.jp/service/salesforce-hubspot-replace"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-claude-code-bi",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "AI活用", "経営管理" ],
  "description" : "複数システムのデータを統合し、毎朝のAIブリーフィングなど経営の意思決定を加速する仕組みを構築。",
  "name" : "Claude Codeによる経営データ活用支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "AI経営管理支援",
  "url" : "https://start-link.jp/service/claude-code/business-intelligence"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#service-claude-code-content",
  "@type" : "Service",
  "areaServed" : "JP",
  "category" : [ "コンテンツマーケティング", "AI活用" ],
  "description" : "キーワード戦略からSEO記事制作、CMS公開まで、AIを活用したコンテンツマーケティングを自動化。",
  "name" : "Claude Codeによるコンテンツマーケティング支援",
  "provider" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "serviceType" : "AIコンテンツ制作支援",
  "url" : "https://start-link.jp/service/claude-code/content-marketing"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#product-sync-freee",
  "@type" : "SoftwareApplication",
  "applicationCategory" : "BusinessApplication",
  "author" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "description" : "HubSpotとfreee会計・freee請求書をシームレスに連携。取引先の同期から請求書作成まで、バックオフィスの業務を自動化するHubSpotマーケットプレイスアプリ。",
  "featureList" : [ "freee取引先をHubSpotに自動同期", "HubSpotからfreee見積書・請求書を作成", "取引データをfreee会計に自動登録", "月次請求・更新処理に対応", "商品項目・品目・部門・タグ情報の連携" ],
  "installUrl" : "https://ecosystem.hubspot.com/marketplace/apps/sync-for-freee-bystartlink",
  "name" : "Sync for freee",
  "offers" : [ {
    "@type" : "Offer",
    "description" : "請求月5件・見積月20件まで",
    "name" : "Free",
    "price" : "0",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "請求月50件・見積月100件まで",
    "name" : "Professional",
    "price" : "4000",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "無制限",
    "name" : "Enterprise",
    "price" : "10000",
    "priceCurrency" : "JPY"
  } ],
  "operatingSystem" : "Web",
  "softwareHelp" : {
    "@type" : "WebPage",
    "url" : "https://start-link.jp/sync/knowledge-base/freee/basic-steps"
  },
  "url" : "https://start-link.jp/sync/freee"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#product-sync-notion",
  "@type" : "SoftwareApplication",
  "applicationCategory" : "BusinessApplication",
  "author" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "description" : "HubSpotのCRMレコードとNotionのページ・データベースを接続。HubSpotの画面から離れずにNotionのすべてにアクセスできるHubSpotマーケットプレイスアプリ。",
  "featureList" : [ "CRMカードからNotionページの作成・閲覧・編集", "NotionデータベースをCRMタブにテーブル表示", "4つのワークフローアクションで自動化", "コンタクト・会社・取引・チケット・サービス・プロジェクト対応" ],
  "installUrl" : "https://ecosystem.hubspot.com/marketplace/listing/sync-for-notion-bystartlink",
  "name" : "Sync for Notion",
  "offers" : [ {
    "@type" : "Offer",
    "description" : "ページ・DB合計50件まで",
    "name" : "Free",
    "price" : "0",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "無制限",
    "name" : "Professional",
    "price" : "10000",
    "priceCurrency" : "JPY"
  } ],
  "operatingSystem" : "Web",
  "url" : "https://start-link.jp/sync/notion"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#product-sync-moneyforward",
  "@type" : "SoftwareApplication",
  "applicationCategory" : "BusinessApplication",
  "author" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "description" : "HubSpotとマネーフォワード クラウドを連携。取引情報から見積書・請求書を自動作成し、取引先・品目の同期や継続請求に対応するHubSpot連携アプリ。",
  "featureList" : [ "取引（Deal）から見積書・請求書を自動作成", "会社情報とマネーフォワード取引先の同期", "商品項目・品目マスタの連携", "月次・固定回数の継続請求に対応（Professionalプラン以上）", "合算請求（Enterpriseプラン限定）", "前受請求（一括請求・月次計上）（Enterpriseプラン限定）", "原価登録（MF会計への仕訳登録）で案件別の原価・粗利を可視化（Enterpriseプラン限定）", "取引レコードにCRMカードで連携ステータスを表示" ],
  "installUrl" : "https://ecosystem.hubspot.com/ja/marketplace/listing/sync-for-moneyforward-bystartlink",
  "name" : "Sync for Money Forward",
  "offers" : [ {
    "@type" : "Offer",
    "description" : "請求月5件・見積月20件まで",
    "name" : "Free",
    "price" : "0",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "請求月50件・見積月100件まで",
    "name" : "Professional",
    "price" : "4000",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "無制限",
    "name" : "Enterprise",
    "price" : "10000",
    "priceCurrency" : "JPY"
  } ],
  "operatingSystem" : "Web",
  "url" : "https://start-link.jp/sync/moneyforward"
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://start-link.jp/#product-sync-chatwork",
  "@type" : "SoftwareApplication",
  "applicationCategory" : "BusinessApplication",
  "author" : {
    "@id" : "https://start-link.jp/#organization"
  },
  "description" : "HubSpotとChatworkを連携。ワークフローからChatworkのルームへ通知を送り、CRMカード上で最新のやり取りの確認と返信ができ、紐付けたルームの新着メッセージをHubSpotのノートとして自動で記録するHubSpot連携アプリ。",
  "featureList" : [ "ワークフローアクション「Chatworkに通知」（取引・会社・コンタクト・チケット対応）", "送信先ルームIDとメッセージ本文にHubSpotのプロパティを差し込み", "取引・会社・コンタクトとChatworkルームの紐付け（全プラン無制限）", "CRMカードにルームの最新100件のメッセージを表示（Professionalプラン以上）", "CRMカードからChatworkへメッセージを送信（Professionalプラン以上）", "紐付けたルームの新着メッセージをHubSpotのノートへ自動記録（Enterpriseプラン限定）", "引用や装飾を、HubSpotのノートでも読みやすい見た目のまま記録", "OAuth接続とAPIトークン接続（SAML/SSO環境向け）に対応" ],
  "installUrl" : "https://ecosystem.hubspot.com/marketplace/listing/sync-for-chatwork-bystartlink",
  "name" : "Sync for Chatwork",
  "offers" : [ {
    "@type" : "Offer",
    "description" : "通知 月10件まで・ルーム紐付け無制限",
    "name" : "Free",
    "price" : "0",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "通知無制限・CRMカードで最新100件の表示とメッセージ送信",
    "name" : "Professional",
    "price" : "3000",
    "priceCurrency" : "JPY"
  }, {
    "@type" : "Offer",
    "billingIncrement" : "P1M",
    "description" : "Professionalの全機能＋メッセージ同期（30分ごと）",
    "name" : "Enterprise",
    "price" : "10000",
    "priceCurrency" : "JPY"
  } ],
  "operatingSystem" : "Web",
  "url" : "https://start-link.jp/sync/chatwork"
}
```