<img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=81693&amp;fmt=gif">

Qué es un banner, para qué sirve y cómo crear el tuyo con ejemplos

Resumen del post
¿Estás implementando una estrategia display con banners publicitarios? ¡Pues este artículo te interesa! Te detallamos qué es un banner y las best practices para obtener un buen diseño y maximizar resultados. Pero, antes, vamos a empezar por la definición y los tipos principales de banners que debes conocer.

New Call-to-action

¿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:

  1. A través de la generación de tráfico.
  2. Gracias a la conversión.
  3. 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:

¿Te gusta lo que estás leyendo? ¡Suscríbete al blog!

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:

formato-banner-expandible

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:

unnamed-3

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)

Banner-Sizes-01Fuente: 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!New Call-to-action

Publicado originalmente el 20 de diciembre de 2021.

Revisado y validado por Susana Meijomil, SEO & Content Manager en InboundCycle.

Otros artículos que te pueden interesar...

Marketing digital Qué es el Social Listening, ventajas y cómo aplicarlo
Por Sarah Vercheval en
Marketing digital Cómo aplicar el Big Data en el Marketing Digital
Por Ana Claudia Ferreira en
Marketing digital Bootcamp: qué es, tipos y cómo benefician tu carrera
Por Ana Claudia Ferreira en
Marketing digital Qué es la arquitectura de marca, tipos, ventajas y ejemplos
Por Ana Claudia Ferreira en

¿Y tú qué opinas? ¡Déjanos aquí tus comentarios!

Suscríbete al Blog
Suscríbete por email y recibe además un pack de bienvenida con nuestros 5 mejores artículos