media archive

制作する前に知っておきたい!バナー制作上の注意点や基本の知識

バナーは制作物としては小さなものですが、クリック率を左右する重要なものです。この記事ではバナーを制作する上で頭においておきたいことや、知っておきたい基礎知識をまとめています。

本記事の内容
非表示

バナーってなに?

バナーとは下記のように、

バナーの例

広告であったり、他ページや他サイトの紹介のために設置される画像のことです。
基本的にはリンク付きで、クリックするとその紹介されているページやサイトに移動します。

バナー広告とは?

バナーを広告として使っている場合、それをバナー広告と言います。

バナー広告は、Webサイトを見ているときにサイドバーに表示されたり、スマホアプリの使用中に表示されたりする広告に使われることが多いです。

また、そのようなサイドバーに表示されたり、スマホアプリの使用中に表示されたりするような広告のことを、Web広告の分類ではディスプレイ広告と言います。

ディスプレイ広告のメリット

Web広告でよく使われる広告の一つに、ユーザーが「検索する」という能動的な行動に対して、検索結果に広告を表示する検索連動型広告(リスティング広告)というものがあります。
例えば下記のような検索結果で、「広告」と表示されているものは検索連動型広告です。

リスティング広告の例
Google検索結果の例

検索連動型広告はユーザーが検索しないと表示されず、基本的に文字だけの広告です。

それに対しディスプレイ広告は、Webやアプリを閲覧するだけで表示されるため、

  • 検索以外の多くの場面で表示される
  • 画像やアニメーションも含めたビジュアルで訴求できる

というメリットがあります。

街への外出で言い換えると、例えば「ランチを食べたい」と思ったとき、

  • 検索して調べてからお店に行くのが検索連動型広告
  • たまたま見た看板が気になり、ふらっと立ち寄るのがディスプレイ広告

のような感じです。

ユーザーの行動とバナー広告の役割

ディスプレイ広告としてのバナー広告の役割ですが、先ほどの例で言えば「たまたま見た看板が気になり、ふらっと立ち寄ってもらう」という所です。

つまり、理想的なユーザーの行動は、

  1. 何か悩みやしたいことがあるユーザーに対して
  2. バナー広告を行動のきっかけにしてもらって
  3. さらに詳しい情報が載っているサイトを訪れてもらい
  4. 製品の購入やサービスの利用してもらう

という流れになります。

ユーザーの行動とバナー広告の役割

バナー広告のデザイン上の注意点

ユーザーの行動とバナー広告の役割の流れを見てもらうと分かるように、バナー広告をデザインするには、まず最初に

  • どんな悩みを抱えている人に見てもらいたい?
  • 何をしたいと思っている人に見てもらいたい?

という、誰に対して訴求するのか?というターゲットを決める部分が大事になってきます。
デザインはそのターゲットを中心に考え、どんな言葉や写真、配色が良いか?を考えてデザインします。

また、バナー広告をクリックした移動先のサイトのデザインも重要です。
移動先のサイトのデザインと、バナー広告のデザインや内容がかけ離れていると、ユーザーの印象が悪くなってしまいますので、注意してください。

ディスプレイ広告の掲載の仕組み

ここで、バナー広告が、ディスプレイ広告として配信される仕組みを簡単に説明しておきます。

ディスプレイ広告は、自社の製品やサービスなどを宣伝したい広告主と、広告を載せることでその掲載料を得たいサイトやアプリの管理者の、二者がいて成立します。

Webサイトやアプリ上に、ディスプレイ広告としてバナー広告を表示させるには複数の方法がありますが、細かいことを省いて簡略化すると下記のように、広告の配信システムやネットワークを仲介して配信・掲載されます。

ディスプレイ広告の掲載の仕組み

例えば、代表的な広告のネットワークとして、

  • GDN:Googleの広告ネットワーク
  • YDN:Yahoo!の広告ネットワーク

の2つがあります。

補足

ディスプレイ広告の掲載の仕組みは、新聞広告の仕組みと同じような感覚です。

新聞広告も、簡単にいうと「広告を載せたい広告主が、新聞社という広告の配信システムを仲介することで、新聞という媒体に広告が掲載される」という仕組みだからです。

バナーのサイズについて

広告を配信するのに、GDNやYDNなどのネットワークを利用する場合、バナーサイズなど、それぞれのネットワークで様々な規則があります。

先ほどの補足で新聞社を例に出しましたが、新聞広告にも枠のサイズが決まっていたり、その他諸々の規則があるのと同じ感覚です。

様々な規則がありますが、ここでは例としてサイズだけに注目して見てみましょう。

【参考】

GDNとYDNで、それぞれの規則で決められた各サイズがありますが、共通するサイズとして、

  • 300×250px(スマホ・パソコン両用)
  • 320×50px(スマホ用)
  • 320×100px(スマホ用)
  • 728×90px(パソコン用)
  • 300×600px(パソコン用)
  • 160×600px(パソコン用)
  • 468×60px(パソコン用)

の7つのサイズがあります。(2020年4月17日現在)

どのサイズを制作するのかは、その時の予算や状況で変わってきますが、必ず制作したいサイズは、

  • GDN、YDNの共通サイズ
  • パソコン、スマホ両用

という、広い範囲をカバーしている300×250pxのサイズです。

基本のバナーサイズ

補足

広告の配信システムやネットワークを利用しない場合のバナーサイズについて

自社サイトに載せるバナーなど、広告の配信システムやネットワークを利用しない場合、サイズは自由です。

300×250pxのほかにオススメのサイズはあるの?

Googleの広告サイズに関するガイドというページの中で、「高い成果が見込める広告サイズ」が紹介されていますので、参考にしてみてください。

まとめ

以下にもう一度、ポイントをまとめておきます。

  • バナーとは、広告や他サイトの紹介のために設置されるリンク付きの画像のこと
  • バナー広告をディスプレイ広告として配信するメリットは、検索ユーザー以外にも広く訴求できること
  • デザインはターゲットを決めて、ターゲットを中心に考えることが大切
  • ディスプレイ広告にはサイズなど様々な規則があり、必ず制作したいサイズ300×250px

本記事は、レバテックフリーランスさんの目を引くバナーを作成したい!そんなフリーランスにおすすめの記事まとめという記事に掲載されました(2020年5月15日)。

そちらのまとめ記事では、ほかにも様々なバナー制作に関する記事が紹介されていますので、興味のある方はぜひ色々参考にしてみてください!

ディレクションの全体像を知りたい方へ

ペルソナ、UXなどについて知りたい方へ

ホームページの制作、Webデザインから、
パンフレットやチラシなど紙媒体の制作、グラフィックデザインまで、
制作のご相談やお見積もりなど、まずはお気軽にお問い合わせください。

お問い合わせはこちら
TOP