Bannerとは? わかりやすく解説

banner

別表記:バナー

「banner」とは、「横断幕」や「垂れ幕」「のぼり」「標語幕」といったデモンストレーションや行進で掲げるスローガンやデザインが描かれた長い布を意味する英語表現である。

「banner」の基本的な意味

「banner」とは英語の名詞・形容詞である。名詞「banner」には、基本的にスローガンなどが記載された「横断幕」「垂れ幕」「のぼり」「標語幕」「旗印」、文語として「旗」「国旗」「軍旗」「君主の旗」、インターネット上の「バナー広告」といった意味を持つ。形容詞「banner」は主にアメリカで用いられ、原則名詞の前で使用すると「最高の」「最上の」「非常に上手くいった」「際立った」といった意味を表現する。

「banner」の語源

「banner」の語源は、ゲルマン語派を起源とする「軍旗」「隊旗」「紋章旗」といった意味の後期ラテン語の名詞「bandum」から来ている。「bandum」から、「軍旗」「隊旗」「旗」といった意味の古フランス語の名詞「baniere」と変化した。そして1200年代に「baniere」から中英語の名詞「banner」となり、現代英語の名詞「banner」へと至る。「banner」はかつて王様や領主の「旗」という意味であったが、14世紀初頭に「横断幕」「のぼり」といった意味に変わった。また新聞の「バナー広告」としては1913年から使用されている。

「banner」の発音・読み方

「banner」の発音記号は、「bǽnər」と表記される。「banner」の読み方は、カタカナで「バナァ」となる。「バナァ」の「バ」の部分にアクセントを付けて発音をする。

「Banner 代理店」とは

「Banner 代理店」とはアメリカの製造会社「バナー・エンジニアリング(banner engineering corporation)」の製品を取り扱う代理店である。「バナー・エンジニアリング」は1966年に設立され、超音波センサー・光センサーなどを扱う会社で、13カ国に支社があるグローバル企業である。日本において大阪に「バナー・エンジニアリング・ジャパン」という支社がある。そして「バナー・エンジニアリング」の製品を取り扱う代理店は全国で17店舗存在する。

「web banner」とは

「web banner」とは、ウェブページ上において他のウェブページを紹介する画像のことを指す。日本語で「バナー」「ウェブバナー」と呼ばれる。「バナー」は横長の長方形が一般的で、画像にはウェブページのハイパーリンクが貼られている。そのため「バナー」をクリックすることで他のウェブページに移動することができる。「バナー」には同一サイトの別ページに移動する「サイトバナー」と、製品の紹介・購入を目的とした「バナー広告(広告バナー)」がある。

「BANNER LIBRARY」とは

「BANNER LIBRARY」とは、「バナー」のデザインを集めたギャラリーサイトである。「バナー」はデザイナー目線からクオリティーの高い物を中心にSNSやブランドサイトから集められ、4,000以上の「バナー」を閲覧することが可能である。「バナー」にはハッシュタグが貼られており、カテゴリー毎に「バナー」を検索することができる。

「Genshin Impact banner reruns」とは

「Genshin Impact banner reruns」とは、直訳すると「原神インパクトバナーが再販する」になる。「Genshin Impact」とは、中国のゲーム会社「miHoYo」が2020年にリリースしたオンラインゲーム「原神」のことを指す。「banner」とはスラングで「ガチャ」を意味する。これはスマートフォン用のゲームにおいて、「ガチャ」を告知する「バナー」がゲーム上に表示されることが由来である。そして「原神」の「ガチャ」で実装される期間限定のキャラクターは、期間を空けて再実装・復刻される。したがって「Genshin Impact banner reruns」とは、「原神のガチャが復刻される」を意味する。

「banner」の使い方・例文

スラングを含めた「banner」の使い方として、以下の例文が挙げられる。

・We created a banner that read "Never give up".(「ネバーギブアップ」と書かれた横断幕を私達は作成した)
・I was browsing a friend's homepage and saw an interesting banner ad.(友人のホームページを見ていたら、興味深いバナー広告が表示されていた)
・Our family had the banner week because of her.(彼女のおかげで最高の週を過ごせた)
・I hope you have good luck on your next banner.(次のガチャで良いのが引けるのを祈っているよ)

バナー【banner】

読み方:ばなー

《旗、幟(のぼり)の意》インターネットのウェブページに貼られている細長い帯状の見出し画像。広告などに利用する。→バナー広告


Banner

名前 バンナ; バナー

バナー

(Banner から転送)

