大阪のホームページ制作ならGreen Hill

WEBマーケティングマガジン

WEB Marketing Journal

ホームページ制作

2025.11.19

これさえ見ればOK!Webサイトのバナー サイズ決定版|PC・スマホ対応

Webサイトのバナー制作で最も重要な「サイズ選び」について、PC・スマホ対応の標準サイズから Google AdSense や Yahoo!広告の推奨サイズまで完全網羅して解説します。この記事を読めば、効果的なバナーサイズの選び方、配置場所に最適なサイズ、CTR向上につながるサイズ選択のポイントがすべて分かります。初心者から上級者まで、バナー制作で迷うことがなくなる決定版ガイドです。

Webサイトのバナーサイズとは

Webサイトのバナーサイズとは、ウェブページ上に表示される広告やプロモーション用画像の縦横のピクセル数で表される大きさのことです。デジタル広告業界では、効果的な広告配信を行うために標準化されたサイズが定められており、適切なサイズ選択がクリック率や収益に大きく影響する重要な要素となっています。

バナーサイズは通常「幅×高さ」のピクセル単位で表記され、例えば「300×250px」や「728×90px」といった形で示されます。これらのサイズは、Google AdSenseやYahoo!広告などの主要な広告配信プラットフォームで推奨される標準規格に基づいて設定されています。

バナー広告の基本概念

バナー広告は、Webサイトの収益化やマーケティング戦略において中核となる要素です。視覚的なインパクトと情報伝達を両立させるために、サイズ選びは極めて重要な決定事項となります。

バナー広告の種類は配置場所や用途によって以下のように分類されます:

バナー種別主な用途配置場所特徴
レクタングル系記事内広告コンテンツ中央部高いクリック率
バナー系ヘッダー広告ページ上部・下部幅広い視認性
スカイスクレイパー系サイドバー広告ページ左右側縦長スペース活用

各バナータイプには独自の利点があり、ウェブサイトのレイアウトやユーザーの行動パターンに応じて最適な選択が求められます。ユーザーエクスペリエンスを損なわずに収益性を確保するバランスが重要です。

現代のデジタル広告では、静的画像だけでなく動画やアニメーション機能を持つリッチメディア広告も増加しており、これらもバナーサイズの規格に準拠して制作される必要があります。

サイズ選びが重要な理由

バナーサイズの選択は、広告効果と収益性に直結する重要な決定です。適切でないサイズ選択は機会損失や収益低下を招く可能性があるため、戦略的なアプローチが必要となります。

サイズ選びが重要な具体的理由は以下の通りです:

広告配信の最適化:Google AdSenseやYahoo!広告などの主要プラットフォームでは、標準サイズの広告に対してより多くの広告主が入札を行います。これにより、競争が活発化し単価向上に繋がるメリットが生まれます。

ユーザビリティへの影響:過度に大きなバナーは読み手の体験を阻害し、逆に小さすぎるバナーは注目されにくくなります。適切なサイズ選択により、コンテンツとのバランスを保ちながら効果的な広告表示が可能になります。

レスポンシブデザイン対応:PCとスマートフォンでは画面サイズが大きく異なるため、デバイス別最適化が収益向上の鍵となります。各デバイスに適したサイズを選択することで、全ユーザーに対して効果的な広告配信が実現できます。

CTR(クリック率)の向上:業界調査によると、特定のサイズは他と比較して明らかに高いクリック率を示します。データに基づいたサイズ選択により、同一の広告予算でもより高い成果を期待できます。

影響要因適切なサイズ選択時不適切なサイズ選択時
広告収益最大化される大幅に減少
ユーザー体験良好に維持著しく悪化
サイト滞在時間向上傾向短縮傾向
ページ表示速度適切に保たれる遅延する可能性

さらに、検索エンジン最適化の観点からも適切なバナーサイズは重要です。Googleはページ体験を重視する傾向を強めており、過度な広告表示はランキングに悪影響を与える可能性があります。適切なサイズとプレースメントにより、SEOパフォーマンスを維持しながら収益化を図ることができます。

標準的なバナーサイズ一覧

Webサイトで使用されるバナーサイズには、長年にわたって確立された標準的な規格があります。これらの標準サイズを採用することで、広告主とサイト運営者の双方にとって効率的な運用が可能になります。ここでは、最も使用頻度が高く、効果的とされる主要なバナーサイズを系統別に詳しく解説します。

カテゴリサイズ名称ピクセルサイズ特徴
レクタングル系ミディアムレクタングル300×250px最も汎用性が高い
レクタングル系ラージレクタングル336×280px高いクリック率
バナー系ビッグバナー728×90pxPC向けヘッダー用
バナー系ハーフバナー234×60pxコンパクトで配置しやすい
スカイスクレイパー系ワイドスカイスクレイパー160×600pxサイドバー専用

