バナーは、Webサイトの中で最も小さい表示領域で判断される制作物です。タイムラインや記事の合間を流れる中で、認識されるまでの時間は1秒未満です。
この条件下では、情報量を増やすほど伝わらなくなります。しかし実務では「せっかくの枠だから」と要素が追加され、結果として何も伝わらないバナーができあがります。
この記事では、バナーの設計手順と、クリックされる条件、そして改善の進め方を解説します。
この記事でわかること
・バナーで最初に決める1つのこと
・構成要素の優先順位
・クリック率とCVRの関係（誇張が損をする理由）
・複数パターンを作る際の変え方
・改善の判断基準
最初に決めるのは「誰に向けたものか」
バナー制作の依頼で最も多い指示は「目立つように」です。しかし、目立つことと、対象者に届くことは別です。
| 考え方 | 結果 |
|---|---|
| 全員に目立たせる | 誰にも刺さらない。ノイズとして無視される |
| 対象者にだけ届かせる | 対象者は止まる。それ以外は無視してよい |
広告のバナーでは、対象外の人にクリックされることは損失です。クリック課金であれば、その分の費用が発生します。
そのため、バナーの1行目は「呼びかけ」から始めることが有効です。「千葉市で外壁塗装をお考えの方へ」「飲食店を経営されている方へ」といった形で、対象を明示します。
バナーの目的は「多くの人にクリックされること」ではありません。
対象者にだけ届き、対象外には無視されることが理想です。
構成要素の優先順位
| # | 要素 | 役割 | 省略の可否 |
|---|---|---|---|
| 1 | 対象の明示 | 自分ごとにする | 原則入れる |
| 2 | ひとつのメッセージ | 伝えたいこと1つ | 必須 |
| 3 | ビジュアル | 内容を補強する | 必須 |
| 4 | ボタン風の要素 | 押せることを示す | 推奨 |
| 5 | ロゴ・社名 | 信頼の担保 | 小さくてよい |
| 6 | 補足情報 | 条件、期間など | 多くの場合は不要 |
6番目を入れたくなる力学が、バナーを壊します。条件、注意書き、複数のサービス名、電話番号——これらを入れると、1秒で認識できる情報がなくなります。
補足が必要な情報は、遷移先のページに書いてください。バナーの役割は説明ではなく、対象者を止めることです。
文字量の目安
- 主メッセージは15文字前後：一目で読める長さ
- 補足は1行まで：入れる場合
- 3つ以上の要素を並べない：読む順序が決まらなくなる
- 縮小表示で読めるか確認する：制作画面のサイズで判断しない
最後の項目が最も重要です。バナーは実際の掲載サイズで確認してください。制作画面で拡大表示していると、読めない文字サイズに気づけません。
クリック率とCVRの関係
クリック率だけを上げようとすると、事業の数字は悪化します。
| 手法 | クリック率 | CVR | 結果 |
|---|---|---|---|
| 対象を明示する | 下がる | 上がる | CPAは改善しやすい |
| 誇張した表現を使う | 上がる | 下がる | CPAは悪化しやすい |
| 内容と無関係な画像を使う | 上がる | 大きく下がる | 費用の無駄 |
| 条件を先に書く | 下がる | 上がる | 対象外が減る |
2番目と3番目は、短期的にはクリック率が改善したように見えます。しかし、期待して遷移した人が離脱するため、CVRが落ち、CPAは悪化します。
さらに、内容と乖離した表現は広告の審査対象にもなります。媒体の審査基準は変更されるため、最新の公式情報を確認してください。審査の考え方は広告アカウントが停止された時の原因と復旧方法で解説しています。
見るべき指標はクリック率ではなくCPAです。クリック率が下がってもCPAが改善しているなら、そのバナーは機能しています。
複数パターンの作り方
1パターンだけでは、良し悪しを判断できません。ただし、すべてを変えたパターンを並べても、何が効いたか分かりません。
| 変える要素 | 確認できること | 作るパターン数 |
|---|---|---|
| 訴求（何を言うか） | 対象者が何に反応するか | 2〜3 |
| ビジュアル（何を見せるか） | 写真か図か、被写体は何か | 2 |
| 配色 | 視認性、印象 | 2 |
| 文言（同じ訴求の言い回し） | 表現の差 | 2 |
最初に確認すべきは1番目です。「価格」で反応するのか、「実績」なのか、「対応の速さ」なのか。ここが決まらないうちに配色や文言を細かく変えても、効果は限定的です。
訴求パターンの例
- 価格・費用：費用感を示す、明朗会計を訴える
- 実績・信頼：施工件数、創業年数、有資格者の在籍
- スピード：即日対応、最短◯日
- 不安の解消：無料相談、しつこい営業なし
- 限定・緊急性：期間、枠数（事実に限る）
- 課題の提示：こんな状態になっていませんか
5番目は事実の範囲でのみ使用してください。常時「本日まで」と表示するような運用は、景品表示法上の問題となる可能性があります。
また、実績の数値を使う場合は根拠が必要です。「地域No.1」「業界最安」といった表現は、客観的な根拠がなければ使用できません。
サイズと比率
同じデザインを異なるサイズに機械的に縮小すると、文字が読めなくなります。
| 比率 | 主な用途 | 設計上の注意 |
|---|---|---|
| 横長 | 記事内、ディスプレイ広告 | 文字を大きく、要素を少なく |
| 正方形 | SNSフィード、一覧表示 | 情報量を最小に |
| 縦長 | ストーリーズ、リール | 全画面。上下が切れる可能性 |
| 小サイズ | サイドバー、バナー枠 | 文字は2〜3語まで |
サイズごとに要素を減らす設計が必要です。小さいサイズでは、対象の明示とメッセージのどちらか一方に絞ることもあります。
各媒体の推奨サイズと入稿規定は変更されるため、制作前に公式ヘルプで最新の情報を確認してください。
改善の判断基準
- まずCPAで比較する：クリック率ではない
- 十分な配信量が貯まってから判断する：数日・数十クリックでは判断できない
- 1要素ずつ変える：同時に複数変えると原因が分からない
- 反応が落ちたら差し替える：同じバナーを長期間出し続けない
- 効いた訴求を記録する：他の媒体・LPにも展開できる
4番目は「クリエイティブの摩耗」と呼ばれる現象です。同じ人に何度も表示されると、反応は必ず落ちます。数字が落ちてきたら、デザインの問題ではなく表示回数の問題である可能性があります。
リターゲティング配信では特に起こりやすくなります。詳細はリターゲティング広告の設定手順と、効果を正しく見極める方法を参照してください。
5番目の重要性
効いた訴求は、バナーだけの資産ではありません。LPのファーストビュー、広告文の見出し、営業トークにも展開できます。バナーは、最も速く安く訴求を検証できる手段です。
よくある失敗
失敗1：情報を詰め込む
1秒で認識できる情報がなくなります。補足は遷移先に書いてください。
失敗2：全員に目立たせようとする
誰にも刺さりません。対象を明示してください。
失敗3：クリック率だけで評価する
誇張表現でクリック率は上がりますが、CVRが落ちCPAは悪化します。
失敗4：制作画面のサイズで判断する
実際の掲載サイズでは読めない文字になります。
失敗5：同じバナーを長期間出し続ける
反応は必ず落ちます。定期的に差し替えてください。
よくある質問
Q. 何パターン作るべきですか？
訴求で2〜3パターンから始めてください。ただし、パターン数を増やすほど1つあたりの配信量が減り、判断に必要なデータが貯まりにくくなります。配信規模に見合った数にしてください。
Q. どのくらいの期間で判断できますか？
期間ではなく、配信量とCV数で判断してください。自社のCV率から、判断に必要なクリック数を逆算します。CV率が低い商材ほど、判断には多くの配信量が必要です。
Q. 人物の写真は入れたほうがよいですか？
目を引く効果はありますが、商材と関係のない人物写真は逆効果になることがあります。自社のスタッフや実際の顧客層に近い人物であれば、対象の明示にもなります。
Q. 動くバナーのほうが効果はありますか？
目を引く効果はありますが、媒体の仕様や表示環境による制約があります。また、情報が順に表示される形式では、最後まで見られない可能性を考慮する必要があります。1コマ目で内容が伝わる設計にしてください。
Q. 自社で作れますか？
テンプレートを使えば可能です。ただし、実際の掲載サイズでの視認性確認と、媒体の入稿規定への適合が必要です。訴求の検証を素早く回す目的であれば、自社制作のほうが速く進みます。
まとめ
バナーは1秒未満で判断される制作物です。情報を増やすほど伝わらなくなります。
最初に決めるのは「誰に向けたものか」です。全員に目立たせようとすると誰にも刺さりません。対象を明示し、対象外には無視されることを前提に設計してください。
評価はクリック率ではなくCPAで行ってください。誇張した表現はクリック率を上げますが、CVRが落ちてCPAは悪化し、審査上のリスクも生じます。
複数パターンを作る場合は、まず訴求を変えてください。何に反応するかが決まる前に、配色や文言を細かく変えても効果は限定的です。そして、効いた訴求はLPや広告文、営業トークにも展開できます。
当社ではデザイン制作と広告運用代行を組み合わせ、制作と検証を一体で進めています。資料では検証の進め方をまとめていますので、自社の状況を整理したい方はぜひダウンロードしてご活用ください。