出典: フリー百科事典『ウィキペディア(Wikipedia)』 (2026/08/08 01:11 UTC 版)

468 x 60 ピクセルのバナーの一例

バナー (banner) はウェブページ上で他のウェブサイトを紹介する役割をもつ画像(アイコンの一種)のこと。本来、旗印を意味し、ウェブページ上で広告が目立つように使われたことから、この通名で呼ばれ定着した。

主に広告・宣伝用に作られ、ウェブサイトへのハイパーリンク用にも利用される。画像にはリンクを張り、クリックするとそのバナーが紹介するサイトを表示するようになっている。

横長帯状のものが一般的だが、近年は縦長のものや正方形に近いものも多い。

英語の banner は旗の種類で、本来は正方形の紋章旗だが、広く横断幕や幟(のぼり)などの意味に広がり、帯状の広告画像が宣伝用の垂れ幕を連想させることからこの名がついたとされ、英語では本来のバナーと区別するためにウェブバナーと呼ばれる事もある。

日本では、基本的に「軍旗」「幟」「横断幕」をバナーとは呼ばないので、バナーだけで呼ぶことが多く、ウェブバナーとわざわざ呼ぶことは比較的少ない。また、日本ではしばしば「バーナー」と誤記されることがある。

広告としてのバナー

広告として使われる場合、画像には広告主のサイトにリンクが張られており、ユーザーがクリックすればジャンプするようになっている。

仕組み

バナー広告が含まれるウェブページを閲覧者が開くと、ページ内にバナー画像が表示される。これをインプレッション (impression) と呼ぶ。閲覧者が広告内容に興味を持つなどしてバナーをクリックすると、広告主のサイトへとジャンプする。これをクリックスルー (click-through) と呼ぶ。さらに閲覧者が広告主のサイトで取り扱われている商品に興味を持ち購入すれば、ここで広告主にとっての利益となる。

広告掲載者が広告収入をいつ得るかに関しては大きく分けて3タイプがある。

表示報酬型(インプレッション型報酬)
インプレッションが発生した回数、すなわち広告掲載者のページが開かれた回数に応じて報酬が支払われる方式。1000インプレッション単位で計算されることも多い。掲載者にとっては、多数の人が何度も訪れてくれるようなコンテンツを作成することによって報酬を伸ばせる。広告主にとっては、自社のサイトを見る閲覧者が少なくても報酬を支払わなければならないという欠点がある。
クリック報酬型(クリックスルー型報酬)
クリックスルーの回数に応じて報酬が支払われる方式。クリック保証型という呼称もあり、この語は正しくは広告が一定のクリック数を消費するまでの間配信される広告の契約方法を指すが、クリックスルー型報酬と同義で使われることも多い。広告主は支払う報酬と引き換えに確実に自社のサイトを見てもらえるという安心感が付随するのが特徴。
成果報酬型(売上型成功報酬)
バナー広告を経由して、閲覧者が商品やサービスの購入を行った回数や売上に応じて報酬が支払われる方式。広告主としては、利益が得られたときのみ報酬を支払えばいいということで無駄な広告投資の心配がない反面、掲載側に報酬が入る確率は低く、掲載してもらいにくいことがある。

歴史

最初のクリック可能なウェブ広告(後に「バナー広告」という用語で知られるようになった)は、1993年に最初の有償ウェブサイトのひとつだったGlobal Network Navigator(GNN)が、シリコンバレーの法律事務所に販売されたとされる[1][2][3]。

長年に渡り世界初のウェブバナー広告とされていたのは、1994年10月27日にウェブ雑誌HotWired上に掲載された、電話会社AT&Tのものであった[4]。別の出典でも1994年10月にHotWiredがクアーズのジーマキャンペーンで最初のウェブバナー広告を使ったという記載がある[5]。ところが、1994年10月24日に開始されたタイム・ワーナーのウェブサイト「Pathfinder」は、HotWiredと同じ週の3日前にバナー広告が掲載されていたという[6]。バナー広告のコンセプトは、タイム・ワーナーとHotWiredで別々に開発されたようだ[7]。従って、バナー広告を表示した最初のウェブサイトは、HotWiredの数日前に立ち上げられたタイム・ワーナーのウェブサイトということになる。

引き続きIBM、スプリント、MCI、ボルボなどの各社が次々とHotWiredと広告契約を結び、以後バナー広告は爆発的に広まった。ほどなくしてアニメーションGIFなどにより多少の動きをもたせた広告も登場した。

