Web制作会社 THINkBALがデジタル全般の情報をお届けするデジタルマガジンです。東京と埼玉を拠点としたWeb制作会社|株式会社THINkBAL
Web広告
Update: 2023/10/25

Web広告のバナーサイズがわからない|種類別のサイズを解説

Web広告を実施する上ではバナー広告のクリエイティブは非常に重要です。媒体によって入稿規定が異なるため、事前に調査しておく必要があります。後から用意することになってしまうと広告配信の開始日に入稿が間に合わず、トラブルになるケースも起こり得ます。

  • これからWeb広告を始める人
  • そもそもバナー広告が何なのかわからない人

今回の記事ではWeb広告のバナーについて、基礎的な内容から具体的なバナーサイズについて解説していきます。

Web広告運用のプロが貴社のお悩みを解決します! データ分析、UX/UI設計に基づく戦略とデザインで伝えたい価値を伝わるカタチに。 ビジネス成果に貢献するWebサイト制作・構築を提供します。
\まずは無料相談!2営業日以内に返信/
Web広告運用を相談する

Web広告のバナーの定義は?

Web広告のバナーは、Webページ上に表示される広告形式の一つです。バナーは通常、長方形や正方形の形状を持ち、画像やテキスト、リンクなどの要素で構成されます。バナー広告は、Webサイトのコンテンツとは別の領域に配置され、ユーザーの目を引くことや特定のメッセージを伝えることを目的としています。

バナー広告は、Webサイトの一部として表示されるため、ユーザーによるクリックやタップによって詳細な情報や商品ページなどに移動することができます。広告主は、バナー広告を活用して製品やサービスの宣伝、ブランド認知の向上、ユーザーへのアクション促進などを目指すことができます。

Web広告のバナーは、視覚的な魅力や説得力のあるメッセージを伝えることが重要です。デザインやコピーの工夫によって、ユーザーの関心を引きつけ、クリックやコンバージョンへと繋げる効果的な広告となるでしょう。

各Web広告のバナーサイズ

スマホとAdと書かれた吹き出しのイラスト

Web広告のバナーサイズは、広告が表示されるプラットフォームや形式によって異なります。サイズが違っていれば広告の入稿ができずに配信がされないため、しっかりと調査してからバナーを作成する必要があります。以下では、主要なWeb広告プラットフォームで使用される一般的なバナーサイズについて解説します。

ディスプレイ広告のバナーサイズ

ディスプレイ広告は、ウェブサイト上に表示される広告形式です。一般的なディスプレイ広告のバナーサイズには以下のものがあります。

Leaderboard(リーダーボード)サイズ:728px × 90px
形状:横長の矩形広告
Medium Rectangle(ミディアムレクタングル)サイズ:300px × 250px
形状:正方形の広告
Skyscraper(スカイスクレイパー)サイズ:160px × 600px
形状:縦長の矩形広告

SNS広告のバナーサイズ

SNS広告は、ソーシャルメディア上で表示される広告形式です。以下では、主要なSNSプラットフォームで使用されるバナーサイズについて説明します。

Facebook広告サイズ:1,200px × 628px or 1,080px × 1,080px
形状:横長の矩形広告または正方形の広告
Instagram広告サイズ:1,200px × 628px or 1,080px × 1,080px
形状:横長の矩形広告または正方形の広告

Story(ストーリー)
サイズ:1,080px × 1,920px
形状:縦長の広告
YouTube広告動画広告:
サイズ:1,920 × 1,080 px or 1,080 × 1,920 px or 1,080 × 1,080 pxなど
形状:正方形や縦長、矩形など。

上記は一部の代表的なバナーサイズですが、各プラットフォームや広告形式によってさまざまなサイズが存在します。広告を配信するプラットフォームの仕様やガイドラインに従い、最適なバナーサイズを選択しましょう。

バナー作成時の注意点

バナーを作成する際には、サイズとデザインについて良く調べて考えておく必要があります。適切なバナーが作成できなければ、広告の効果が悪くなったり、そもそも配信もできないケースもあります。

バナーサイズで注意するポイント

PC画面にWeb広告が書かれているイラスト

バナー広告の制作では、サイズ指定への細心の注意が必須です。これには、縦横の寸法だけでなく、ファイル容量も含まれます。各メディアや広告掲載枠、さらには広告プラットフォームごとに異なる要件や規定があります。これらに適合しないバナーは受け入れられない場合があり、最悪の場合、ユーザー体験にネガティブな影響を与える可能性があります。

特に、ファイル容量が大きすぎると、Webページのローディング時間に影響を与え、訪問者がページを離れる原因となることがあります。また、広告枠のサイズに適合しないと、レイアウトが崩れたり、他の重要なコンテンツを圧迫する可能性があるため、サイトの見た目や信頼性に影響を及ぼすことも考えられます。

詳細については、以下の情報を参照してください。

サイズの適合

前述でも説明した通り、各プラットフォームや広告枠は特定の推奨サイズを設けています。このサイズに準拠しないとバナーが意図した通りに表示されないばかりか、メッセージが伝わらないというリスクもあるのです。

サイズが適切でないと、画像が伸びたり縮んだりしてデザインのバランスが崩れ、結果として視認性が損なわれ、クリック率の低下につながる可能性があります。また、広告としての魅力が半減し、ブランドイメージにもネガティブな影響を及ぼすことが考えられるでしょう。

現代のユーザーはさまざまなデバイスを使用してインターネットにアクセスします。スマートフォン、タブレット、デスクトップと、利用するデバイスの画面サイズは多岐にわたります。これら全てのフォーマットで最適な表示を実現するために、レスポンシブデザインの採用は不可欠です。

