ホームページ制作からSEOやリスティング広告などWEBマーケティング全て対応

インバウンドサイトを作るときに知っておきたいこと

戦略的WEBサイト制作が得意なエムハンドとは!?
  • 何をしている会社?
  • 何を作っているの?

効果の高いバナー制作のコツとは?読まなきゃ損する、おすすめ8記事+3サイト

  • アクセスアップ

WEBサイトの主要なアクセスアップ策と言えばSEO、そして広告からの誘導があります。スマホの普及などでネイティブ広告や動画広告が注目され、効果が薄れてきていると言われるバナー広告ですが、クリエイティブの工夫で大きな結果が期待できる場面はまだまだたくさんあります。

スペースが小さく、入れられる情報も限られているバナーをいかに効果のあるものにするか…。クリックされやすく効果を出せるバナー制作のためには、企画から運用まで様々なコツがあります。今回は、発注者の方も知っておくとためになる、効果的なバナーを作るための情報源をカテゴリー別にまとめていきたいと思います。

バナーについての基礎知識

バナーの役割から、種類や大きさまで。まずは、バナーの基礎知識について学べる情報源をご紹介します。

バナーの役割は?

WEBサイト、スマホアプリ、SNSのタイムラインなど、さまざまなところで見かけるバナー広告。なぜそんなにいたるところにバナーが存在しているのかといえば、もちろん目的とするWEBサイトに訪れてもらうため。いまさら当たり前のようですが、そんなバナーの役割についてあらためて確認してみると、新しい発見があるかもしれません。

●参考情報

01 「バナーって何?」
そもそも「バナーとは何か?」という、基本中の基本について、まとめられたブログ記事です。実店舗の「のぼり」にたとえて、制作者の立場からバナーの役割などを説明しています。

バナーサイズ、いろいろ

バナー制作で重要なのが、大きさ。同じサイト内でも、どの位置にバナー広告が表示されるかによって大きさは変わってきますし、掲載費用も異なります。また、バナーではサイズが1pxでも違っていると表示されなかったりエラーになったりすることもあるので、制作会社などに依頼する時にも伝え間違えのないように気をつけたいところです。

サイズには、それぞれの大きさごとの名前が付いており、メディアによっては「レクタングル」などと、名前で大きさが指示されていることもあります。バナーの大きさと名称を頭の片隅に置いておくと役立つでしょう。

●参考情報

02 「広告バナーの大きさは国際規定ってホント?」
オールアバウト・デジタルの記事。バナーのサイズや名称が、見やすい一覧形式でわかりやすくまとめられています。

03 「AdWords 広告掲載のポリシー」
代表的なクリック課金広告サービス、Google dWords「広告掲載のポリシー」にも、バナー広告の種類や大きさをまとめた一覧表があります。

バナー制作のコツ

ここからご紹介するのは、バナーならではの制作のコツやポイントを学べる情報源です。自分で作る立場ではない方も、目を通しておくと発注時の参考になります!

バナー制作のワークフロー

バナーをデザイナーや制作会社に依頼する場合にも、その制作工程を知っておくことは役立つと思います。小さなバナーひとつでも、意外と多くの工程を経て作られているのです。

●参考情報

04 「新人必見!倍速かつ高品質なバナーを作るためのコツを全公開します」
「nanapiTECHBLOG」の投稿記事。制作のプロセスが、実例を使って紹介されていて、とてもわかりやすい記事です。

情報の整理とレイアウト

画像やキャッチコピー、クリック誘導ボタンなど、限られたスペースの中にさまざまな情報をうまく整理しつつ、他のバナーと似てしまわないようにいかに差別化するか。それがバナー制作の腕の見せどころ。同じ要素でも、レイアウトを変えることでデザインの印象は大きく変わります。

●参考情報

05 「勝てるバナーレイアウト20選!│レイアウトに悩んだ時の虎の巻」
バナーのテンプレートが20パターン紹介されています。それぞれに制作例が付いているのでわかりやすく、どのような切り口にしようか…と、アイデアを考える際のフレームワークとしても利用できそうです。

06 「デザイナー視点で見る!イケてるバナーとトホホなバナー」
レイアウトのバリエーション別に「イケてるバナー」を解説付きで紹介。加えて、配色による印象の違いもまとめてくれているので、参考になります。

運用面から考えるバナー

いくらデザインがよくても、クリックされないことには意味がないバナー広告。企画、制作、運用の流れからバナー広告を考えていくための参考記事をご紹介します。

コンバージョン率、クリック率を向上させるために

クリックされるバナーを作るためには、ターゲットにあわせた戦略やコンセプトをしっかりとたてた上で、さまざまなバリエーションのものを制作して比較するなど、実際に運用しながら効果測定を行いながら、より効果が出るものに改善していくPDCAが重要です。

●参考記事

07 「ディレクターなら知っておきたいバナー広告制作の基礎知識」
ユーザーの購買行動を見据えて、バナー広告が担うポジションや設計の際の思考などがまとめられています。発注者の方にもおすすめできる良記事です。

08 「100種以上の自社広告運用でわかった!バナー広告クリエイティブ4つの基本」
LINEなどを運営するNHN Japanが100種類以上の自社広告を制作、運用してみてわかったという、効果の高いバナーを作るためのコツが紹介されています。