最初の中央管理による広告サーバは1995年7月にFocalink Communicationsによってリリースされ[8]、オンライン広告の管理、ターゲティング、追跡が可能になった。1996年1月にNetGravityからすぐにローカル管理の広告サーバがリリースされた[9]。広告サーバの技術革新は、インプレッションベースのオンライン広告の販売とともに、1994年から2000年までのウェブ業界におけるウェブ広告の急増を促進し、このビジネスの経済的基盤を盤石にしていった。21世紀初頭にGoTo.com(後のオーバーチュア、そしてYahoo!、そしてGoogle AdWordsプログラムのマスマーケティングで広げられた)によって導入された新しいオンライン広告モデルは、インプレッションではなく広告へのレスポンスの追跡に重点が入れられていた。

バナー広告の積極的な利用により利益を上げ、インターネットブームの到来に寄与したのがYahoo!やネットスケープコミュニケーションズである。Yahoo!はウェブディレクトリや検索エンジンといったサービスを無料で提供する一方でバナー広告を掲載し、バナーを中核に据えたビジネスモデルを構築した。その後Yahoo!の成功を手本にして様々なサービスが立ち上げられ、インターネットの可能性は大きく広がった。

しかしその後、ユーザーがバナー広告に対する「耐性」をつけたことや、インプレッション回数に対して0.05%ともいわれるクリックスルー回数というユーザー側の反応の低さから、ウェブでの広告の新しい形態を模索する動きもある。また注目度を高めるために従来よりも広告のサイズを大きくしたり、Adobe Flashや動画などを用いて多彩な手法と表現を取り入れている広告も増えている。

画像の大きさ

IABが定める標準広告サイズ。このイラストは縮小表示されている。実際のサイズを表示

バナー用画像の大きさは自由に決めても構わないが、オンライン広告の業界団体IAB (Interactive Advertising Bureau) では大きさに関するガイドライン、Interactive Marketing Units を設けており、実際2012年の時点で販売されるバナー広告の80%以上がこれに従っている[10]。IABが標準化する前は、バナー広告には250を超えるさまざまなサイズが使われていた[11]。

日本ではIAB規格が制定される前に普及した、幅400 x 高さ40 ピクセル、幅200 x 高さ40 ピクセル のものも広く用いられている[要出典] 。

2007年のIABガイドラインは以下の通り[12]。

標準バナーサイズ。太字の項目は元々IABのUniversal Ad Package (UAB) の構成要素[13]。灰色の項目は2011年のガイドライン更新で削除された[14]。
アドユニット名 幅 / px 高さ / px アスペクト比
レクタングルとポップアップ[注釈 1]
ミディアムレクタングル 300 250 6:5
スクエアポップアップ 250 250 1:1
バーティカルレクタングル 240 400 3:5
ラージレクタングル 336 280 6:5
レクタングル 180 150 6:5
3:1 レクタングル[注釈 2] 300 100 3:1
ポップアンダー[注釈 2] 720 300 12:5
バナーとボタン
フルバナー 468 60 78:10
ハーフバナー 234 60 39:10
マイクロバー 88 31 88:31
ボタン1 120 90 4:3
ボタン2 120 60 2:1
バーティカルバナー 120 240 1:2
スクエアボタン 125 125 1:1
リーダーボード[注釈 3] 728 90 728:90
スカイスクレイパー[注釈 1]
ワイドスカイスクレイパー 160 600 1:3.75
スカイスクレイパー 120 600 1:5
ハーフページ[注釈 4] 300 600 1:2

ノート

  1. 1 2 2000年初頭に追加されたグループ。
  2. 1 2 2007年に追加[10]。
  3. ↑ 2003年に追加[15][16]。
  4. ↑ 2004年に追加[16][17]。

上で太字で表示されているものはユニバーサル・アド・パッケージ (UAB)のサイズである[18]。背景が灰色で表示されているものは2011年の改定で削除された[19]。このガイドラインは、広告パフォーマンステストの結果得られる消費者の反応の変化、よく使われるデバイスやメディアタイプの変化などを考慮して2年毎に見直しがかかるため、常に最新の情報を参照する必要がある。

2015年、IABはHTML5を考慮したディスプレイ広告とモバイル広告のガイドラインを発表した[20]。

2017年、IABは、サイズ調整可能な広告 (レスポンシブ広告) フォーマットを取り上げた新しいガイドラインと、拡張現実(AR)、仮想現実(VR)、ソーシャルメディア、モバイルビデオ、絵文字広告メッセージング、360度動画広告などの新しいデジタルコンテンツエクスペリエンスのガイドラインも発表した[21][22][23]。