レスポンシブデザインにより、どのデバイスを使用していてもバナーが適切なサイズとフォーマットで表示され、ユーザーエクスペリエンスが損なわれることなく、広告効果の最大化が図れます。

ファイルサイズの最適化

ファイルサイズの最適化は、Webページのパフォーマンスを大きく左右する重要な要素です。バナー広告のファイルサイズが大きいと、その分Webページの読み込み時間が長くなり、これが訪問者のユーザー体験に影響を与えます。特に、モバイルユーザーや低速インターネット環境にあるユーザーの場合、読み込みに時間がかかるページからはすぐに離脱してしまう可能性が高いです。

現代のインターネットユーザーは情報を迅速に得たいと望んでおり、遅いページに対してはすぐに離脱してしまう傾向にあります。読み込み速度が遅いと、ユーザーの興味や注意を引きつける前に、彼らは他の情報源を求めてサイトを離れてしまいます。これは、特に離脱率の増加とコンバージョン率の低下に直結し、最終的にはオンラインビジネスにとって売上の機会損失を意味します。

適切なファイル形式の選択、圧縮設定の最適化、不要なデータの削除などが含まれます。こうした最適化をおこなうことで、ページの読み込み速度を向上させ、ユーザーがサイト上でよりスムーズに操作できる環境を提供することができます。

バナーデザインで注意するポイント

バナーデザインが写っているスマホ

バナーデザインは、企業のブランディングやマーケティング戦略において中心的な役割を果たす要素です。このビジュアルコンテンツは一瞬でユーザーの注意を引き、興味を喚起する力を持っています。

しかし、その効果を最大限に引き出すためには、デザイン作成時のいくつかの重要なポイントを念頭に置く必要があります。

目立つカラーコントラスト

バナーの視認性を高める重要な要素として、色彩のコントラストのバランスを考えることも重要です。人の目は自然とコントラストが強いものに引かれるため、バナーに使用する色の選択は、その効果的な魅力を左右します。

特に、背景とテキストのコントラストは、視覚的な際立ちを生み出し、メッセージの伝達力を強化します。これは、ユーザーが情報を迅速に処理でき、関心を引き付ける助けになります。明るい背景に暗い文字や、逆に暗い背景に明るい文字など、コントラストの強い組み合わせを用いることで、内容の可読性が高まり、結果的にクリック率やコンバージョンの向上するでしょう。

シンプルなレイアウト

さまざまなPCの広告とグラフのイラスト

バナーの効果を最大限に引き出すためには、レイアウトのシンプルさが求められます。過度に複雑なレイアウトや多くの要素を含むデザインは、視覚的な混乱を招き、ユーザーが本来受け取るべきメッセージの理解を妨げてしまいます。

また、情報が詰め込まれすぎると、ユーザーはそれを処理することが困難になります。必要な情報を絞り込み、一目で伝わるようなデザインにすることで、バナーを見た人の関心を引き、意図した反応を得やすくなります。このシンプルさが、効果的なコミュニケーションとブランド認知のカギとなるのです。

強力なキャッチコピー

バナーのメッセージは、集客やCVの成功において非常に重要です。強限られたスペースにユーザーの注意を引き、行動を促す力があるキャッチコピーを作成するようにしましょう。このためには、短く、簡潔でありながらもわかりやすければ、ユーザーに強い印象を与える内容が求められます。

魅力的なキャッチコピーは、やサービスの価値を的確に伝え、ユーザーの感情や好奇心を刺激するものでなければなりません。一般的には、積極的なアクションを促す呼び掛けの言葉や、ユーザーに利益をもたらすと明示的に示されたフレーズが効果的です。

また、コピーがユーザーにとっての問題解決策を提示することも重要です。これによって、ユーザーはバナーをクリックする動機を得ることができます。明確で説得力のあるメッセージは、ブランドと顧客との強い結びつきを生み、結果的には高いクリック率とコンバージョンにつながります。

バナー作成時には、これらの点を考慮しながら、コピーの選定や表現に細心の注意を払うことが不可欠です。

まとめ

バナー広告の作成においては、バナーサイズやデザインの要素に注意を払うことが重要です。適切なバナーサイズを選択し、レスポンシブデザインを採用することで、異なるデバイスや画面サイズに対応したバナーを作成しましょう。また、ファイルサイズの最適化を行い、読み込み速度を向上させることも大切です。

バナーデザインでは、目立つカラーコントラストやシンプルなレイアウト、強力なコピーの使用に留意しましょう。適切な画像を選び、バナーの目的やターゲットオーディエンスに合ったメッセージを伝えることが重要です。

バナー広告は、視認性や効果を高めるための重要な要素です。注意点を意識しながらバナーを作成し、ユーザーの関心を引き付け、目的のアクションを促す効果的な広告を実現しましょう。

著者
Digital Magazine editorial departmentDigital Magazine 編集部
Digital Magazineの企画・執筆・編集をしています。Webサイト制作、UX/UIデザイン、コンテンツマーケティング、SEO対策、SNS運用、広告運用に強みを持ったメンバーが、デジタルマーケティング全般の最新情報やノウハウをわかりやすくお届けします。
監修者
Miyazaki Norifumi宮崎 典史
THINkBAL代表。Web制作会社でWebサイト構築を学び、株式会社電通に出向。ナショナルブランドのWebサイトを数多くプロデュース。担当領域は、Webコンサルティング・戦略立案・プロジェクトマネジメント・UXリサーチ・情報設計・制作ディレクション。