¿Qué es un banner?
Un banner, también llamado call to action (CTA), es un elemento gráfico publicitario situado en un sitio web que tiene el objetivo principal de generar interacción con los visitantes. Lo hace de tres formas:
- A través de la generación de tráfico.
- Gracias a la conversión.
- Al visibilizar la imagen de marca.
Quienes saben qué es un banner tienen claro que su objetivo principal es conseguir una acción momentánea en el instante en que el usuario lo visualiza.
Algunos de los banners más conocidos son los banners publicitarios, que persiguen el objetivo de generar tráfico hacia una web desde otro sitio online, idealmente manteniendo una relación con el contexto en el que se encuentra.
En la estrategia inbound, los banners o call to action tienen un objetivo claro: captar la visita y originar una conversión. Por eso, en muchos casos, se les considera el puerto de entrada del lead.
¿Qué tipos de banner existen?
Actualmente hay muchos tipos de banner distintos en internet. La diferencia entre unos y otros tiene que ver con el objetivo que persiguen o el modo de implementarlos. Te invito a conocer algunos de los más habituales.
1. Banner integrado: qué es, características y ejemplo
Este banner es de uso frecuente y se caracteriza por tener una posición fija en el sitio web donde se integra. Resulta poco intrusivo debido a que su tamaño y ubicación no varían.
Dentro de este formato de banner encontramos nombres conocidos como el banner robapáginas, el banner rectangular o el banner rascacielos. Su aspecto sería equivalente a un CTA inbound.
Aquí puedes ver un ejemplo:
Ejemplo de banner integrado (banner de suscripción al blog de InboundCycle)
2. Banner flotante
El banner flotante es un tipo de anuncio rich media que aparece en una página web de forma inesperada, interrumpiendo la navegación del usuario. Generalmente, se sitúan junto a la barra superior o inferior, y suelen contar con un botón de cierre o salida en la esquina (más o menos visible) para permitir al usuario optar por no participar y regresar a su contenido.
Se trata de un tipo de banners bastante intrusivos porque normalmente interfieren con el contenido que se está leyendo, provocando rechazo por parte de los visitantes.
Aquí puedes ver el efecto de un banner flotante:
Ejemplo de banner flotante
3. Banner expandible
Se denomina expandibles a un tipo de banners que utiliza una arquitectura de archivos multi-HTML. Su principal característica es que tamaño y ubicación pueden cambiar cuando pasamos el cursor por encima, ocupando gran parte de la pantalla. Se trata de un formato intrusivo para los usuarios.
Aquí puedes ver un ejemplo:
Ejemplo de banner expandible
¿El tamaño importa? ¡Evidentemente, sí!
Teniendo en cuenta los distintos tipos de banner que existen, a la hora de diseñar uno puedes encontrarte con que, tan complicado como elegir el tipo más adecuado, es decidir acerca de cuál debería ser su tamaño final.
Algunos estudios demuestran que los banners con mejores resultados son aquellos que cumplen las siguientes medidas:
- 300 x 250 px (rectángulo mediano)
- 336 x 280 px (rectángulo grande)
- 300 x 600 px (media página)
- 728 x 90 px (mega banner)
Fuente: 99 designs
5 best practices para crear tu banner o call to action
Además de tomar en consideración las dimensiones de esta call to action tan especial, te interesa prestar atención a algunos aspectos en su proceso de diseño. Si ya sabes qué es un banner, no te olvides de que, cuando diseñes uno para tu estrategia publicitaria, necesitas tener en cuenta:
1. Peso del banner
La rapidez en el tiempo de carga de los elementos web es crucial, pero aún lo es más cuando se trata de un banner de una campaña publicitaria. Recuerda que su objetivo es impactar al máximo de personas y buscar el clic.
Por eso te recomiendo que tu banner no exceda los 50 KB y, como siempre, cuanto más comprimido esté y menos peso tenga, mejor tiempo de carga.
Para controlar este factor también es importante haber planteado antes el formato del contenido del banner, porque no pesará lo mismo una imagen que un vídeo o un gif.
2. Propuesta de valor en el copy
Este es uno de los puntos más importantes, ya que se trata del mensaje que tendrá el banner, la propuesta de valor y, por lo tanto, uno de los factores principales que influirá en el clic.
Al llegar a este punto en el proceso de diseño te puedes formular la siguiente pregunta: ¿qué información quiero que destaque? ¿Cuál es el beneficio o propuesta valor de mi oferta? Y, partiendo de ello, resaltarlo dentro del copy y el diseño.
Toma nota de estos consejos para la redacción de tu mensaje:
- Asegúrate de que es directo y sencillo.
- Utiliza diferentes tipografías.
- Reduce tu propuesta de valor a un solo mensaje: evita tener varias ofertas en un solo banner.
- Utiliza palabras en imperativo, como “descarga”, “pide” o “solicita”.
- Recuerda utilizar CTA claras y directas, como “gratis”, “ahora” o “compra”.
3. Diseño del banner
Junto con el copy, este es uno de los puntos más importantes del banner, ya que los elementos gráficos y de diseño serán los que generarán el interés del usuario.
Recuerda que los colores tienen connotaciones distintas y conducen a nuestro cerebro a diferentes asociaciones: te recomiendo leer este artículo de neuromarketing para ampliar la información.
4. User experience
Este punto es clave para comprobar que tu banner se va a percibir bien en cualquier dispositivo que el usuario esté utilizando. Algunas mejores prácticas a tener en cuenta son:
- Testea varias versiones: vertical, horizontal, tamaños distintos o cambios en la disposición de los elementos, entre otras. Eso te ayudará a ver qué contenido es el que funciona mejor.
- Mobile friendly: recuerda comprobar que tu banner, su diseño y el copy se perciban bien en dispositivos de pantalla pequeña como en mobile (el tráfico que proviene del dispositivo ya llega al 90% en algunos mercados).
- Navegadores: es importante revisar que tu banner se visualiza correctamente en los distintos navegadores, para minimizar problemas de UX una vez la campaña esté activada.
5. Estructura
Como el espacio que has reservado para el banner seguramente no será muy grande, es importante que tengas una buena disposición de los elementos, sin que ello reste fuerza a la creatividad. Te aconsejo distribuir los espacios de manera correcta para que no quede ni muy vacío ni agobiante. En definitiva, la clave está en asegurar que haya armonía en la estructura.
Lo recomendable es seguir esta proporción:
- Dejar un tercio del espacio para la imagen, idealmente, a la izquierda (en los banners horizontales) o en la parte inferior (en los banners verticales).
- Reservar los otros dos tercios del banner para el texto.
Ahora que ya sabes qué es un banner publicitario, los tipos que existen y los aspectos principales que debes tener en cuenta para crear el tuyo, ya puedes implementarlo y empezar a generar tráfico, leads o clientes a través de ellos. ¡Y no te olvides de monitorizar su éxito, para aplicar los ajustes que te ayuden a lograr más clics!
Publicado originalmente el 20 de diciembre de 2021.
Revisado y validado por Susana Meijomil, SEO & Content Manager en InboundCycle.
Carla Massegú
Inbound Specialist en InboundCycle, encargada de liderar un equipo de ejecutivos y definir estrategias para proyectos. Graduada en Publicidad y Relaciones Públicas por la Universidad Autónoma de Barcelona, con énfasis en Estrategia Publicitaria. Comenzó su carrera en Ogilvy y luego se trasladó a Opinator, donde dirigió proyectos en Barcelona. Después de dos años, se unió a InboundCycle, donde ha crecido personal y profesionalmente desde entonces.