---
title: "ディスプレイ広告 バナーの作り方｜サイズと成果を出す設計"
description: "ディスプレイ広告のバナーを成果につなげる実践ガイド。主要サイズの選び方、レスポンシブ広告との使い分け、デザインの原則、生成AIを使った制作・検証フローまで、運用担当者の視点で具体的に解説します。"
canonical: https://curumi.co.jp/blog/display-ads-banner
date: 2026-07-27T00:00:11.408Z
---

# ディスプレイ広告 バナーの作り方｜サイズと成果を出す設計

## ディスプレイ広告 バナーの役割と全体像

ディスプレイ広告のバナー（バナー広告）とは、Webサイトやアプリの広告枠に配信される画像形式の広告クリエイティブです。検索広告が「いま探している人」に応える広告だとすれば、バナーは「まだ探していない人」の視界に入り込み、認知と想起をつくる広告です。

役割が違えば、評価も設計も変わります。クリック率だけでバナーの良し悪しを判断すると、その後の指名検索や比較検討への影響を見落としがちです。

### 先に要点だけ知りたい方へ

- サイズは300×250を軸に、モバイル向けと合わせて3〜5種類あれば主要な配信面の多くをカバーできます
- 配信はレスポンシブディスプレイ広告を土台にし、勝ち訴求が見えたら固定バナーで磨き込みます
- 媒体AIが配信先を選ぶ現在、運用者が握れる最大の変数はバナーの「訴求の多様性」です

本文では、この3点を順に掘り下げます。ディスプレイ広告そのものの仕組みや費用感から整理したい場合は、[ディスプレイ広告とは？仕組み・種類・費用を徹底解説](/blog/display-ads-complete-guide)を先に読むと、この記事の位置づけがつかみやすくなります。

## バナーの主要サイズと入稿規定

バナー制作で最初に決めるのはサイズ構成です。配信面はサイズごとに在庫量が大きく異なるため、どのサイズを用意するかがそのまま表示機会の多さに直結します。

### 優先して用意したい定番サイズ

| サイズ | 通称 | 主な配信面 |
|--------|------|-----------|
| 300×250 | レクタングル | PC・スマホ両方の記事中面 |
| 320×50 / 320×100 | モバイルバナー | スマホ画面の上下 |
| 728×90 | ビッグバナー | PCのヘッダー・フッター |
| 300×600 | ハーフページ | PCのサイドバー |
| 160×600 | ワイドスカイスクレイパー | PCのサイドバー |

