「バナーを貼ってるのに、全然クリックされない…サイズが悪いのかな？」
アフィリエイトバナー、とりあえずASPからもらったものをそのまま貼っていませんか？実は、バナーのサイズ選びで成果は大きく変わるんです。
僕も最初は適当に選んでいて、まったくクリックされず悩んだ経験があります。
この記事でわかるのは、9種類ある基本サイズの特徴と、デバイスや設置場所に合わせた鉄板の選び方。先に結論を言うと、バナーは「貼ればOK」ではなく「どこに、どのサイズで貼るか」がすべてです。
Canvaを使った簡単な加工術から、クリック率を上げるABテストの方法までまとめました。これを読めば、今日からバナーの選び方と配置が変わり、報酬アップに近づきますよ。
- 基本サイズ9種類と最新規格
- デバイス別の最適サイズ選定法
- 配置場所別の成果最大化戦略
アフィリエイトバナーの基本サイズと最新規格一覧
まずはアフィリエイトバナーの基本となるサイズから、しっかり押さえていきましょう。ここではASPが必ず用意している鉄板サイズから、時代の流れで登場した高解像度の最新規格までを一気に紹介します。
ASPが推奨する必須サイズ
各ASPの管理画面を見ると、必ずと言っていいほど並んでいるサイズがいくつかあります。これらのサイズを把握しておけば、とりあえずバナー選びで迷うことはまずないでしょう。
代表的なのは300×250のミディアムレクタングルと728×90のリーダーボードで、ほとんどの広告主がこの2種類は用意しています。IABが策定した国際的なスタンダードサイズでもあり、広告枠の在庫が圧倒的に多いのが特徴です。
実際に大手ASPの案件を見てみると、300×250、728×90、160×600、320×50、300×600あたりが「ほぼ必ずある」と言えます。僕も案件を探すときは、このあたりのサイズがなければ「あ、この広告主はまだ本気度が低いかも」と感じるくらい、重要な指標になっています。
ASPによっては管理画面の絞り込み機能で、こうした定番サイズだけを表示することも可能です。効率よく素材を探したいときは、サイズフィルターを活用すると作業がグッと楽になりますよ。
- 300×250（ミディアムレクタングル）
- 728×90（リーダーボード）
- 160×600（ワイドスカイスクレーパー）
- 320×50（モバイルバナー）
- 300×600（ハーフページ）
これらはGoogleのディスプレイネットワークでもパフォーマンスが高いと報告されているサイズで、広告枠の供給量が多くクリック率も安定しやすい傾向があります。特に300×250と728×90は、どのジャンルのサイトでも使いやすい鉄板中の鉄板です。
ヒナキラまずはこの5つを覚えておけば、バナー選びで大きく外すことはないですよ。
クリック率が高い定番サイズ
クリック率で見ると、少し順位が変わってくるのが面白いところです。Googleの調査によれば、300×250と336×280のレクタングル系が最も高いパフォーマンスを出すと報告されています。
その理由はシンプルで、コンテンツの途中に自然に溶け込みやすいからです。読者が記事を読んでいる流れの中で、違和感なく視界に入るため、ついクリックしてしまいやすいんですね。
一方で、728×90のリーダーボードや300×600のハーフページも、枠の供給量が多いため結果的にクリック数を稼ぎやすいと言われています。Nielsen Norman Groupの視線計測調査では、コンテンツに馴染むサイズほどユーザーの「バナー・ブラインドネス」を回避できる傾向が確認されています。
僕の経験でも、記事の途中に300×250を入れるのと、記事下に大きなバナーを置くのとでは、CTRが2倍近く違ったこともありました。とにかく読者の目線の動きを意識した配置がカギなんです。
同じ広告でも、サイズひとつでそんなに変わるものなんですね。
高解像度ディスプレイへの対応
最近のスマホやPCは画面の解像度が非常に高くなっていて、従来の小さなバナーではボケて見えてしまうことが増えていました。こうした状況を受けて、Yahoo!広告の新基準では2倍以上の高解像度化が必須になっています。
具体的には、これまで320×50だったモバイル向けのバナーが、640×100という倍のサイズに切り替わりました。300×250も1200×628といった大きなサイズが新たな標準になりつつあり、広告業界全体がRetinaディスプレイ対応へ急速に動いています。
ASPの管理画面でも、こうした高解像度素材が続々と追加されているので、案件を選ぶときはなるべく大きなサイズの素材が用意されているものを優先するのがコツです。僕も最近は1200×628や1080×1080の素材がない案件は、少し不安を感じながら使っています。
なお、LINEヤフーの広告統合によって、この高解像度素材がLINEとYahoo!ニュースの両方で使い回せるようにもなりました。1つの素材で複数の面をカバーできるので、むしろ制作の手間は減っているとも言えます。
WebPなど最新ファイル形式の状況
バナーサイズと同じくらい気をつけたいのが、ファイル形式と容量です。最近はWebP形式の普及で、画質を保ったまま容量を大幅に削減できるようになりました。
従来のJPEGやPNGだと、特に大きなサイズのバナーを使うときに容量が数百KBになってしまい、ページの表示速度に悪影響を与えることもありました。しかしWebPなら同じ見た目でも、容量が半分以下になるケースも珍しくありません。
表示速度はSEOにも直結するので、バナーを入れることでサイト全体のパフォーマンスが落ちるのは本末転倒です。とくに記事下に置くような大きなバナーは、WebPで軽量化しておくだけでユーザー体験がかなり変わります。
ただ、ASPによってはまだWebP素材を用意していないところも多いので、そういうときはCanvaなどで自分でWebPに変換してからアップロードするのがおすすめです。詳しい加工のコツは後半の章で紹介しますね。
ヒナキラ容量を気にせず大きなバナーを使えるのは、WebPのおかげですね。かなり助かってます。
デバイス別に見る最適なバナーサイズの選び方
バナーサイズを選ぶときに、一番大事なのが「読んでいる人のデバイス」です。PC向けに作られた横長バナーをスマホにそのまま表示しても、小さすぎて何が書いてあるかわからない、なんてことになりかねません。
PC向けの横長・縦長バナー
PCユーザーは画面が大きく、記事をじっくり読む傾向があるため、少し大きめのバナーでも邪魔になりにくいです。具体的には728×90のリーダーボードや300×600のハーフページが非常に効果的で、視認性とクリック率のバランスに優れています。
とくに300×600の縦長バナーは、サイドバーに設置すると画面をスクロールしても長く視界に残りやすいのが強みです。僕もPC向けの記事では、サイドバーに縦長バナーを入れておくと安定してクリックが取れています。
また、記事の上部や下部に置くなら728×90の横長バナーが鉄板です。このサイズはIABのスタンダードにも含まれていて、ほぼすべての広告主が素材を用意しているため、案件選びに困ることもありません。
一方で、横幅いっぱいに広がる1200×628のような大型バナーも、最近はPC向けに人気です。インパクトが強く、写真やキャッチコピーを大きく見せられるので、訴求力の高い案件に使うと成果が跳ねやすいですよ。
サイドバーに縦長バナーを入れると、たしかにずっと目に入りますね。
スマホ向けの小型・縦型バナー
スマホは画面が小さいので、PCと同じバナーを使うと文字が読めずにスルーされてしまいます。そこで必須になるのが320×100や640×100といったモバイル専用の横長サイズで、スマホの画面幅にぴったり収まるよう設計されています。
さらに最近では、1080×1080の正方形や、1080×1920の縦長（9:16）バナーもスマホ向けの新定番として急成長しています。これはTikTokやInstagramリールなどの縦型動画コンテンツが普及した影響で、ユーザーが縦スクロールに完全に慣れ切っているからです。
僕もスマホ向けの記事では、320×100をリード文のすぐ下に置いて、さらに記事の途中に1080×1080の正方形バナーを挟むレイアウトをよく使います。これでスクロール中の「ついでクリック」を狙えるので、CTRがかなり安定します。
JIAAのガイドラインでも、モバイル端末ではユーザー体験を損なわないサイズ選びが推奨されており、画面を覆い尽くすような巨大バナーは避けるべきとされています。読者の邪魔にならない、ちょうどいいサイズ感が大事なんです。
スマホ向けバナーは、横幅320〜640px、または正方形1080×1080を基準に選ぶとレイアウトが崩れにくく、どの端末でもきれいに表示されます。320×50の旧サイズはだんだん使われなくなっているので、なるべく640×100や1080×1080の素材を優先しましょう。
タブレットで映える中間サイズ
タブレットはPCとスマホの中間の画面サイズなので、どちらの素材も中途半端になりがちな厄介なデバイスです。結論から言うと300×250のレクタングルと728×90のリーダーボードが最も安定して表示され、違和感なくコンテンツに馴染みます。
タブレットユーザーはソファでくつろぎながら記事を読むなど、比較的リラックスした状態で閲覧していることが多いです。そのため、コンテンツの流れを遮らないサイズ感がとくに重要で、300×250を文中に自然に配置するのがベストです。
最近ではレスポンシブ広告の普及で、タブレットだけを意識して別のバナーを用意する必要性は下がりました。高解像度の1200×628素材を用意しておけば、AIが自動でタブレットに最適なサイズにリサイズしてくれるからです。
とはいえ、手動で配置する場合は、300×250か336×280のレクタングル系を選んでおけば、タブレットでもスマホでもPCでも大きく崩れることはまずありません。迷ったらこのサイズ、と覚えておくと便利ですよ。
ヒナキラタブレットは意識しすぎなくてよくなったのは、レスポンシブ広告のおかげですね。
SNS広告で重要な縦長・正方形
SNS経由の流入を狙うなら、バナーのサイズ選びの考え方がガラッと変わります。ここでは9:16の縦長バナーと1:1の正方形バナーが圧倒的に重要で、横長素材だけでは話になりません。
Instagramのストーリーズやリール、TikTokなどはすべて縦型の全画面表示が前提なので、1080×1920の素材がないと広告枠を最大限に活かせません。MetaのAI機能「Advantage+ クリエイティブ」でも、この縦長素材を基準に各配信面へ自動リサイズされる仕組みです。
また、フィード投稿で使われる1080×1080の正方形も、SNSでは欠かせないサイズです。この正方形素材があれば、ストーリーズ以外のほぼすべての面に対応できるため、まずはこれだけ用意しておくのもアリでしょう。
SNS広告を出稿しないブログ運営者でも、読者がシェアしたときに見栄えが良いのは縦長や正方形のバナーです。最近はSNS映えする素材をあえて選んでブログに貼る、という逆転の発想も成果につながっています。
SNS向けのバナーって、ブログに貼ってもいいんですね。意外です。
レスポンシブ広告との使い分け
最近の広告配信では、固定サイズのバナーを何種類も用意するよりも、レスポンシブ広告に頼るのが主流になっています。やり方としては、1200×628の横長と1080×1080の正方形、この2つだけ用意すればAIが全デバイスに最適化してくれます。
GoogleやYahoo!、Metaの各プラットフォームは、配信先の画面サイズやユーザーの属性に合わせて、アスペクト比を保ったまま自動でリサイズしてくれる仕組みを導入しています。これによって、アフィリエイター側は大量のサイズ違いを作る手間から解放されました。
ただし、レスポンシブ広告は自動化ゆえに、重要なキャッチコピーが端末によっては切れてしまうリスクもあります。だからこそ、ブログに手動で貼る固定バナーは、読みやすさを確認した上で配置するという使い分けが重要なのです。
僕の場合は、記事内の重要な場所には手動で最適な固定サイズを貼り、それ以外の補助的な枠はレスポンシブ広告に任せる、というハイブリッド運用をしています。このほうが、デザインのコントロールと作業効率のバランスが取れるんですよ。
設置場所で変わる！成果を最大化するバナー配置戦略
バナーはサイズだけでなく、どこに置くかで成果がまったく変わります。同じ300×250のバナーでも、記事の一番上と一番下ではクリック率に雲泥の差が出ることも。
ここからは設置場所ごとの最適サイズと配置のコツを解説します。
記事下に置くビッグバナー
記事を読み終えた読者は「次に何をしようか」と考えている状態なので、大きなバナーで強く訴求するチャンスです。ここでは300×600のハーフページや1200×628の大型レクタングルが最も効果を発揮し、読者の目を引きつけます。
記事下はコンテンツの流れが一旦途切れる場所なので、少々大きめのバナーでも「邪魔だな」と思われにくいのがポイントです。しかも、最後まで読むような熱心な読者ほど、関連する広告への興味も高い傾向があります。
僕も記事下には必ず大きめのバナーを入れるようにしていて、具体的には300×250ではなく、あえて300×600や1200×628のビッグサイズを選んでいます。写真やイラストが大きく表示されるので、商品の魅力が伝わりやすく、成約率も上がる印象です。
ただし、ここで気をつけたいのは容量です。記事下に大きなバナーを置くと、どうしても読み込みが重くなりがちなので、WebPで軽量化するなどの工夫は必須。
表示速度が落ちると、バナー以前に離脱されてしまうので注意してくださいね。
記事下のビッグバナーは、本文で紹介しきれなかった関連商品や、読者の次の行動を促すCTAとして使うと効果的です。「もっと詳しく」「今すぐチェック」といった誘導文を添えると、クリック率がさらに上がります。
サイドバーに適した縦長サイズ
サイドバーはPC表示では常に視界に入り続けるため、縦長バナーとの相性が抜群です。具体的には160×600のワイドスカイスクレーパーか300×600のハーフページが鉄板で、縦に長い形状がサイドバーのスペースを無駄なく使えます。
ユーザーが記事をスクロールしても、サイドバーのバナーは画面の端に残り続けるので、自然と視界に入る回数が増えます。これがCTRの安定につながる理由で、僕のサイトでもサイドバーの160×600は常に一定のクリックを稼いでくれています。
ただし、スマホ表示ではサイドバーが記事のずっと下の方に追いやられてしまうことが多いので、スマホ向けには別の配置を考える必要があります。最近はレスポンシブデザインでサイドバーを非表示にするテーマも多いので、導入前に確認しておきましょう。
サイドバーに複数のバナーを並べる場合は、160×600を縦に2つ積むよりも、300×600をドンと1つ置くほうが見た目もスッキリします。広告が多すぎるとサイト全体の信頼感が下がるので、厳選して置くのがコツです。
ヒナキラサイドバーは数よりも質ですね。厳選した1本のほうが、かえってクリックされます。
リード文下のレクタングル
記事のリード文のすぐ下、つまり本文が始まる直前の位置は、読者の集中力が最も高いゴールデンスポットです。ここに置くなら300×250のミディアムレクタングル一択と言っても過言ではないほど、サイズと位置の相性が完璧です。
リード文で興味を持った読者が「もっと詳しく知りたい」と思った瞬間に、関連する広告が目に入れば、クリック率は当然高くなります。実際にGoogleの調査でも、300×250はコンテンツ内でのパフォーマンスが最も高いと報告されています。
ただし、ここで注意したいのは、あまりに広告っぽさが強いと読者が離れてしまうことです。Nielsen Norman Groupの研究でも、コンテンツに溶け込むサイズとデザインがバナー・ブラインドネスを防ぐカギだと指摘されています。
僕はリード文下の300×250には、できるだけ記事の内容と関連性の高い案件を選ぶようにしています。たとえば、この記事ならアフィリエイトASPのバナーを置けば、読者の興味にドンピシャで刺さる可能性が高いですよね。
たしかに、読みたいと思った直後に関連広告があると、ついクリックしちゃいます。
フッターやメニュー周りの小型バナー
フッターやグローバルメニューの近くは、意外と見落とされがちな配置ポイントですが、実は小型バナーを置くのに適した場所です。320×50や640×100のような横長の小型バナーがスペース的にも邪魔にならず、さりげなくクリックを誘えます。
フッターはページの最下部にあるため、そこまでスクロールしてきた読者は何らかの情報を探している状態です。つまり、記事を読み終えた後の「ついで探し」のタイミングに当たるので、320×50の小さなバナーでも意外と成果が出ます。
また、パンくずリストの下や、メニューバーのすぐ近くに640×100のバナーを忍ばせておくのも効果的です。ここはページを移動するたびに目に入る位置なので、表示回数が非常に多くなるからです。
ただし、ナビゲーションの邪魔になるような大きなバナーは絶対に避けるべきです。ユーザーが操作にストレスを感じると、サイト全体の評価が下がり、PVそのものが減ってしまうリスクもあります。
フッターやメニュー周りにバナーを置く場合は、サイトの操作性を最優先に考えてください。クリック率を上げたいあまりにナビゲーションを圧迫すると、ユーザー体験が損なわれ、結果的にサイトの価値を下げることにつながります。
ポップアップ・インラインの適正サイズ
ポップアップや記事本文中に埋め込むインライン広告は、目立つ反面、サイズを間違えると読者のストレスになりやすいデリケートな場所です。ここでは300×250か336×280のレクタングル系が最も無難で効果的なサイズで、コンパクトながら十分な訴求力を持っています。
ポップアップに大きなサイズを使うと、画面を覆い尽くしてしまい、読者が「うざったい」と感じて即閉じする確率が跳ね上がります。JIAAのガイドラインでも、ユーザー体験を損なわないサイズと閉じやすさの確保が強く推奨されています。
インラインで本文中にバナーを挟む場合は、300×250を中央に配置するのが最も自然です。文章の流れをブチッと切らずに、それでいて読者の目に留まる絶妙なサイズ感なので、過度な広告感を与えません。
僕はポップアップを使うときは、必ずスマホ表示で確認してから公開するようにしています。PCではちょうどいいサイズでも、スマホだと画面いっぱいになってしまうことがあるので、ここは必ず実機チェックが欠かせません。
ヒナキラポップアップはちょっとしたサイズの差で印象が激変するので、慎重に調整したいですね。
Canvaで簡単に作るアフィリエイトバナー加工術
ASPからダウンロードしたバナー素材は、そのまま使うよりもちょっと手を加えるだけで成果が変わります。ここでは、無料で使えるCanvaを使った具体的な加工の手順を紹介しますね。
キャンバスサイズの設定方法
Canvaを開いたら、まず最初に「デザインを作成」からカスタムサイズを選び、横幅と縦幅をピクセル単位で入力します。たとえば300×250のバナーを作るなら、幅300px、高さ250pxと直接入力するだけで、ぴったりのキャンバスができあがります。
よく使うサイズはテンプレートとして保存しておくと、次回からいちいち入力する手間が省けて便利です。僕は300×250、728×90、1200×628の3つをテンプレート化していて、案件に合わせてすぐに呼び出せるようにしています。
高解像度の素材を作る場合は、ここで設定するサイズを最初から2倍にしておくのがコツです。たとえば320×50の代わりに640×100でキャンバスを作り、書き出しのときに画質を調整すれば、Retina対応の美しいバナーが簡単に作れます。
キャンバスサイズを間違えると、後からトリミングや拡大縮小で手間が増えるだけなので、最初にしっかり決めておきましょう。とくにスマホ向けとPC向けを同じキャンバスで作ろうとすると、あとで泣きを見ることになりますよ。
テンプレート化しておくと、たしかに作業が早そうですね。私もやってみます。
ASP素材のトリミングと配置
ASPからダウンロードしたバナー素材は、たいてい余白が多かったり、複数の商品が写っていて散らかっていたりします。ここでは思い切ってトリミングして、一番伝えたい商品だけをドンと見せるのが、クリック率を上げる鉄則です。
Canvaに素材をアップロードしたら、ダブルクリックで画像を選択して、「画像を切り抜く」から必要な部分だけを残します。人物の顔や商品のパッケージなど、ユーザーの視線を集めたい要素を中心に、大胆にカットするのがポイントです。
複数の素材を組み合わせたいときは、キャンバスの半分にメイン画像、もう半分にテキストエリアを配置するレイアウトが安定します。ごちゃごちゃと詰め込みすぎると、結局何を伝えたいのかわからなくなるので要注意です。
僕はよく、ASP素材の背景だけを削除して、商品だけを浮き立たせる加工もしています。Canvaの「背景除去」機能を使えばワンクリックでできるので、ぜひ試してみてください。
プロっぽい仕上がりになりますよ。
ASP素材のトリミングで迷ったら、「このバナーで一番伝えたいことは何か」を基準に判断しましょう。文字が小さすぎて読めないような素材は、思い切って文字部分だけ別で作り直すのもアリです。
テキストと装飾で訴求力を高める
画像だけのバナーよりも、キャッチコピーや数字を入れたバナーのほうが圧倒的にクリック率が高いです。具体的には「無料」「限定」「〇％OFF」といった具体的なベネフィットを大きく配置することで、読者の「おっ」という反応を引き出せます。
Canvaにはフォントや図形、あしらいのテンプレートが豊富に用意されているので、デザインの知識がなくてもそれっぽく仕上がります。ただし、フォントサイズが小さすぎるとスマホで読めなくなるので、最低でも18px以上を目安に設定しましょう。
色使いも重要で、バナーの背景色とテキストのコントラストは強めに設定するのが基本です。特に黄色背景に黒文字、白背景に赤文字のようなハイコントラストな組み合わせは、視線を集めやすいと言われています。
装飾を入れすぎると逆に安っぽくなるので、ポイントは1〜2箇所に絞ること。僕はよく、テキストの下に半透明の図形を敷いて、文字を読みやすくするテクニックを多用しています。
シンプルですが、これだけでグッとプロっぽくなりますよ。
ヒナキラテキストを入れるだけでクリック率が変わるなら、やらない手はないですね。
複数サイズを一括で書き出す方法
同じデザインのバナーをPC用、スマホ用、SNS用と複数サイズで用意するのは、正直かなり面倒ですよね。でも実はCanvaには、「サイズ変更」機能を使ってワンクリックで別サイズのデザインを複製できる便利な機能があります。
元になるデザインを1つ作ったら、メニューから「サイズ変更」を選び、新しい幅と高さを入力するだけです。あとは、はみ出た要素を微調整すれば、一から作り直すより遥かに短時間で別サイズが用意できます。
書き出すときは、ファイル形式を「WebP」にすると容量が軽くなり、サイトの表示速度を落とさずに済みます。とくに1200×628のような大きなバナーは、JPEGのままだと数百KBになることもあるので、必ずWebPで書き出しましょう。
複数サイズをまとめてダウンロードしたい場合は、各ページに別サイズを作っておいて、最後に「すべてダウンロード」を選ぶと一括で書き出せます。僕は案件ごとにCanvaのフォルダを分けて、サイズ違いをまとめて管理しています。
容量と画質のバランス調整
バナーの容量が大きすぎるとページの表示速度が落ちて、SEOにも悪影響が出てしまいます。かといって、画質を落としすぎると商品の魅力が伝わらず、クリック率が下がるというジレンマも。
この問題を解決するのが、WebP形式での書き出しと品質スライダーの調整です。Canvaの書き出し設定で品質を80％前後にすると、画質と容量のベストバランスが見つかることが多いです。
目安としては、300×250のバナーなら30KB以下、1200×628でも100KB以下を目標にすると、表示速度への影響を最小限に抑えられます。実際に僕はこの基準で調整していますが、ユーザーから「画質が悪い」と言われたことは一度もありません。
どうしても容量が大きくなってしまう場合は、バナーの背景をシンプルにするか、色数を減らすと効果的です。写真よりもイラストや図形中心のデザインのほうが、圧倒的に軽く仕上がります。
品質80％で大丈夫なんですね。今まで100％で書き出してました。
クリック率を科学的に上げるABテストの実践手法
バナーのサイズ選びや配置は、感覚だけに頼っていると伸び悩みます。ここからは、データに基づいてクリック率を改善するABテストの具体的な進め方を解説します。
テストすべきバナーサイズの選定
ABテストを始めるときに、いきなりあれもこれもと手を出すのは逆効果です。まずは300×250と336×280のレクタングル系、または728×90と320×100の横長系のように、似た形状でサイズが微妙に違うもの同士を比較するのがセオリーです。
Googleの調査でも、300×250と336×280ではクリック率に差が出やすいと報告されており、わずか36pxの違いでも結果が変わることがあります。こうした微妙な差を積み重ねていくのが、科学的な改善の第一歩です。
テストするバナーは、同じデザイン・同じキャッチコピーでサイズだけを変えたものを使うのが鉄則です。デザインまで変えてしまうと、サイズの効果なのか色の効果なのか、判断がつかなくなってしまいます。
僕は新しい案件を貼るときは、まず300×250と336×280の2パターンを同時に走らせて、1週間ほど様子を見るようにしています。これだけで、そのサイトに最適なサイズの傾向がかなり明確に見えてきますよ。
ヒナキラまずは似たもの同士で比較する。これが遠回りに見えて、実は一番の近道なんです。
サイズ別CTRの具体的な数値例
実際のデータがないとピンとこないと思うので、僕が過去にテストした結果をいくつか共有しますね。ある案件で300×250のバナーを記事下に置いたところ、CTRは約1.2％でした。
同じ場所に728×90の横長バナーを置くとCTRが約0.8％にとどまり、サイズ差がクリック率に直結したのです。
矢野経済研究所の調査によれば、国内アフィリエイト市場は拡大を続けており、広告主によるクリエイティブ制作の重要性も年々高まっています。つまり、ほんの少しのCTRの差が、年間で見ると大きな報酬の差になるわけです。
別のケースでは、スマホ向けの320×100と640×100を比較したところ、高解像度の640×100のほうがCTRが約1.5倍高くなりました。画質がクリアなだけで、ユーザーの印象がこれほど変わるのかと驚いたのを覚えています。
これらの数値はあくまで僕の一例ですが、少なくとも「サイズによってCTRは確実に変わる」ということは断言できます。だからこそ、自分のサイトでテストする価値があるんです。
| バナーサイズ | 設置場所 | CTR目安 |
|---|---|---|
| 300×250 | 記事下 | 約1.2% |
| 728×90 | 記事下 | 約0.8% |
| 640×100 | スマホ記事中 | 約1.5% |
| 320×100 | スマホ記事中 | 約1.0% |
具体的な数値があると、テストのイメージが湧きやすいです。ありがとうございます。
色・キャッチコピーとの複合テスト
サイズだけでなく、色やキャッチコピーを組み合わせた複合テストを行うと、さらに精度の高い改善が可能です。たとえば300×250の赤背景と青背景を比較し、同時に「無料」と「限定」のコピーもテストすることで、最も成果が出る組み合わせを特定できます。
ただし、組み合わせが多すぎると検証に膨大な時間がかかるので、1度にテストするパターンは最大でも4つまでに絞るのが現実的です。僕は普段、サイズ2種×コピー2種の4パターンでテストすることが多いです。
複合テストで注意したいのは、それぞれの要素を独立して評価できるように設計することです。サイズと色を同時に変えてしまうと、「サイズが良かったのか、色が良かったのか」がわからなくなります。
こうしたテストを繰り返していると、自分のサイトに合う「型」がだんだん見えてきます。僕の場合、スマホ向けは白背景に赤文字の640×100、PC向けは写真メインの300×250が鉄板だとわかってきたので、今では迷わずこの型で運用しています。
複合テストの結果は、スプレッドシートに記録して蓄積していくのがおすすめです。半年も続ければ、自分のサイト専用の「最適解データベース」ができあがり、バナー選びの迷いがほぼゼロになります。
有意なデータを取るための期間設定
ABテストで一番多い失敗は、データが少なすぎる状態で結論を急いでしまうことです。最低でも1パターンあたり1,000インプレッション以上、期間にして1週間はテストを継続しないと、偶然の偏りに振り回されるリスクがあります。
僕も昔は2〜3日で「こっちの勝ち！」と判断して切り替えていましたが、翌週には逆転していたという苦い経験があります。曜日や時間帯によってユーザー層が変わるので、1週間単位で見ないと正しい判断はできないんです。
サイトのアクセス数が少ない場合は、2週間から1ヶ月かけてじっくりデータを集める必要があります。その間はバナーの変更を我慢して、とにかく数字を溜めることに集中しましょう。
テスト結果の信頼性を高めるには、統計的有意差を確認できるツールを使うのも有効です。無料のABテスト計算ツールで「有意差あり」と出るまで待てば、自信を持って次の施策に進めます。
ヒナキラ焦って判断すると、かえって遠回りになるんですよね。僕も散々痛い目を見ました。
テスト結果を次の施策に活かす方法
せっかく時間をかけてテストしても、結果を記録して振り返らないと宝の持ち腐れです。僕はテスト結果をすべてスプレッドシートに記録し、半年ごとに全体の傾向を分析して、次のバナー選びの指針にしています。
たとえば「このサイトでは300×250が常に強い」「スマホユーザーには縦長バナーが刺さる」といった傾向がデータで裏付けられると、もう迷わずに済みます。逆に「このサイズは何度やってもダメ」というのも、立派な資産です。
テストで得た知見は、同じジャンルの別サイトにも横展開できるので、運営サイトが増えるほどデータの価値は上がっていきます。アフィリエイトの醍醐味は、こうしてノウハウが雪だるま式に増えていくところにもありますよね。
そして何より大事なのは、テストは一度きりではなく、定期的に繰り返すことです。ユーザーの好みもデバイスのトレンドも常に変化しているので、半年前の正解が今も通用するとは限りませんから。
アフィリエイトバナーサイズに関するQ&A
最後に、アフィリエイトバナーのサイズ選びについて、よく寄せられる質問とその回答をまとめました。ぜひ参考にしてください。
まとめ：最適なバナーサイズを選んでアフィリエイト報酬を増やそう
- 9種類の基本サイズのうち、レクタングルとビッグバナーが特に高い成果を上げやすいです。
- スマートフォンでは縦長バナー、パソコンでは横長バナーがユーザーの目に留まりやすくなります。
- 記事本文の途中や結論の直後など、ユーザーの興味が高まる位置への設置がクリックを促します。
- Canvaを活用すれば、ASP提供のバナーに文字や枠を追加してクリック率を簡単に改善できます。
アフィリエイトバナーで成果を出すには、サイズ選びが肝心です。やみくもに貼るのではなく、掲載場所と読者の目線を考えて選ぶだけで、クリック率は大きく変わります。今回の内容を踏まえて、まずはここだけ押さえておきましょう。
迷ったときは、やっぱり300×250と728×90が僕の鉄板です。この2つは広告枠が多く、記事の途中やヘッダー直下など、読者の視線が集まる場所に自然に溶け込ませやすい。
特に、ファーストビューにリーダーボードを置く配置は、初心者ならこの一択で失敗しにくいですよ。
また、スマホ表示を意識するなら320×50のモバイルバナーも忘れてはいけません。最近のアクセスはスマホが中心ですから、ここを見落とすと大きな機会損失になります。
パソコン表示だけで満足せず、スマホでの見え方を必ず確認してください。
実は、サイズ以上に大事なのが「最初の1枚」をどこに置くかです。読者の離脱が多い場所や、コンテンツの区切り目に違和感なく設置できれば、それだけで反応は上向きます。
まずは管理画面から定番サイズをダウンロードして、あなたの記事に合う配置を探してみてください。迷ったら、今日から試した人の勝ちです！
コメント