固定サイズのガイドラインは以下の通りである[24]。

アドユニット名 固定サイズ (px)
ビルボード 970 x 250
スマートフォンバナー 300 x 50、320 x 50
リーダーボード 728 x 90
スーパーリーダーボード/プッシュダウン 970 x 90
ポートレイト 300 x 1050
スカイスクレイパー 160 x 600
ミディアムレクタングル 300 x 250
120x160 120 x 160
モバイルフォン インタースティシャル 640 x 1136、750 x 1334、1080 x 1920
モバイルフォン スモールバナー 120 x 20
モバイルフォン ミディアムバナー 168 x 28
モバイルフォン ラージバナー 216 x 36

数字の単位はすべてピクセル(px)。

リンク用看板としてのバナー

日本においてはサイト間でリンクを張る際、リンク先のサイトの看板としての画像のこともバナーと呼ぶことが多い。

欧米ではこの用途で用いられる画像はボタン (button) と呼ぶことが多い。バナーとボタンの境界は曖昧だが、Full Bannerなどのサイズは看板として用いられることは少ないことからも、広告に用いられる比較的大きく細長いものをバナー、小さめのものをボタンと呼び分けるのが一般的である。なお、「ボタン」の名称は、Netscape Navigatorのバナーがエンボスで浮き出たようなデザインになっていたことに端を発するとの見方、クリックすると他のページへ飛ぶという動作から連想されて生まれたとの見方などがある。

画像の大きさ

看板という性質上大きさは制作者の自由である。しかしリンク集などに並べて使用されることが多いことから、可能ならば一般的なサイズのものを準備しておくとよい。

世界的にもっとも一般的なのは 88 x 31 ピクセルの Micro Bar 型。これに加え日本では 200 x 40 ピクセル、100 x 60 ピクセルのものが普及している。200 x 40 の大きさを考案したのはWoody-Rinnである。 80 x 15 ピクセルのものもある。

バナーの使用

使い方としては、リンク集にてサイトの紹介の横に掲載したり、サイトのトップページなどに掲載してリンク先のサイトへの応援を表明したりなど。各サイトのバナーは、そのサイトのアバウトページやリンク集のページなどで配布していることが多い。

リンク集のデザインは当然各サイトによって異なる。幅広いケースに対応できるように、バナー作成者は大きさの異なるバナーを複数準備しておくとよいだろう。その際 Micro Bar などの広く普及している大きさを含めておくのが望ましい。

他サイトのバナーを自サイトで使う場合には、画像データをどこに置くのかという問題がある。すなわち、相手のサーバにあるデータを直接参照するのか(いわゆる直リンク)、データを自分のサーバに移すのかということである。自分のサーバに置いた場合相手のサーバに負担をかけないという利点がある。また、自分のサーバ上のバナーを指定したHTMLソースを準備しておくと、リンクを張りたい人はそのソースを自分のページにコピー・アンド・ペーストするだけでバナーを設置できるという利点がある。

バナーにおける問題

ユーザービリティ・アクセシビリティ

バナーはその多くが情報の提供を画像内で行うため、スクリーンリーダーやテキストブラウザを使う場合に情報が伝わりきらないなど、アクセシビリティ面での問題がある。また、視力の悪いユーザーが画像拡大が出来ないウェブブラウザを利用しているような場合にも同様の問題が発生する。

また、ブロードバンド向けのバナーやバナー数が多いWebページは、ダイヤルアップ接続などナローバンド環境で画像の読み込み時間がかかるためにユーザビリティが悪化するといった問題もある。

これらの問題をクリアするにはバナー画像のデータ容量を小さくする、バナー数を減らす、ALT属性による情報を入れる、バナー画像をテキストバナーに振り替える、といった解決方法がある。