レクタングル系バナー

レクタングル系バナーは、正方形に近い形状のバナーで、コンテンツ内への埋め込みに最適化された形状が特徴です。記事の途中や記事下部に自然に配置でき、読者の視線を集めやすい特性があります。

ミディアムレクタングル(300×250px)

ミディアムレクタングル(300×250px)は、Web広告業界で最も標準的なサイズとして位置づけられています。このサイズの最大の利点は、PCとモバイル両方のデバイスで適切に表示される汎用性にあります。

多くのアドネットワークやDSPで対応されており、広告の供給量も豊富なため、収益性の観点からも優れています。記事のコンテンツ内に挿入した際も、読者の読書体験を大きく損なうことなく、効果的に注意を引くことができます。

配置場所としては、記事の冒頭部分、記事中の段落間、記事の終了部分など、様々な位置で効果を発揮します。特に記事を読み終えた読者に対してアプローチする記事下配置では、高いパフォーマンスを示すことが多いです。

ラージレクタングル(336×280px)

ラージレクタングル(336×280px)は、ミディアムレクタングルよりもわずかに大きなサイズで、より多くの情報を表示できる広告領域を提供します。この追加の表示領域により、広告主はより詳細な商品情報や魅力的なビジュアルを配置することが可能になります。

一般的にミディアムレクタングルよりも高いクリック率を示す傾向があり、特にECサイトや詳細な商品説明が必要な広告において効果を発揮します。ただし、サイズが大きい分、コンテンツエリアに与える影響も考慮する必要があります。

PCサイトでの使用において特に効果的で、十分な画面領域が確保できる環境での配置が推奨されます。モバイルデバイスでは画面サイズとの兼ね合いを慎重に検討する必要があります。

バナー系サイズ

バナー系サイズは、横長の形状が特徴的で、サイトのヘッダー部分やフッター部分への配置に適しているサイズ群です。Web広告の黎明期から使用されている伝統的な形状であり、現在でも多くのサイトで採用されています。

ビッグバナー(728×90px)

ビッグバナー(728×90px)は、PCサイトのヘッダー部分に配置される代表的なサイズです。サイトの最上部に配置されることで、訪問者が最初に目にする広告として高い視認性を確保できます。

横幅が728ピクセルと広いため、ブランドロゴと商品画像、キャッチコピーを同時に配置するなど、情報量の多い広告クリエイティブの作成が可能です。特にブランド認知度向上を目的とした広告キャンペーンにおいて効果的です。

ただし、モバイルデバイスでは画面幅の制約により表示が困難なため、主にPCユーザー向けの広告として位置づけられます。レスポンシブデザインを採用する際は、モバイル向けの代替サイズを準備することが重要です。

ハーフバナー(234×60px)

ハーフバナー(234×60px)は、コンパクトな横長サイズでありながら効果的な広告表示が可能なサイズです。名称の通り、標準的なバナーの約半分の高さを持つ設計となっています。

小さなスペースでも配置可能なため、コンテンツ密度の高いサイトや、複数の広告を同時に表示したい場合に重宝します。また、サイトのデザインを大きく損なうことなく広告を配置できるため、デザイン性を重視するサイトでも採用しやすいサイズです。

テキスト中心の広告や、シンプルなロゴとキャッチコピーの組み合わせに適しており、情報量を絞り込んだ効果的なメッセージ訴求が可能です。PCとモバイル両方で使用できる柔軟性も大きな利点です。

スカイスクレイパー系

スカイスクレイパー系は、縦長の形状が特徴的なバナーサイズ群で、サイトのサイドバー領域への配置に特化したデザインとなっています。高層ビル(スカイスクレイパー)のような細長い形状から、この名称が付けられています。

ワイドスカイスクレイパー(160×600px)

ワイドスカイスクレイパー(160×600px)は、サイドバー配置において最も効果的とされる縦長バナーサイズです。縦に長い表示領域を活用して、商品の詳細情報や段階的な情報提示が可能になります。

600ピクセルという十分な高さを持つため、複数の商品を同時に紹介したり、ストーリー性のある広告展開を行うことができます。特にECサイトの商品リスト広告や、段階的な情報提示が必要なサービス紹介広告において高い効果を発揮します。

PCサイトのサイドバーに配置される前提で設計されているため、モバイルファーストの現代においては使用機会が限定される傾向にありますが、PCユーザーが多いBtoBサイトやニュースサイトなどでは依然として重要な広告枠として位置づけられています。