効果測定を行いながらデザインを改善させ、コンバージョン率、クリック率など、広告効果を向上させた、具体的な事例が紹介されています。

バナー制作の参考になるギャラリーサイト

ここまでバナー制作の知識ややテクニックなどの情報源をご紹介してきましたが、実際にWEBに掲載されている良いバナーを、普段から意識して見ておくことも大切。最後に、そんな時に役立つギャラリーサイトをご紹介します。企画を考える時の参考にも、ぜひ活用してください。

バナーデザイン専門ギャラリーサイト「レトロバナー」

09 バナーを「サイズ」、「色」、「業種」、「テイスト」で絞り込んで探すことができるので、参考になるバナーを効率的に見つけることができます。

バナーデザインアーカイブ

10 こちらも「サイズ」、「色」、「業種」を選んでバナーをまとめて見ることができます。トップ画面は1ページスクロール型になっているので、閲覧もスムーズ。空き時間にスマホでちょっと…という時にも見やすいかもしれません。

バナーデザインギャラリー

11 このギャラリーでは、「サイズ」、「色」別に加えて、海外のバナーも見ることができます。日本のバナーとはデザインテイストが違うので、ちょっと違ったデザインをしたいなどという際の参考になるかもしれません。

今回のまとめ

今回はバナー制作関して役立つ情報源を、企画から運用までカテゴリーごとにご紹介してきました。いかがでしたか?たかがバナー、されどバナー。小さなバナーひとつと言えども、意外と奥深いものですね。

バナー関係のことでわからないことがある時には、この記事を読み返していただければきっと知りたい情報が見つかるはず。少しでも多くクリックされる効果的なバナーづくりのために、役立てていただければ、うれしいです!

この記事に関連する記事

カテゴリー

アクセスランキング

月間

  1. 1

    いまさら聞けない!フリック、スワイプ…スマホ操作の基本用語まとめ

  2. 2

    今どきの幼稚園・保育園ホームページ研究。32サイトに見る傾向と課題とは?

  3. 3

    【保存版】アツイ視線が集まる激戦区!女性向けWEBメディア50選

  4. 4

    【WEBデザイン10選】シンプルでわかりやすい「1カラム」サイトまとめ

  5. 5

    【WEBデザイン10選】これぞ進化系!今どきのレスポンシブWEBデザインサイトまとめ

  6. 6

    今“ジモト”がアツイ!情報発信力バツグンなローカルWEBメディアまとめ

  7. 7

    わずか60秒でカンタン制作?!無料アンケートフォーム作成サービス、おすすめベスト5!

  8. 8

    【WEBデザイン10選】雑誌風デザインを上手く取り入れたWEBサイトまとめ

  9. 9

    【WEBデザイン10選】背景に動画を大胆に使った日本のサイトまとめ

  10. 10

    歯科クリニックのホームページを徹底調査!24サイトに見る集患力のポイントとは?

総合

  1. 1

    いまさら聞けない!フリック、スワイプ…スマホ操作の基本用語まとめ

  2. 2

    【保存版】アツイ視線が集まる激戦区!女性向けWEBメディア50選

  3. 3

    【WEBデザイン10選】これぞ進化系!今どきのレスポンシブWEBデザインサイトまとめ

  4. 4

    今どきの幼稚園・保育園ホームページ研究。32サイトに見る傾向と課題とは?

  5. 5

    【WEBデザイン10選】シンプルでわかりやすい「1カラム」サイトまとめ

  6. 6

    初めてでもできる!iPhone動画編集アプリ【厳選4つ】

  7. 7

    【WEBデザイン10選】コンバージョンUPにも!パララックスを効果的に使ったLPまとめ

  8. 8

    【事例に学ぶ】話題の新興SNS、Instagramを集客に使うコツ

  9. 9

    【WEBデザイン10選】雑誌風デザインを上手く取り入れたWEBサイトまとめ

  10. 10

    【WEBデザイン10選】背景に動画を大胆に使った日本のサイトまとめ

エムハンドブログ編集部

  • 編集長みつむね

    得意分野はWEBマーケティング/コンテンツ編集。「インバウンドブログ」立ち上げから編集に参加。

  • 伊藤 高啓

    SNS運営からWEB広告/マーケティング業界を経て、鳴り物入りでエムハンドブログ編集長に就任。

  • 新棚幹太

    雑誌出版社を経てフリー編集者に。東京生まれ、京都暮らし4年目のオールラウンドライター。

  • 島田

    某グルメ雑誌の編集長を経て、業界違いのWEBへ転身。独自の視点で個性的な記事を手がける。

  • ヨネクラ

    WEBメディアの立ち上げに参加したくエムハンドライティングチームに参加。早稲田大学出身。

  • キクチ

    京都大学卒業後、京都大学院工学研究科に進学。研究を続けながらライター業に従事。

  • 池田仮名

    週末Webプランナー。情報システムの発展によって変化していく人の心や共同体のありかたに興味。

最新記事

  • M-HAND 士業
  • M-HAND 歯科
  • Logonic
  • M-HAND TechnicalBlog

PDFで出力できる!無料自動お見積り

選択するだけで簡単にお見積り可能です。

さらに詳しく話を聞いてみたい方はこちらよりご連絡ください:0120-931-572

ご相談・お問い合わせ

簡単なお見積りが発行できます

ワンクリックに命がけのホームページ制作会社M-HAND