≡En resumen
- Un banner es un anuncio gráfico que enlaza a otra página al hacer clic.
- Se escribe banner (anglicismo, mejor en cursiva) o báner; en plural, banners o báners.
- Las medidas estándar las fija la IAB: 300 × 250, 728 × 90 y 320 × 50 son las más usadas.
- La ceguera ante los banners obliga a cuidar el diseño, la segmentación y la ubicación.
- En redes sociales, «banner» también se usa para la imagen de portada de un perfil.
01 ¿Qué es un banner?
La palabra viene del inglés banner, «estandarte» o «pancarta». En internet la popularizó la revista HotWired, que vendió su primer banner a AT&T y lo publicó el 27 de octubre de 1994; se le atribuye un porcentaje de clics de alrededor del 44 %. Hoy los porcentajes de clic son muchísimo más bajos, lo que da idea de cómo ha cambiado la atención del usuario.
Fuera de la publicidad, «banner» también se usa para la imagen de cabecera de una web o de un perfil en redes sociales (YouTube, X o LinkedIn) y para las pancartas impresas en eventos.
02 Banner: cómo se escribe en español
«Banner» no figura en el Diccionario de la lengua española de la RAE, así que es un extranjerismo crudo. Tienes tres opciones correctas según el contexto.
| Forma | Cuándo usarla | Plural |
|---|---|---|
| banner (en cursiva o entre comillas) | Textos cuidados, marcando el anglicismo | banners |
| banner (en redonda) | Contextos de marketing y publicidad, donde está muy asentado | banners |
| báner | Adaptación gráfica al español, con tilde por ser llana acabada en -r | báners (uso) o báneres (según la norma general de las palabras acabadas en -r, como escáneres) |
| anuncio / banderola | Alternativas en español recomendadas en contextos generales | anuncios / banderolas |
03 Tipos de banner
Estático
Una sola imagen (JPG, PNG o WebP). Es el más ligero y el más fácil de producir.
Animado
GIF o HTML5 con varias escenas. Permite contar un mensaje en pocos segundos y suele captar más la atención.
Rich media e interactivo
Incluye vídeo, carruseles o elementos con los que el usuario interactúa sin salir de la página.
Expandible
Aumenta de tamaño al pasar el ratón o al tocarlo. Debe cerrarse con facilidad para no molestar.
Adaptable (responsive)
El anunciante sube textos, imágenes y logotipos, y la plataforma compone el banner según el hueco disponible, como los anuncios adaptables de display de Google Ads.
Intersticial
Ocupa toda la pantalla entre dos contenidos. Muy usado en apps; en webs móviles debe usarse con moderación.
04 Medidas estándar de banners
La IAB (Interactive Advertising Bureau) estandarizó los tamaños para acabar con los cientos de medidas que usaba cada medio. Estas son las que más inventario tienen en la Red de Display de Google y en los medios digitales.
| Nombre | Tamaño (píxeles) | Dónde se usa |
|---|---|---|
| Medium rectangle (robapáginas) | 300 × 250 | Dentro del contenido o en la barra lateral, escritorio y móvil |
| Large rectangle | 336 × 280 | Dentro de artículos |
| Leaderboard (megabanner) | 728 × 90 | Cabecera o pie de página en escritorio |
| Billboard | 970 × 250 | Parte superior de portadas en escritorio |
| Wide skyscraper (rascacielos) | 160 × 600 | Barra lateral |
| Half page | 300 × 600 | Barra lateral, alta visibilidad |
| Mobile banner | 320 × 50 | Parte superior o inferior en móvil |
05 Banner en redes sociales y en la cabecera de una web
No todo banner es publicidad. En redes sociales se llama banner a la imagen de portada que aparece en la parte superior del perfil de YouTube, X o LinkedIn, y en diseño web al bloque visual grande de la cabecera, también llamado hero.
Banner de YouTube
La imagen de cabecera del canal. Se recorta de forma distinta en televisión, escritorio y móvil, así que el texto importante debe ir en la zona central.
Banner de LinkedIn o X
La portada del perfil personal o de empresa. Úsala para comunicar qué haces o tu próxima novedad.
Hero de una web
La primera imagen o bloque que ve el visitante. Debe explicar la propuesta de valor sin obligar a hacer scroll.
06 Cómo se usa un banner en una campaña
-
1
Define el objetivo
Notoriedad (se compra por impresiones, a CPM) o tráfico y ventas (se optimiza por clic o conversión).
-
2
Elige dónde aparecer
Compra directa a un medio, redes de display como la de Google o compra programática en tiempo real.
-
3
Segmenta
Por intereses, temática de la página, ubicación o audiencias de remarketing de personas que ya visitaron tu web.
-
4
Diseña varias versiones
Distintos mensajes, imágenes y llamadas a la acción en todos los tamaños principales.
-
5
Mide y optimiza
Revisa impresiones visibles, CTR, coste por conversión y frecuencia; pausa lo que no funciona.
Las métricas clave son el CPM, el CTR y el coste por conversión. Cada vez más inventario se vende mediante compra programática, que decide en milisegundos qué banner ve cada usuario. Si quieres que tus campañas de publicidad en Google se midan por ventas y no por clics, es lo que hacemos a diario.
07 Ventajas y desventajas de los banners
| Ventajas | Desventajas |
|---|---|
| Gran alcance: millones de webs y apps venden espacio publicitario | CTR bajo: la mayoría de impresiones no generan clic |
| Segmentación por intereses, contexto, ubicación y remarketing | Ceguera ante los banners y uso de bloqueadores de anuncios |
| Refuerzo visual de marca aunque no haya clic | Riesgo de aparecer junto a contenido poco adecuado si no se controlan las ubicaciones |
| Coste flexible: se puede pagar por impresiones, clics o conversiones | Si el anuncio es intrusivo, perjudica la imagen de la marca |
El banner rinde mejor como pieza de un plan más amplio que como canal único: genera recuerdo de marca en la fase de descubrimiento y recupera visitantes con remarketing en la fase de decisión, mientras la búsqueda de pago o el SEO capturan la demanda que ya existe.
08 Cómo diseñar un banner que funcione
- ✓Un solo mensaje: el usuario lo mira menos de un par de segundos.
- ✓Logotipo visible y colores de marca coherentes con la página de destino.
- ✓Llamada a la acción clara y con aspecto de botón.
- ✓Texto grande y legible también en 320 × 50.
- ✓Peso ligero para no ralentizar la página.
- ✓La landing debe cumplir exactamente lo que promete el anuncio.
Para piezas sencillas bastan editores online con plantillas en los tamaños estándar, como Crea banners gratis y en línea con Canva. Para campañas con muchas versiones, Google Ads permite subir recursos y generar anuncios adaptables en todos los formatos a la vez.
Preguntas frecuentes sobre Banner
Es un anuncio gráfico que se muestra en un espacio de una web, app o newsletter y que lleva a la página del anunciante al hacer clic.
Puedes escribir banner (mejor en cursiva en textos cuidados) o la adaptación báner, con tilde. En contextos generales, la Fundéu propone anuncio.
El plural habitual es banners. Con la forma adaptada se ve báners, aunque la norma general del español para palabras acabadas en -r daría báneres.
Las más usadas son 300 × 250, 728 × 90, 160 × 600, 300 × 600, 970 × 250 y 320 × 50 píxeles, definidas por la IAB.
Sirve para dar visibilidad a una marca, generar tráfico hacia una web y conseguir ventas o registros, sobre todo con remarketing.
El primer banner vendido por HotWired fue de AT&T y se publicó el 27 de octubre de 1994.
Display es la categoría de publicidad visual en webs y apps; el banner es su formato más clásico.
Es la imagen de portada que aparece en la parte superior de un canal de YouTube. No es publicidad, sino parte de la imagen del canal.
Fuentes consultadas
Sobre el autor
Kevin Rouget Perona
Especialista en marketing, publicidad y Amazon en appyweb
Gestiona estrategias de marketing, campañas de publicidad y cuentas de Amazon orientadas a ventas y captación de clientes.
Ver perfil en LinkedIn ↗