これらの標準的なバナーサイズを理解し、適切に活用することで、広告効果の最大化とサイト運営の効率化を両立することが可能になります。サイトの特性や利用者のデバイス傾向を考慮しながら、最適なサイズ選択を行うことが重要です。

PCサイト向けバナーサイズ

PCサイトでのバナー広告は、ユーザーの視線の動きやサイトの構造を考慮したサイズ選択が重要です。デスクトップ環境では画面が大きいため、モバイルとは異なる戦略でバナーサイズを選定する必要があります。

効果的なPCバナーサイズランキング

PCサイトにおいて最も効果が高いとされるバナーサイズを、クリック率(CTR)とインプレッション数の観点から順位付けしました。

順位バナーサイズサイズ(px)CTR目安特徴
1位ミディアムレクタングル300×2501.2~1.8%最も汎用性が高く効果的
2位ビッグバナー728×901.0~1.5%ヘッダー・フッター配置に最適
3位ラージレクタングル336×2800.9~1.4%コンテンツ内配置で高い効果
4位ワイドスカイスクレイパー160×6000.8~1.2%サイドバー専用で存在感大
5位ハーフバナー234×600.6~1.0%コンパクトで控えめな配置向け

ミディアムレクタングル(300×250px)は最も効果的なPCバナーサイズとして位置づけられており、記事内配置やサイドバー配置のどちらでも高いパフォーマンスを発揮します。このサイズは視覚的なインパクトとスペース効率のバランスが最適化されているため、多くの広告主が採用しています。

ビッグバナー(728×90px)は、横幅を活かしたブランディング効果が高いため、企業サイトのヘッダー部分やコンテンツの区切り部分での活用が効果的です。

PCサイトでの配置場所別推奨サイズ

PCサイトの各配置場所において、最適なバナーサイズが異なります。ユーザーの視線の流れとサイト構造を考慮した推奨サイズをご紹介します。

配置場所第1推奨第2推奨第3推奨配置のポイント
ヘッダー728×90px970×90px320×50pxサイトロゴと調和する横長サイズ
サイドバー上部300×250px336×280px160×600pxファーストビューでの高い視認性
記事内300×250px336×280px728×90pxコンテンツの自然な区切りとして配置
サイドバー中段160×600px300×250px300×600pxスクロール時の継続的な露出効果
フッター728×90px970×90px320×100pxページ全体を見終わったユーザーへのアプローチ

ヘッダー配置では横長のビッグバナー(728×90px)が最も効果的で、サイト全体のブランディングにも寄与します。ただし、サイトのデザインや色調と調和するよう注意が必要です。

サイドバーでは、上部にミディアムレクタングル(300×250px)、中段以降にワイドスカイスクレイパー(160×600px)を配置する組み合わせが高い効果を示しています。この配置により、ページを訪れたユーザーの視線を効果的に誘導できます。

記事内配置においては、コンテンツの自然な区切り部分でミディアムレクタングルまたはラージレクタングルを使用することで、ユーザーエクスペリエンスを損なうことなく高いCTRを実現できます。特に記事の導入部分と結論部分での配置が効果的です。

PCサイトでのバナー配置では、ユーザーの読み進める流れを妨げないよう、コンテンツとのバランスを重視することが重要です。過度な広告配置はユーザビリティを下げる要因となるため、適切な数量と配置場所の選定を心がけましょう。

スマホサイト向けバナーサイズ

スマートフォンの普及により、モバイルサイト向けのバナー表示が重要な要素となっています。スマホサイトでは画面サイズの制約があるため、PCサイトとは異なるバナーサイズの選択が求められます。

モバイル専用バナーサイズ

スマートフォン向けサイトでは、画面幅に合わせた専用バナーサイズを使用することで、ユーザビリティとCTRの両方を向上させることができます。

バナー名サイズ(px)用途特徴
モバイルバナー320×50記事下・フッタースマホ画面幅にフィット
ラージモバイルバナー320×100記事中・アプリ内視認性が高い
モバイルレクタングル300×250記事中・サイドバーPC・スマホ兼用可能
インタースティシャル320×480ページ間表示フルスクリーン表示

320×50pxのモバイルバナーは、最も汎用性が高く、多くのスマートフォンサイトで採用されています。画面幅320pxは、iPhone SEなどの小型スマートフォンでも表示可能な標準的なサイズです。

300×250pxのモバイルレクタングルは、記事内に自然に配置でき、PCサイトでも使用できる利点があります。ただし、スマホの狭い画面では存在感が強くなるため、配置場所を慎重に選ぶ必要があります。