すべてを一度に揃える必要はありません。300×250、モバイル向けの320×50前後、PC向けの728×90の3系統があれば、主要な在庫の多くに配信できます。こうした定番サイズの多くは、業界団体のIAB（Interactive Advertising Bureau）が標準化してきた広告フォーマットに由来しており、現行の規格は[IABの広告フォーマットガイドライン](https://www.iab.com/guidelines/iab-new-ad-portfolio/)として公開されています。サイズごとの寸法と用途の一覧は[ディスプレイ広告のバナーサイズ一覧](/blog/display-ads-banner-size)で整理しています。

### 入稿規定は「発注時点の一次情報」で確認する

ファイル形式や容量の上限は媒体ごとに規定が異なり、しかも予告なく更新されます。Google広告とYahoo!広告（YDA）では300×250などの主要サイズは共通ですが、入稿規定は別々に管理されているため、入稿前にそれぞれの管理画面とヘルプで最新の要件を確認してください。制作を外部に依頼する場合も、発注時点の規定ページを仕様書に添えておくと、差し戻しの往復を減らせます。YDAの配信面や特徴は[Yahoo!ディスプレイ広告の特徴と活用方法](/blog/yahoo-display-ads)にまとめています。

> 関連記事: [ディスプレイ広告とリスティング広告の違い｜事業成果を出す使い分け](/blog/display-ads-listing-ads)

> 関連記事: [ディスプレイ広告とリスティング広告の違い｜事業成果を出す使い分け](/blog/display-ads-listing-ads)

> 関連記事: [ディスプレイ広告とリスティング広告の違い｜事業成果を出す使い分け](/blog/display-ads-listing-ads)

> 関連記事: [ディスプレイ広告とリスティング広告の違い｜事業成果を出す使い分け](/blog/display-ads-listing-ads)

## レスポンシブ広告と画像アップロード型の使い分け

現在のGoogle[ディスプレイ広告](/blog/display-ads-complete-guide)には、素材を渡して媒体側が自動で組み合わせる「レスポンシブ[ディスプレイ広告](/blog/display-ads-complete-guide)」と、固定サイズのバナーをそのまま入稿する「画像アップロード型」の2系統があります。結論としては、レスポンシブを土台に広く配信し、勝ち訴求が見えたら固定バナーで表現を磨き込む順番が扱いやすいです。

### レスポンシブ[ディスプレイ広告](/blog/display-ads-complete-guide)の仕組み

横長とスクエアの画像、ロゴ、見出し、説明文といった素材を登録すると、機械学習が配信面ごとに最適な組み合わせを自動生成します。少ない素材で幅広い広告枠に対応できるため、配信の立ち上げが速いのが利点です。一方で、どの組み合わせが表示されるかを細かく制御することはできません。

### 固定バナーが引き続き向いている場面

では、固定サイズのバナーはもう不要かというと、そうではありません。

- ブランドの配色やレイアウトを崩したくないキャンペーン
- どの訴求要素が効いたのかを配置単位で検証したい場合
- 金融・医療・人材など、表現の管理が厳しい業種

自動生成に任せる範囲と人が設計を握る範囲の線引きこそが、いまのバナー運用の設計判断です。キャンペーン設定や最適化の全体像は[Googleディスプレイ広告（GDN）の特徴・設定・最適化ガイド](/blog/google-display-ads-gdn-guide)で解説しています。

## 成果につながるバナーデザインの原則

バナーは1〜2秒しか見られない前提で設計します。情報を足すことより、削ることが仕事です。

### 一目で伝わる構成の原則

1. 訴求はひとつに絞ります — 価格なら価格、実績なら実績。ふたつ載せると、どちらも記憶に残りません
2. 文字は遠目でも読めるサイズにします — 特にスマホの320×50は表示面積が小さく、長いコピーは潰れます
3. CTAは行動が想像できる動詞にします — 「詳しくはこちら」より「資料をダウンロード」「無料で試す」のほうが次の行動が具体的です
4. 配信面に埋もれない配色・枠線にします — 白背景のサイトでは、白地のバナーは背景に溶けます

判断に迷ったら、スマホの実機で自分のバナーを3秒だけ見て、何が記憶に残るかを試してみてください。残らなければ、ユーザーの記憶にも残りません。

### 避けるべき表現と法令面の注意

点滅の激しいアニメーションや、閉じるボタンを偽装したようなデザインは、短期のクリックを稼げてもブランド毀損とポリシー違反のリスクを伴います。ユーザー調査に基づいて「嫌われる広告形式」を定義した[Better Ads Standards（Coalition for Better Ads）](https://www.betterads.org/standards/)は、避けるべき表現の客観的な判断基準になります。また、実際より著しく優良に見せる文言は景品表示法の不当表示に当たるおそれがあるため、訴求コピーは[消費者庁の景品表示法の解説ページ](https://www.caa.go.jp/policies/policy/representation/fair_labeling/)を参照しながら点検してください。クリック率の水準感と改善の考え方は[ディスプレイ広告のクリック率の実態と改善方法](/blog/display-ads-click-rate)にまとめています。

## AI前提のバナー制作・検証フロー

ここからは、私たちが広告支援の現場で使っている実装視点の話です。前提として、配信先の選定は媒体AIに任せる時代になりました。GoogleのPerformance MaxやDemand Gen、Meta広告（旧Facebook広告）のAdvantage+のように、機械学習が配信を自動化するキャンペーンが標準になっています。Googleがこうした自動化機能を継続的に拡充してきた経緯は、[Google広告の公式ブログ（Ads & Commerce）](https://blog.google/products/ads-commerce/)の発表からも確認できます。

### 勝負所はターゲティングからクリエイティブへ

配信先を媒体AIが決めるなら、運用者が握れる最大の変数はクリエイティブの側に移ります。

> 媒体AIは自動でユーザークラスタを切って配信し、クラスタごとに刺さる訴求は異なります。必要なのは似たバナーの量産ではなく「真の多様性」——訴求軸・トーン・フォーマットが構造的に異なるクリエイティブ群を揃え、媒体AIに探索の材料を渡すことです。
> — 株式会社くるみ「AIネイティブ[広告運用](/solutions/marketing)の設計思想」（2026年）

### 生成AIを使った量産と選抜の手順

1. 訴求軸を言語化します — 価格・時短・信頼・不安解消など、意味的に異なる軸を洗い出します
2. 軸ごとにコピーを生成します — ClaudeやGeminiに商材情報とペルソナを渡し、軸別にコピー案を出させます
3. 画像バリエーションを展開します — 画像生成AIとデザインテンプレートで、軸×トーンの組み合わせを揃えます
4. 媒体に学習させて選抜します — アセット単位のレポートで軸ごとの傾向を読み、負け軸を落として次の生成に反映します

1枚ずつ手作業で「良いバナー」を作るのではなく、生成→配信→学習の反復サイクルそのものを設計することが、従来の制作フローとの分かれ目です。指標別の改善手順は[ディスプレイ広告のCTR・CVR・CPA改善の実践ガイド](/blog/display-ads-optimization-improvement)を参照してください。

## バナー広告のよくある質問

バナー運用の相談で繰り返し受ける質問に、先に答えておきます。

### バナーは何種類くらい用意すべきですか？

目安は、訴求軸で2〜4種類、サイズ展開を含めて計10本前後です。少なすぎると媒体AIの探索材料が足りず、多すぎると1本あたりの学習データが薄まります。予算規模と配信量に応じて調整してください。

### 静止画と動画・アニメーションはどちらが良いですか？

まず静止画で始めるのが定石です。認知目的ではアニメーションや動画のほうが視線を止めやすい一方、制作コストは上がります。静止画で勝ち訴求を特定し、当たった訴求だけを動画化すると無駄がありません。

### バナーはリターゲティングにも使えますか？

使えます。リターゲティング（Google広告では「[リマーケティング](/blog/marketing)」とも呼ばれます）は、バナー活用の代表的な用途です。ただし同じバナーを出し続けると飽きられて逆効果になりやすいため、訴求を変えた複数パターンを用意してください。仕組みと設定は[リターゲティング広告の仕組み・効果・設定方法](/blog/retargeting-ads-guide)で解説しています。

### 制作を外注する場合、何を渡せば精度が上がりますか？

サイズ一覧と媒体の入稿規定に加えて、訴求軸の言語化メモを渡してください。「誰の・どんな状況の・何を解決するバナーか」が一枚で共有できると、初稿の精度が大きく変わります。規定は更新されるため、発注時点の規定ページのURLも添えるのが確実です。

## まとめ：バナーは設計して増やし、選抜する

バナーは「規定通りに作るもの」から「媒体AIに渡す探索材料として設計するもの」へと役割が変わりました。サイズと入稿規定は守るべき前提にすぎず、成果を分けるのは訴求の設計と検証サイクルです。

### 明日からの最初の一歩

いま配信中のバナーを、訴求軸で分類してみてください。並べてみると実は同じ訴求の色違いばかりだった、というケースは珍しくありません。それが見えるだけでも、次に作るべきバナーは変わります。

分類ができたら、足りない訴求軸を生成AIで補い、媒体のレポートで選抜していきます。この記事で扱った流れを小さく一周させることが、最短の学習になります。

私たち株式会社くるみは、AIを物量と速度のエンジンに、人の目利きを質の担保にしてリードを増やすAIグロースファームとして、バナーの訴求設計から生成AIによるクリエイティブ量産、媒体AIを前提とした配信・改善サイクルまで一貫して支援しています。「作る体制がない」「何が当たっているのか分からない」という段階からでも、お気軽にご相談ください。