バナーは「掲載先」で正解が変わる|広告・SNS・サムネの作り分け

2026/08/28
📌 この記事のポイント
バナーは単体では見られず、必ず何かの場に挟まる
折込チラシの赤は生活動線で目立つための必然
SNSのユーザーは暇つぶし中で、広告を探していない
YouTubeサムネは投資額が大きく教材として優秀
判断基準は3秒で伝わるか、誰に向けたものか
2026年8月26日更新
バナーの正解は「どこで誰がどんな気分で見るか」で変わる

バナー制作における「場」とは、掲載面と、そこにいる人の気分をセットにしたものです。同じ商品でも、折込チラシとInstagramとYouTubeサムネイルでは正解が変わります。バナーが単体で鑑賞されることはなく、必ず何かの合間に挟まって表示されるからです。
数値目標を決めたあとの制作段階で最初に考えるのは、色でも書体でもなく、この場の設定です。誰がどんな状況でこれを見るのかが決まらないと、目立たせる方向すら決められません。指標の読み方はバナーの効果測定|CTR・CPM・CPCの見方と改善サイクルで扱っています。
参考:本記事はNOT DESIGN SCHOOL主催ウェビナー「『なんとなく良い』を『数字で良い』に変える。デザイナーのためのマーケティング入門」(2026年開催)の内容をもとに構成しています。
折込チラシがギラギラしている理由

折込チラシの派手な赤とベタ塗りの価格表示は、生活動線の中でちらっと目に入るための設計です。デザインとしての好みではなく、置かれる状況から導かれた結論です。
チラシが読まれる状況を分解すると、こうなります。
新聞を購読していて、その新聞が家に届く
テレビの番組表を見るのと同じ流れで、横にまとめて置かれる
家の中を移動しているときに、視界の端に入る
「今エアコンが安いらしい」と家族が購入を検討する
生活の中で「ながら」で見られるため、静かなデザインでは気づかれません。しかも配布元は近所の実店舗が中心なので、商品と価格を大きく出すのが最短距離になります。デザインの好き嫌いと、その場で機能するかどうかは別の問題だという典型例です。
印刷物は数字が取れないと思われがちですが、QRコードを載せれば読み取り数が計測でき、店舗側が来店数を記録していれば効果を推定できます。
ニュースサイトの記事横|読みに来た人の視線を借りる

Web広告のバナーが置かれる場所とは、ユーザーが別の目的で訪れているページの余白です。ニュースサイトを開いている人は記事を読みに来ているのであって、広告を探しに来てはいません。
この前提から導かれる制約が「読めば分かるは通用しない」です。読んでもらえる前提が崩れているため、次の3つが要件になります。
一瞬で伝わること
文字数を削ること
記憶に残る形にすること
情報を詰め込みたくなるのは、伝えたいことが多いときです。しかしこの場では、詰め込むほど何も伝わらなくなります。依頼元から要素が多い原稿が来た場合は、優先順位を決めて絞る交渉が制作の一部になります。
SNS|暇つぶしと娯楽の合間に挟まる

SNSにおけるバナーとは、友人の投稿を眺めている流れに割り込む表示物です。ウェビナーで参加者に「SNSをどんな気分で見ているか」を聞いたところ、暇つぶし、移動中、休憩中、寝る前、情報収集といった回答が並びました。
ユーザーが見たいのは友人のタイムラインやストーリーズです。「あの人がディズニーに行っている」「今ラーメンを食べている」を見に来ている流れの中に、広告が挟まります。

この場で求められるのは、相反する2つの性質です。
要件 | 意味 | 外したときに起きること |
|---|---|---|
その場に馴染む | タイムラインの一部として違和感がない | 広告と認識された瞬間にスクロールされる |
指が止まる | 流し見の速度を落とさせる | 馴染みすぎて素通りされる |
ガチャガチャしたデザインが読み飛ばされやすいのは確かですが、「広告っぽくないほうが当たる」と単純に言い切れるものでもありません。自分にとっての「広告っぽい」を言葉にして、両極端の2案を配信して確かめるのが、この論点への実務的な答えになります。
スマートフォンの画面に表示されたときにどう見えるかを、制作中に実機で確認しておくことも欠かせません。
YouTubeサムネイル|15分を投資する1本を選ばせる競争

YouTubeのサムネイルとは、視聴者がこれから15分を使う1本を選ぶ場面で、他の候補と並べて比較される画像です。関連動画の欄には、その人の興味に合わせた候補がずらりと並びます。
サムネイルが教材として優秀なのは、投資されている金額が大きいからです。YouTubeは収益に直結するため、運営者はサムネイル制作にコストをかけます。その結果、クリックを取るための工夫が凝縮されています。

