Web広告のバナーサイズがわからない|種類別のサイズを解説
Web広告を実施する上ではバナー広告のクリエイティブは非常に重要です。媒体によって入稿規定が異なるため、事前に調査しておく必要があります。後から用意することになってしまうと広告配信の開始日に入稿が間に合わず、トラブルになるケースも起こり得ます。
- これからWeb広告を始める人
- そもそもバナー広告が何なのかわからない人
今回の記事ではWeb広告のバナーについて、基礎的な内容から具体的なバナーサイズについて解説していきます。
Web広告のバナーの定義は?
Web広告のバナーは、Webページ上に表示される広告形式の一つです。バナーは通常、長方形や正方形の形状を持ち、画像やテキスト、リンクなどの要素で構成されます。バナー広告は、Webサイトのコンテンツとは別の領域に配置され、ユーザーの目を引くことや特定のメッセージを伝えることを目的としています。
バナー広告は、Webサイトの一部として表示されるため、ユーザーによるクリックやタップによって詳細な情報や商品ページなどに移動することができます。広告主は、バナー広告を活用して製品やサービスの宣伝、ブランド認知の向上、ユーザーへのアクション促進などを目指すことができます。
Web広告のバナーは、視覚的な魅力や説得力のあるメッセージを伝えることが重要です。デザインやコピーの工夫によって、ユーザーの関心を引きつけ、クリックやコンバージョンへとつなげる効果的な広告となるでしょう。
各Web広告のバナーサイズ一覧
Web広告のバナーサイズは、広告が表示されるプラットフォームや形式によって異なります。サイズが違っていれば広告の入稿ができずに配信がされないため、しっかりと調査してからバナーを作成する必要があります。以下では、主要なWeb広告プラットフォームで使用される一般的なバナーサイズについて解説します。
ディスプレイ広告のバナーサイズ
ディスプレイ広告は、ウェブサイト上に表示される広告形式です。一般的なディスプレイ広告のバナーサイズには以下のものがあります。
Leaderboard(リーダーボード) | サイズ:728px × 90px 形状:横長の矩形広告 |
Medium Rectangle(ミディアムレクタングル) | サイズ:300px × 250px 形状:正方形の広告 |
Skyscraper(スカイスクレイパー) | サイズ:160px × 600px 形状:縦長の矩形広告 |
「Leaderboard(リーダーボード)」は、Webサイトの上部に表示するバナーとして、一般的に選ばれやすいサイズです。横長である点が特徴で、ロゴや短文のメッセージが含まれることが多い傾向にあります。
「Medium Rectangle(ミディアムレクタングル)」正方形のような形状をしていて、画面に表示される範囲が大きい広告です。適度に情報を盛り込みやすく、使い勝手の良い広告といえます。
「Skyscraper(スカイスクレイパー)」は、縦に長いタイプの広告です。インパクトが強い広告でもあり、視覚効果の高さが魅力です。企業やブランドの認知向上を目的として使用されることも多い傾向にあります。
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など 形状:正方形や縦長、矩形など。 |
上記は一部の代表的なバナーサイズですが、各プラットフォームや広告形式によってさまざまなサイズが存在します。広告を配信するプラットフォームの仕様やガイドラインに従い、最適なバナーサイズを選択しましょう。
バナーサイズで注意するポイント
バナーを作成する際には、サイズとデザインについて良く調べて考えておく必要があります。適切なバナーが作成できなければ、広告の効果が悪くなったり、そもそも配信もできないケースもあります。
バナー広告の制作では、サイズ指定への細心の注意が必須です。これには、縦横の寸法だけでなく、ファイル容量も含まれます。各メディアや広告掲載枠、さらには広告プラットフォームごとに異なる要件や規定があります。これらに適合しないバナーは受け入れられない場合があり、最悪の場合、ユーザー体験にネガティブな影響を与える可能性があります。
特に、ファイル容量が大きすぎると、Webページのローディング時間に影響を与え、訪問者がページを離れる原因となることがあります。また、広告枠のサイズに適合しないと、レイアウトが崩れたり、他の重要なコンテンツを圧迫する可能性があるため、サイトの見た目や信頼性に影響を及ぼすことも考えられます。
詳細については、以下の情報を参照してください。
推奨サイズに適合させる
前述でも説明した通り、各プラットフォームや広告枠は特定の推奨サイズを設けています。このサイズに準拠しないとバナーが意図した通りに表示されないばかりか、メッセージが伝わらないというリスクもあるのです。
サイズが適切でないと、画像が伸びたり縮んだりしてデザインのバランスが崩れ、結果として視認性が損なわれ、クリック率の低下につながる可能性があります。また、広告としての魅力が半減し、ブランドイメージにもネガティブな影響を及ぼすことが考えられるでしょう。
現代のユーザーはさまざまなデバイスを使用してインターネットにアクセスします。スマートフォン、タブレット、デスクトップと、利用するデバイスの画面サイズは多岐にわたります。これら全てのフォーマットで最適な表示を実現するために、レスポンシブデザインの採用は不可欠です。
レスポンシブデザインにより、どのデバイスを使用していてもバナーが適切なサイズとフォーマットで表示され、ユーザーエクスペリエンスが損なわれることなく、広告効果の最大化が図れます。
ファイルサイズの最適化させる
ファイルサイズの最適化は、Webページのパフォーマンスを大きく左右する重要な要素です。バナー広告のファイルサイズが大きいと、その分Webページの読み込み時間が長くなり、これが訪問者のユーザー体験に影響を与えます。特に、モバイルユーザーや低速インターネット環境にあるユーザーの場合、読み込みに時間がかかるページからはすぐに離脱してしまう可能性が高いです。
現代のインターネットユーザーは情報を迅速に得たいと望んでおり、遅いページに対してはすぐに離脱してしまう傾向にあります。読み込み速度が遅いと、ユーザーの興味や注意を引きつける前に、彼らは他の情報源を求めてサイトを離れてしまいます。これは、特に離脱率の増加とコンバージョン率の低下に直結し、最終的にはオンラインビジネスにとって売上の機会損失を意味します。
適切なファイル形式の選択、圧縮設定の最適化、不要なデータの削除などが含まれます。こうした最適化をおこなうことで、ページの読み込み速度を向上させ、ユーザーがサイト上でよりスムーズに操作できる環境を提供することができます。
画像が自動でトリミングされる可能性を考慮する
レスポンシブ広告を設ける場合には、画像が自動でトリミングされる可能性をふまえて作成することが重要です。
レスポンシブ広告は、スマホやパソコン、タブレットなど、表示されるデバイスの画面サイズに合わせて、画像が自動でトリミングされることがあります。
Google広告であれば最大で5%程度トリミングされることがあるため注意してください。また、Yahoo!広告では、最大で20%もの範囲がトリミングされることもあります。
レスポンシブ広告を作成するのであれば、自動トリミングされても広告として機能するよう、訴求内容や重要な要素を中心に配置することが重要です。
バナーデザインで注意するポイント
バナーデザインは、企業のブランディングやマーケティング戦略において中心的な役割を果たす要素です。このビジュアルコンテンツは一瞬でユーザーの注意を引き、興味を喚起する力を持っています。
しかし、その効果を最大限に引き出すためには、デザイン作成時のいくつかの重要なポイントを念頭に置く必要があります。
目立つカラーコントラスト
バナーの視認性を高める重要な要素として、色彩のコントラストのバランスを考えることも重要です。人の目は自然とコントラストが強いものに引かれるため、バナーに使用する色の選択は、その効果的な魅力を左右します。
特に、背景とテキストのコントラストは、視覚的な際立ちを生み出し、メッセージの伝達力を強化します。これは、ユーザーが情報を迅速に処理でき、関心を引き付ける助けになります。明るい背景に暗い文字や、逆に暗い背景に明るい文字など、コントラストの強い組み合わせを用いることで、内容の可読性が高まり、結果的にクリック率やコンバージョンの向上するでしょう。
シンプルなレイアウト
バナーの効果を最大限に引き出すためには、レイアウトのシンプルさが求められます。過度に複雑なレイアウトや多くの要素を含むデザインは、視覚的な混乱を招き、ユーザーが本来受け取るべきメッセージの理解を妨げてしまいます。
また、情報が詰め込まれすぎると、ユーザーはそれを処理することが困難になります。必要な情報を絞り込み、一目で伝わるようなデザインにすることで、バナーを見た人の関心を引き、意図した反応を得やすくなります。このシンプルさが、効果的なコミュニケーションとブランド認知のカギとなるのです。
強力なキャッチコピー
バナーのメッセージは、集客やCVの成功において非常に重要です。強限られたスペースにユーザーの注意を引き、行動を促す力があるキャッチコピーを作成するようにしましょう。このためには、短く、簡潔でありながらもわかりやすければ、ユーザーに強い印象を与える内容が求められます。
魅力的なキャッチコピーは、やサービスの価値を的確に伝え、ユーザーの感情や好奇心を刺激するものでなければなりません。一般的には、積極的なアクションを促す呼び掛けの言葉や、ユーザーに利益をもたらすと明示的に示されたフレーズが効果的です。
また、コピーがユーザーにとっての問題解決策を提示することも重要です。これによって、ユーザーはバナーをクリックする動機を得ることができます。明確で説得力のあるメッセージは、ブランドと顧客との強い結びつきを生み、結果的には高いクリック率とコンバージョンにつながります。
バナー作成時には、これらの点を考慮しながら、コピーの選定や表現に細心の注意を払うことが不可欠です。
バナー内のテキストが20%を超えないようにする
バナーを作成する際には、バナー内に含まれるテキストが20%を超えないように注意してください。バナーの画像に含まれるテキストが20%を超えてしまうと、広告審査に落ちてしまう恐れがあるためです。
実際、テキストの比率が高くなるほどに本来打ち出すべき商品画像や、サービスのイメージ図が隠れやすくなってしまいます。
広告を出稿するうえで不利となる恐れがあるため、バナー画像に含まれるテキストは20%を超えないように調整しましょう。
バナーを作成する際のポイント
バナーを作成するにあたり、おさえておくべきポイントが存在します。具体的に、どのようなポイントをおさえたうえでバナーを作成すれば良いのか、以下から見ていきましょう。
画質の高い画像を使用する
バナーを作成するにあたり、まずポイントとして押さえておきたいのが「高画質画像を使用すること」です。
バナー画像で使用する画像は、商品やサービスを直接的にアプローチするうえで欠かせない存在です。画質が荒いと商品やサービスがチープな印象になってしまったり、そもそも本来の良さが伝わりにくくなったりしてしまいます。
バナーに画像を使用する際には、必ず画質の高い画像を準備して、広告として使用しましょう。
情報のグルーピングを意識する
バナーを作成する際には、画像全体の情報のグルーピングを意識してみてください。バナー内で、テキストや画像、イラストなどがバラバラに混在していると、ユーザーが広告の内容を把握しにくくなってしまいます。
似た要素をグルーピングしてまとめたり、要素ごとに整列させたりするなど、見やすいように工夫してみてください。
また、並べるだけではなく「あえて対比させて自社商材の良さを強調する」など、広告テクニックを吟味して採用することも重要です。
まとめ
バナー広告の作成においては、バナーサイズやデザインの要素に注意を払うことが重要です。適切なバナーサイズを選択し、レスポンシブデザインを採用することで、異なるデバイスや画面サイズに対応したバナーを作成しましょう。また、ファイルサイズの最適化をおこない、読み込み速度を向上させることも大切です。
バナーデザインでは、目立つカラーコントラストやシンプルなレイアウト、強力なコピーの使用に留意しましょう。適切な画像を選び、バナーの目的やターゲットオーディエンスに合ったメッセージを伝えることが重要です。
バナー広告は、視認性や効果を高めるための重要な要素です。注意点を意識しながらバナーを作成し、ユーザーの関心を引き付け、目的のアクションを促す効果的な広告を実現しましょう。
集客からコンバージョンまで成果を期待できるWeb広告運用
流入だけではなく「売上」も期待できる施策を実施しませんか?
- どのようなバナー広告を作成すれば良いのかわからない
- 流入の向上からサポートを依頼したい
- Webでの流入を増やしたい
Web広告運用で実績のある
THINkBALにお任せください。
Relation 関連記事
- Web制作
2024/6/30金融サイト制作でおすすめ制作会社5選|依頼先の4つの選び方のポイント- Web制作
2024/6/30フィットネス系でおすすめの制作会社7選|制作のポイントなども解説!- Web制作
2024/5/8採用サイトに重要なキャッチコピーって?今すぐ真似したい10社の事例- Web制作
2024/11/9集客できるホームページのデザイン15選|デザインの考え方についても紹介- UX/UIデザイン
2024/4/28ユーザビリティとUIUXの違いは?ユーザビリティデザインを向上させる施策も紹介- Web制作
2024/10/23STUDIOでできないこととは?うまく活用して効率良くWebサイトを作ろう
What's New 新着情報
- Web制作
NEW2024/12/6リダイレクトのやり方は?プラグインやコードでの設定方法を解説- コンテンツマーケティング
2024/11/25コンテンツマーケティング会社の選び方のポイント|プロがおすすめの会社も紹介- マーケティング
2024/11/22【プロが解説】Webマーケティングとは?3つの種類と効果の出る施策を徹底解説!- Web制作
2024/11/21おすすめのWebサイト制作の代行会社5社!選び方のポイントも紹介- SEO
2024/11/15SEO対策で確度の高い顧客を集客するには?具体的な施策を4つ解説- Web制作
2024/11/13【2024年】BtoBサイトのアクセスが減った時に試したい4つの方法
Recommend オススメ記事
- Web制作
2024/7/1BtoBサイトでおすすめの制作会社14選|BtoBビジネスで成功するには- Web制作
2024/4/13ホームページリニューアルの費用の相場は?流れ、メリットデメリット、ポイントを解説- Web制作
2024/4/28採用サイトの集客方法5選!採用に必要なコンテンツは?- UX/UIデザイン
2024/9/28サイトの問い合わせを増やす施策を8つ紹介!CTAボタンの設置方法も解説!- Web制作
2024/9/19オウンドメディアの運用方法|成果の出るポイントを押さえて運用しよう- Web制作
2024/4/28ブランドサイト参考事例10選!制作のコツや注意点についても解説- Web制作
2024/5/5コーポレートサイトのSEO対策は必要?対策方法や注意点- Web制作
2024/5/5採用サイトの改善方法とは?課題の見つけ方やリニューアルのポイントについても解説- コンテンツマーケティング
2024/4/6コンテンツマーケティングの効果的な進め方とは?3つの成功事例も紹介