320×100pxのラージモバイルバナーは、通常のモバイルバナーの2倍の高さを持ち、視認性とクリック率の向上が期待できます。アプリ内広告としても頻繁に使用されています。

レスポンシブ対応のポイント

現代のWebサイトでは、様々な画面サイズに対応するレスポンシブデザインが必須となっています。バナー表示においても、デバイスに応じた最適化が重要です。

CSSメディアクエリを活用した表示切り替えにより、PC向けとモバイル向けで異なるバナーサイズを表示することができます。画面幅768px以下をモバイルとして判定し、専用バナーに切り替える手法が一般的です。

画面幅推奨バナーサイズ配置場所注意点
768px以上(PC・タブレット)728×90、300×250ヘッダー、サイドバー複数バナーの並列表示可能
480~767px(タブレット縦)320×100、300×250記事上下画面幅に合わせた調整必要
479px以下(スマホ)320×50、320×100記事下、フッター画面占有率を考慮

レスポンシブ対応では、画面占有率を意識したバナーサイズ選択が重要です。スマートフォンでは画面が狭いため、大きなバナーはユーザビリティを損なう可能性があります。一般的に、画面の30%以上を占めるバナーは避けるべきとされています。

また、Googleの検索エンジンは、モバイルファーストインデックスを採用しているため、スマホサイトでの表示品質が検索順位に影響します。適切なモバイル対応により、SEO効果の向上も期待できます。

画像の解像度についても配慮が必要で、Retinaディスプレイなどの高解像度画面に対応するため、通常の2倍サイズの画像を用意し、CSSで縮小表示する手法が推奨されます。これにより、どのデバイスでも鮮明なバナー表示が可能となります。

Google AdSenseとYahoo!広告の推奨サイズ

ウェブサイトで広告収益を得るためには、Google AdSenseとYahoo!広告の推奨サイズに合わせたバナー設計が重要です。これらの主要な広告プラットフォームが推奨するサイズを理解することで、広告の表示機会を最大化し、収益向上につなげることができます。

Google AdSense対応サイズ

Google AdSenseでは、広告の表示効果とクリック率を高めるために、特定のバナーサイズを強く推奨しています。収益性の高いサイズを選択することで、広告単価と表示頻度の向上が期待できます。

バナーサイズ寸法(px)推奨度主な配置場所
ミディアムレクタングル300×250最高記事内、サイドバー
リーダーボード728×90ヘッダー、フッター
ラージレクタングル336×280記事内
ワイドスカイスクレイパー160×600サイドバー
ラージモバイルバナー320×100モバイルサイト

Google AdSenseではレスポンシブ広告ユニットの活用も重要な要素となります。これにより、デバイスサイズに応じて最適な広告サイズが自動的に選択され、収益機会の最大化が図れます。特にモバイルトラフィックが多いサイトでは、320×50pxのモバイルバナーサイズも有効です。

記事内配置では、300×250pxのミディアムレクタングルが最も高い成果を上げる傾向にあり、コンテンツとの親和性が高く、ユーザーの視線を集めやすいという特徴があります。

Yahoo!広告対応サイズ

Yahoo!広告(旧Yahoo!ディスプレイアドネットワーク)では、日本市場に特化した広告サイズの推奨があります。Yahoo!のユーザー行動パターンに最適化されたサイズ選択により、効果的な広告配信が可能となります。

バナーサイズ寸法(px)対応デバイス配信優先度
ミディアムレクタングル300×250PC・スマホ最高
ビッグバナー728×90PC
レクタングル300×100PC・スマホ
スマートフォン320×50スマホ
ワイドバナー320×100スマホ

Yahoo!広告では、日本のインターネット利用環境に最適化されたサイズ展開が特徴的です。特にスマートフォン向けの320×50pxサイズは、日本のモバイル広告市場において高い配信ボリュームを誇ります。

Yahoo!広告の配信システムでは、300×250pxのミディアムレクタングルが最も多くの広告主から出稿されており、競合性が高い分、単価も安定している傾向があります。また、Yahoo!ニュースなどの主要コンテンツページでの表示機会も多く、ブランド認知度向上にも効果的です。

両プラットフォームで共通して重要なのは、ユーザビリティを損なわない適切な配置と、コンテンツとの調和です。広告の視認性を高めつつ、サイト全体の使いやすさを維持することが、長期的な収益向上につながります。

バナーサイズ選びの実践ガイド

効果的なバナー広告を展開するためには、適切なサイズ選択が極めて重要です。単純にサイズを選ぶのではなく、目的やターゲット、配置場所を総合的に考慮した戦略的なアプローチが求められます。

目的別サイズ選択方法