観察するポイントは次の通りです。
人物の視線:どこを見ているか、カメラ目線かどうか
色とコントラスト:並んだ候補の中で浮き上がっているか
読み切れる文字数:一瞬で読み終わる長さに収まっているか
数字と固有名詞:具体的な情報が入っているか
人物写真は一般に強く働きますが、誰が写っているかで効き方が変わります。装飾が強いサムネイルはデザインとして好みが分かれるところですが、目に留まるという機能は果たしています。
制作物がYouTubeで使われた場合は、サムネイルのクリック率、再生数、視聴維持率を確認します。クリック率が高いのに視聴維持率が低ければ、サムネイルが内容に対して誇張されていた可能性を検討できます。
掲載面別の設計早見表
掲載面 | 見る人の状況 | 視線を奪い合う相手 | 設計の重心 |
|---|---|---|---|
折込チラシ | 家の中で移動しながら | 他店のチラシ、番組表 | 商品と価格を大きく、視界の端で気づかせる |
ニュースサイト | 記事を読みに来ている | 記事本文 | 文字を削り、一瞬で伝える |
SNSタイムライン | 暇つぶし、寝る前 | 友人の投稿 | 場に馴染みつつ指を止める |
YouTube関連動画 | 次の1本を選んでいる | 他の動画候補 | 候補の中で浮き上がる色と視線 |
LINE配信 | 通知から開く | 他のトーク | 開いて損をしないと感じさせる |
同じ商材でも、この5つで最適な答えが変わります。依頼を受けたら、まずどの行に該当するのかを確認するのが手順の最初になります。
バナーとLPがつながっていないと、クリックは無駄になる

バナーの役割とは、遷移先のページで期待どおりの情報に出会わせるところまでです。クリックを取れても、開いたページの内容がバナーの印象とずれていれば、ユーザーはその場で離脱します。
ウェビナーでは、登壇者が自分のFacebookのタイムラインを開き、気になった広告を実際にクリックする様子が共有されました。遷移先はレンタルオフィスのLPでしたが、開いた瞬間に「自分は何のバナーをクリックしたのか」が分からなくなったという反応が起きています。クリックの直後に生じるこの一瞬の混乱が、離脱の主要な原因です。
つなぎ目を確認する観点は3つです。
言葉が一致しているか:バナーの見出しとLPのファーストビューに同じ言葉があるか
見た目が一致しているか:配色や写真のトーンが連続しているか
期待の水準が一致しているか:バナーで示した条件がLPで裏切られていないか
バナーだけを担当する案件でも、遷移先のURLは確認しておきます。LPと合っていないバナーは、CTRが高いほど費用を無駄にするという構造になるためです。数字の切り分け方はバナーの効果測定|CTR・CPM・CPCの見方と改善サイクルにまとめています。
3秒で伝わるかを判断する3つの問い