脚注

  1. ↑ “O'Reilly Network Weblogs: SLAC Symposium on the Early Web”. oreillynet.com. 2001年12月22日時点のオリジナルよりアーカイブ。2021年3月21日閲覧。
  2. ↑ “Heller Ehrman law firm to dissolve Friday”. SFGate. 2011年7月7日時点のオリジナルよりアーカイブ。2021年3月21日閲覧。
  3. ↑ “Archived copy”. 2012年3月22日時点のオリジナルよりアーカイブ。2012年5月18日閲覧。
  4. ↑ “Archived copy”. 2011年7月7日時点のオリジナルよりアーカイブ。2011年1月19日閲覧。 Happy Birthday, Digital Advertising!
  5. ↑ Chapman, Merrill R., In search of stupidity: over 20 years of high-tech marketing disasters (2nd Edition), Apress, ISBN 1-59059-721-4
  6. ↑ “THE MEDIA BUSINESS; Time Inc. Raises Its Multimedia Profile With an Internet Test, The New York Times, October 24, 1994”.
  7. ↑ “Digital Riptide, What really Happened to the News Business, Interview with Walter Isaacson, Shorenstien Center on Media, Politics and Public Policy”.
  8. ↑ Hyperlink Advertising Explodes on the World Wide Web Archived 2011-07-18 at the Wayback Machine. , company press release
  9. ↑ “5 Tips To Reduce And Tackle HTML5 Banner Size”. digitaland. 2016年7月13日時点のオリジナルよりアーカイブ. 2016年7月16日閲覧.
  10. 1 2 “Ad Unit Guidelines”. Interactive Advertising Bureau. 2007年10月15日時点のオリジナルよりアーカイブ。2021年3月21日閲覧。
  11. ↑ Gehl, Robert (2014). Reverse Engineering Social Media. Philadelphia, PA: Temple. ISBN 978-1439910351
  12. ↑ “Ad Unit Guidelines”. Interactive Advertising Bureau. 2007年10月15日時点のオリジナルよりアーカイブ。2021年3月21日閲覧。
  13. ↑ “Universal Ad Package”. iab.net. 2014年7月5日時点のオリジナルよりアーカイブ。2014年7月28日閲覧。
  14. ↑ “Ad Unit Guidelines”. Interactive Advertising Bureau. 2011年6月13日時点のオリジナルよりアーカイブ。2021年3月21日閲覧。
  15. ↑ “Ad Unit Guidelines”. Interactive Advertising Bureau. 2002年12月4日時点のオリジナルよりアーカイブ。2021年3月21日閲覧。
  16. 1 2 “Ad Unit Guidelines”. Interactive Advertising Bureau. 2003年10月2日時点のオリジナルよりアーカイブ。2021年3月21日閲覧。
  17. ↑ “Ad Unit Guidelines”. Interactive Advertising Bureau. 2004年7月15日時点のオリジナルよりアーカイブ。2021年3月21日閲覧。
  18. ↑ “Universal Ad Package”. iab.net. 2014年7月5日時点のオリジナルよりアーカイブ。2014年7月28日閲覧。
  19. ↑ “Ad Unit Guidelines”. Interactive Advertising Bureau. 2011年6月13日時点のオリジナルよりアーカイブ。2021年3月21日閲覧。
  20. ↑ “INTERACTIVE ADVERTISING BUREAU – DISPLAY & MOBILE ADVERTISING CREATIVE FORMAT GUIDELINES: 2015 ADVERTISING CREATIVE GUIDELINES FOR DISPLAY & MOBILE – UPDATED FOR HTML5”. IAB. 2021年3月21日閲覧。
  21. ↑ “IAB New Ad Portfolio”. IAB. 2021年3月21日閲覧。
  22. ↑ “IAB NEW STANDARD AD UNIT PORTFOLIO JULY 2017”. IAB. 2021年3月21日閲覧。
  23. ↑ “IAB NEW STANDARD AD UNIT PORTFOLIO TRANSITION GUIDE JULY 2017”. IAB. 2021年3月21日閲覧。
  24. ↑ “IAB New Ad Portfolio Fixed Size Ad Specifications”. IAB. 2021年3月21日閲覧。

関連項目



英和和英テキスト翻訳

英語⇒日本語日本語⇒英語

辞書ショートカット

すべての辞書の索引

「Banner」の関連用語

Bannerのお隣キーワード
検索ランキング

   

英語⇒日本語
日本語⇒英語
   



Bannerのページの著作権

   
実用日本語表現辞典実用日本語表現辞典
Copyright © 2026実用日本語表現辞典 All Rights Reserved.
デジタル大辞泉デジタル大辞泉
(C)Shogakukan Inc.
株式会社 小学館
日外アソシエーツ株式会社日外アソシエーツ株式会社
Copyright (C) 1994- Nichigai Associates, Inc., All rights reserved.
ウィキペディアウィキペディア
All text is available under the terms of the GNU Free Documentation License.
この記事は、ウィキペディアのバナー (改訂履歴)の記事を複製、再配布したものにあたり、GNU Free Documentation Licenseというライセンスの下で提供されています。 Weblio辞書に掲載されているウィキペディアの記事も、全てGNU Free Documentation Licenseの元に提供されております。

©2026 GRAS Group, Inc.RSS