バナー広告の目的によって最適なサイズは大きく異なります。ブランド認知向上、コンバージョン獲得、トラフィック増加など、それぞれの目標に応じた適切なサイズ選択が成功の鍵となります。

ブランド認知向上を目的とする場合

ブランド認知度向上が主目的の場合、視認性の高い大型サイズが効果的です。ビッグバナー(728×90px)やラージレクタングル(336×280px)は、インパクトが強く記憶に残りやすいサイズです。

目的推奨サイズ特徴配置推奨場所
ブランド認知728×90px横幅が広く目立ちやすいヘッダー下部、記事上部
ブランド認知336×280px正方形に近く安定感があるサイドバー、記事中
ブランド認知320×100pxスマホで見やすいサイズモバイルヘッダー下

コンバージョン獲得を重視する場合

商品購入やサービス申込などのコンバージョンを重視する場合、ミディアムレクタングル(300×250px)が最も効果的とされています。このサイズは適度な存在感を持ちながら、ユーザーにとって煩わしさを感じさせない絶妙なバランスを保っています。

コンバージョン重視のバナーでは、クリアなコールトゥアクション(CTA)ボタンを配置できる十分なスペースが必要です。300×250pxサイズであれば、商品画像、キャッチコピー、価格情報、CTAボタンを効果的にレイアウトできます。

トラフィック増加を目標とする場合

ウェブサイトへの流入増加が目標の場合、クリック率の高いサイズを選択することが重要です。スカイスクレイパー(160×600px)や300×600pxの縦長バナーは、スクロール中のユーザーの目に留まりやすく、自然なクリックを促進します。

CTR向上のためのサイズ選び

クリック率(CTR)の向上は、バナー広告の成果を測る重要な指標です。統計データに基づいた効果的なサイズ選択により、CTRを大幅に改善することが可能です。

高CTRを記録するサイズランキング

業界調査データによると、以下のサイズが特に高いCTRを記録しています。これらのデータは、数万件の広告配信実績から算出された信頼性の高い数値です。

順位サイズ平均CTR主な特徴
1位336×280px1.8%視認性とバランスの両立
2位300×250px1.6%汎用性が高く設置しやすい
3位728×90px1.4%ファーストビューで目立つ
4位160×600px1.2%長時間表示され印象に残る
5位320×50px1.1%モバイルでの視認性が良い

デバイス別CTR最適化

デバイスごとにユーザーの行動パターンが異なるため、PCとスマートフォンそれぞれに最適化されたサイズ選択が必要です。

PCユーザーは比較的大きな画面でじっくりとコンテンツを閲覧する傾向があるため、336×280pxや728×90pxなどの大型サイズが効果的です。一方、スマートフォンユーザーは画面が小さく、スクロール速度も速いため、320×50pxや320×100pxなどの横幅に合ったサイズが適しています。

配置位置とサイズの相関関係

同じサイズのバナーでも、配置位置によってCTRは大きく変動します。記事の上部に配置されるバナーは728×90pxのような横長サイズが効果的で、サイドバーには300×250pxや160×600pxが適しています。

記事中に自然に溶け込ませるインフィード広告では、300×250pxがコンテンツとの調和を保ちながら十分な視認性を確保できます。フッター近くに配置する場合は、ユーザーがページを読み終える頃に目に入る728×90pxが効果的です。

A/Bテストによるサイズ最適化

理論的な最適サイズがあっても、実際の効果は運営するウェブサイトの特性やターゲットユーザーによって異なります。複数のサイズでA/Bテストを実施し、データに基づいた最適化を継続的に行うことが重要です。

テスト期間は最低でも2週間以上設定し、統計的に有意な差を確認できるだけの十分なインプレッション数を確保します。季節性やトレンドの影響も考慮し、定期的にサイズ効果を見直すことで、常に最適なパフォーマンスを維持できます。

まとめ

Webサイトのバナーサイズ選びは、効果的な広告運用の基盤となります。ミディアムレクタングル(300×250px)やビッグバナー(728×90px)などの標準サイズを基本とし、PCとスマホそれぞれの特性に合わせた最適化が重要です。Google AdSenseやYahoo!広告の推奨サイズに準拠することでCTR向上も期待できます。目的と配置場所を明確にして適切なサイズを選択し、レスポンシブ対応を心がけることで、より効果的なバナー広告を実現できるでしょう。

この記事を書いた人

Atsushi

・Contact
ホームページ制作の
お問い合わせ

オンラインでのご相談も随時承ります!

集客についておなやみの方、
ホームページ制作をお考えの方、
ご要件が定まっていない状態からでも、
お気軽にお問い合わせください!

お電話でのお問い合わせはこちら

06-6626-9511