制作した案を自己評価する基準とは、3秒で伝わるか、誰に向けたものか、一目で何だと分かるかの3つです。ウェビナーではYouTubeサムネイルの分析からこの3点が整理されていました。
3秒で伝わるか:スクロールされる速度の中で内容が届くか
誰に向けたものか:見た人が自分事だと感じるか
一目で何だと分かるか:商品なのか、サービスなのか、イベントなのかが判別できるか
これに加えて、長期間の配信で勝てるかという視点も挙がっていました。目新しさで初動が取れても、繰り返し表示されるうちに飽きられる案があります。継続配信が前提の案件では、初動の強さと持続性を分けて考える必要があります。
自己チェックは、画面から離れて行うと精度が上がります。
問い | 確認方法 | 落ちやすいポイント |
|---|---|---|
3秒で伝わるか | 画面を3秒だけ見て何が残るか試す | 情報を詰め込みすぎて焦点がぼやける |
誰に向けたものか | 対象者を一言で言えるか確認する | 全員に向けた結果、誰にも刺さらない |
一目で何だと分かるか | 商品・サービス・イベントの判別を試す | 世界観を優先して業種が伝わらない |
長期配信で勝てるか | 同じ案を何度も見た状態を想像する | 初動の奇抜さだけで持たせようとする |
スマートフォンの実機に表示して確認するのが最も確実です。制作画面で読める文字が、実機では読めないという差は日常的に起きます。
化粧品バナーで試す3パターンの作り分け演習
場を意識した制作を身につけるには、同じ商材で訴求が両極端になる3案を作り、結果を比べるのが有効です。ウェビナーでは化粧品を題材にした演習が示されていました。
手順はこうなります。
ターゲットを決める(例:30代女性向けに開発された化粧品なら30代女性)
その人がどの場で、どんな悩みを抱えて見るのかを書き出す
訴求を変えた3案を作る
A案:使用感を伝えるビジュアル中心
B案:商品単体を大きく見せる
C案:人物を起用して使用シーンを見せる
3案を同条件で配信し、CTRを比較する
勝った方向に寄せた次案を作る
3案の位置づけを整理すると、次のようになります。
案 | 主役 | 検証したい仮説 | 想定される強み |
|---|---|---|---|
A案 | 使用感・質感 | 感覚的な魅力で手が止まるか | 世界観が伝わり記憶に残る |
B案 | 商品そのもの | 何の商品かが一目で伝わるか | 判別が速く誤クリックが少ない |
C案 | 使う人 | 自分事として受け取られるか | 対象者が自分向けだと気づく |
重要なのは、3案の差を大きく取ることです。似た3案を並べても差が出ず、何が効いたのか判別できません。両極端に振るからこそ、1回の配信で得られる情報量が増えます。
この演習は納品前の提案にもそのまま使えます。「この2案はユーザーから見て効果が分かれるはずなので、両方配信して結果を確認してください」と伝えれば、検証の設計まで含めた提案になります。
限界と注意点
「広告っぽくないほうが当たる」は、商材と媒体によって成否が分かれます。 広告らしい表現を避けたほうが反応が良いケースもあれば、明確に広告と分かる形のほうが伝わるケースもあります。ここは配信して確かめるしかない領域で、事前に断言できるものではありません。
この記事で挙げた掲載面ごとの傾向は、絶対的な法則ではありません。 折込チラシでも落ち着いたトーンが機能する商材はありますし、SNSでも情報量の多い画像が保存される例があります。傾向は仮説を立てる出発点として使い、判断は自分の配信結果で行ってください。
演習の3パターンは、比較できる配信条件が確保できて初めて成立します。 配信予算が小さく、各案の表示回数が数百回程度にとどまる場合、CTRの差は偶然の範囲を出ません。案を分ける前に、判断に足る母数が確保できるかを依頼元に確認する必要があります。
よくある質問
Q. バナーが単体で見られることはないのですか?
制作物として単体で確認される場面はありますが、実際にユーザーが出会うときは必ず何かの場の中です。ニュースサイトなら記事の横、SNSなら友人の投稿の間、YouTubeなら他の動画候補の隣に並びます。評価もその状態で行う必要があります。
Q. 印刷物中心の仕事でも、この考え方は使えますか?
使えます。折込チラシが赤くギラギラしているのは、まさに掲載面から逆算した設計です。誰がどこで何をしながら見るのかを想像する手順は、紙でもWebでも同じです。計測についてはQRコードの読み取り数や来店データで補えます。
Q. 人物の写真を使ったほうが反応は良くなりますか?
写真の中でも人物は目を引きやすい要素ですが、誰が写っているかで効き方が変わります。有名人や見た目の印象が強い人物を起用すると、興味を引く方向にも、商品から注意をそらす方向にも働きます。人物ありとなしの2案で確かめるのが確実です。
Q. ネット広告で新規層を開拓したい場合はどうすればいいですか?
配信するターゲットを変えるのが基本の打ち手です。たとえばPC家電で男性の比率が高い場合、パソコンに興味があるという条件を保ったまま女性に配信し、女性向けのバナーと女性向けのLPをセットで用意します。バナーだけを変えても遷移先がずれていれば成果につながりません。
Q. 掲載面の情報が依頼書に書かれていない場合はどうしますか?
依頼元に直接確認します。「どの媒体のどの面に、どういうターゲットで配信しますか」と聞くだけで、制作の方向が決まります。この質問は制作に必要な情報の確認なので、聞きにくい種類のものではありません。
パーソナライズ型デザインカリキュラムでAIの学習も!
NOT DESIGN SCHOOLのパーソナルコースなら、あなた専用のオーダーメイドカリキュラムで、最短6ヶ月で実務レベルのデザイナーへ。AIの学習コンテンツや勉強会も充実!まずは無料相談から。

\ 🔥現在 82名 の生徒が受講中🔥 /
パーソナルコースの詳細を見る
TOPに戻る
\Slackで個別相談受付中/

最短6ヶ月で「自分に必要なスキル」だけを集中して身につけるNOTのパーソナルコース。
\ ✨まずはLINEで気軽に無料相談✨️ /
LINEで気軽に相談する
\ 🔥現在 82名 の生徒が受講中🔥 /
パーソナルコースを見る
🆕 新着記事
\ 9月12日(土)開催決定!!/

NOT DESIGN EXPO|デザインの幅を広げる7分野×7時間のオンライン大型ウェビナー開催決定!!参加申込 受付中✨️
👀 買い切り動画講座 大好評発売中!

Claude Code入門講座
Claude Codeを初めて触る人向け。セットアップから基本操作まで一気に学べます。
※こちらはウェビナーのアーカイブ販売です

Illustratorマスター講座
イラストレーターとフォトショップの基礎をマスター
全20レッスン以上 / 動画 9時間以上

Figmaマスター動画講座
基礎から応用までFigmaの使い方をマスター
全50レッスン以上 / 動画 17時間以上

Studioマスター動画講座
基礎からCMSまでStudioの使い方をマスター
全40レッスン以上 / 練習課題 収録

Framerマスター動画講座
基礎から高度なアニメーションまでFramerの使い方をマスター
全25レッスン以上 / 完全日本語解説

作字マスター動画講座
iPadのProcreateをつかった作字のつくり方をマスター
全7レッスン / 7時間の動画

第一線で活躍するデザイナーたちの仕事観や価値観をディープに深堀りする対談ポッドキャスト
✍ 受講生の学習記録も更新中!






