¿Qué es un banner y para qué sirve? Tipos y ejemplos

banner en pantalla

Un banner es uno de los fragmentos publicitarios más antiguos, pero que tiene un uso constante en la actualidad.

Es imposible ignorarlo, puesto que, se encuentra en muchos sitios web plasmado con diferentes formatos y mensajes que se pueden distinguir a simple vista.

¿Qué es un banner?


Un banner o banderola es una pieza de diferente tamaño en el cual se introduce publicidad, ya sea en imágenes, textos, animaciones o el conjunto de todas, con la intención de que el usuario que lo visualice, le interese y de clic.

Una vez entre el usuario acabará la tarea del banner, que es el de ser un medio de conexión entre un sitio y otro externo.

Los banners se los puede apreciar (en la mayoría de veces) porque están dentro de páginas web que desearon ser monetizadas, la paga que reciben los anunciadores varía de acuerdo al modelo escogido (impresión o clic).

Otro significado…

Un banner de YouTube es la portada de un canal, en otras palabras, el gráfico más grande que se observa cuando se ingresa al canal de un youtuber. A la vez, también se llaman banners a los anuncios que se muestran en la red social YouTube.

¿Para qué sirve un banner?


Un banner sirve desde el punto de vista de una empresa o negocio para promocionar y divulgar un producto/servicio que desea ofrecer a un público objetivo que pasa por un website similar o igual al de su nicho.

Entonces, la empresa que diseña banners los hace con la finalidad de impactar a un gran número de personas para atraerlos y posteriormente convertirlos en clientes.

Desde el punto de vista del dueño de una página web, los banners le sirven para alquilar sus espacios con el trato de recibir a cambio un pago.

Para introducir banners en las distintas páginas web se tiene que recibir un tráfico elevado para que se consigan mejores resultados, ya que por lo general los banners tienden a ser de baja paga.

Te puede interesar leer: 11 increíbles estrategias para generar tráfico en tu sitio web

Muchas veces (no siempre) poner banners implica darle más tiempo de carga a las páginas, lo cual puede afectar negativamente al posicionamiento SEO, así que debes tenerlo en cuenta para que los optimices.

Objetivos de un banner


Con todo lo aprendido hasta ahora ya tienes una idea de cómo se orienta un banner, por eso ahora te mostraré los objetivos en términos simples:

  • Hacer conocida una marca
  • Atraer tráfico a una web
  • Generar clientes o suscriptores

Cada punto se responde por sí solo, por eso no le demos mucha vuelta y pasemos al siguiente tema.

Ventajas y desventajas de un banner


Un banner tiene ventajas notables a comparación de los anuncios tradicionales y se reflejan mayormente en estadística y datos.

Si eres la empresa que va a crear banners, sus ventajas son:

  • Conocer los números de clics e impresiones, con estos datos entenderás que tan bien están diseñados tus bannesr.
  • Mayor puntería o segmentación, desarrollar banners digitales te abrirá la oportunidad de dirigirte a usuarios que estén interesados en tus productos.
  • Realizar pruebas para crear banners efectivos, puedes realizar distintas pruebas o experimentaciones para dar con el que mejor resultados ofrece (un A/B testing)

Las ventajas de los banners para quién presta los espacios en blanco de su web son:

  • Ganar dinero, es una forma de monetizar a las páginas web.
  • Presentar publicidad interesante, nutre de publicidad de valor a su comunidad.

También hay desventajas que representan tener banners, pero están más enfocadas en el que alquila su espacio para integrarlos.

  • Ceguera por parte del usuario, integrar banners no asegura que el usuario ingrese a él. Muchas veces los usuarios los ignoran completamente y buscan lo que realmente están necesitando en tu página.
  • Spam, insertar muchos banners en una página web puede desorientar al usuario y hacer que se sienta opacado de tanta publicidad.

Tipos de banners


Los tipos de banner son 3:

  1. Fijo
  2. Expandible
  3. Flotante
infografía de los tipos de banners

Una vez visto los tipos de banners, echa un vistazo a unos ejemplos para que te quede más claro y sepas reconocerlos a simple vista.

Banner rectangular

ejemplo de banner

Imagen extraída de: el comercio

Banner rascacielos

ejemplo de banner
Imagen extraída de: themonopolitan

Banner expandible

banner expandible

Banner robapáginas

banner robapáginas

Medidas de un banner


Las medidas de un banner (en píxeles) junto a sus tipos son:

  1. Banner rectángulo grande: 336×280
  2. Banner rectángulo mediano: 300×250
  3. Rascacielos ancho: 160×600
  4. Robapáginas: 300×250, 300×300
  5. Banner de adhesión: 320×50
  6. Leaderboard: 728×90
  7. Layer: 400×400
  8. Intersticial: 800×600
  9. Billboard ancho: 970×250
  10. Pushdown ancho: 970×970
  11. Botón: 120×60, 120×90

Formatos de los banners


Los formatos de un banner son:

  1. JPG, es uno de los formatos estáticos que se caracteriza por ocupar poco espacio.
  2. PNG, es otro formato estático utilizado para cuando se desea crear gráficos con fondo transparente.
  3. GIF, es un formato muy popular, ya que ofrece animación en las imágenes y es más atractivo para la vista humana.
  4. HTML 5, en el formato HTML5, se puede diseñar animaciones que sean totalmente responsive, es decir, adaptables a cualquier dispositivo.
  5. Rich media, en este formato se tiene la posibilidad de agregar varios elementos como sonidos o videos.

El peso de los banner se sugiere que no sea más de 100 KB.

Elementos necesarios para crear un banner


Los elementos para crear un banner son:

  • Marca/logo, no debe faltar en tu banner la marca de tu empresa para que el usuario se dé cuenta de quien le está ofreciendo tal producto.
  • Texto, el texto o copy debe ser fácil de entender y corto para que el mensaje no tenga pierde ni ningún tipo de confusión.

Escribiendo un buen texto corto, pero directo conseguirás llegar rápidamente a los usuarios, la tipografía puede variar si es que deseas resaltar partes importantes.

  • Colores, son otro tipo de identificador que sirven para que te reconozcan los usuarios, por eso debes insertarlos.

Trata de usar los colores de marca para que no pasen desapercibidos tus banners.

  • Imagen del producto, muchas veces una imagen es mejor que las palabras e insertar una o varias es excelente.

Insertando una imagen sobre tu producto, el usuario podrá saber con más exactitud que ofreces, por eso agrégala con buena resolución y calidad.

  • CTA, o “llamado a la acción” es un botón el cual invita al usuario para que ingrese al banner, es un elemento muy importante a tener en cuenta.

Comúnmente el CTA se lo puede distinguir a simple vista y se caracteriza por tener un color y tipografía diferente al resto.

Herramientas para crear un banner


Crear un banner sin conocimiento previo de diseño es posible.

Las herramientas que te presento son muy sencillas de usar y factibles si te gusta realizar tus propios diseños.

¡Vamos a ellas!

1. Canva

Canva es una web de diseño gráfico en que puedes crear banners con mucha personalización, ofrece cientos de plantillas para que escojas alguna con el fin de inspirarte o rediseñarla a tu gusto.

Tiene una extensa lista de recursos que puedes usar, pero también te permite subir independientemente recursos externos que desees utilizar.

Posee una versión de pago, pero con la gratuita será más que suficiente.

2. Creatopy

Es otra de las herramientas famosas por los creadores de banners, se ha caracterizado por su fácil uso y rapidez al momento de crear banners.

Además, como en Canva también dispone de plantillas para que puedas usarlas a tu gusto.

3. HTML5 maker

Es una web en la que conseguirás una buena creación y desarrollo de tus banners, podrás personalizar y escoger plantillas a tu gusto.

Con su versión gratuita podrás hacer banners profesionales.

4. Fotojet

Fotojet es una herramienta que de igual forma te da una amplia selección de plantillas para escoger.

Es de sencillo uso y gratuita, pero para tener más recursos debes comprar la versión premium.

Otras herramientas que puedes usar son:

  • Desygner
  • Online Photo Editor
  • GIMP
  • Google Web Designer
  • My banner Maker
  • Fotor

¿Dónde difundir mis banners?


Ya conoces los elementos y herramientas necesarias para crear un banner, por eso ahora debes decidir en que plataformas deseas lanzarlo, para ello hice una pequeña lista de plataformas muy usadas y conocidas en el mundo de la publicidad.

  1. Google Ads, la plataforma Google Ads (anteriormente nombrada AdWords) es una de las más conocidas y usadas para publicidad. Puedes usar esta herramienta para publicar tus banners, pese a que es más para SEM, no descartes la idea.
  2. ONiAd, en ONiAd podrás publicar tus banners al público objetivo (segmentado) en cientos de dominios. Es de sencillo uso, por lo tanto, no debes ser un experto para empezar en ella.
  3. Centro, antes llamada siteScout, es una plataforma para lanzar publicidad y que te permitirá conocer el rendimiento de tus campañas, realizar segmentación y entre más cosas. Cabe mencionar que para usarla si necesitarás algunos conocimientos previos.

Ejemplos de banners creativos


Mira estos 5 ejemplos creativos de banners:

1. Foster’s hollywods

La cadena de restaurantes Foster’s hollywods ha desarrollado este banner siguiendo un lineamiento de elementos.

Se puede observar el orden y el espacio distribuido de manera eficaz, una imagen bien diseñada y con un mensaje claro y preciso.

ejemplo de banner creativo

2. Fiat

Fiat nos da un buen ejemplo de banner creativo e interactivo en el cual se plasma de manera eficiente la idea que quiere transmitir.

La dinámica es simple, si se pulsa la flecha hacia abajo la cerveza del vaso se agota mientras que el carro se destroza.

«NO BEBAS Y CONDUZCA» es el mensaje que desea transmitir Fiat.

ejemplo de banner creativo

3. Aides

La asociación Aides nos muestra un banner simple sin casi nada de texto, pero muy bien desarrollado y pensado.

El objetivo del banner es hacer conciencia para la utilización de preservativos con el objetivo de evitar enfermedades como el SIDA.

Un banner llamativo en el que un órgano reproductor masculino no puede tener relaciones sexuales hasta que se ponga un preservativo.

ejemplo de banner

4. Volkswagen

Un ejemplo más de banner interactivo nos ofrece la compañía de automóviles Volkswagen, el banner es titulado “The New Golf”.

Fue producido con la intención de que el usuario juegue tratando de armar el puzzle mientras se informaba inconscientemente del banner.

ejemplo de banners

5. Bacardí

Y finalizamos esta pequeña lista con Bacardí, la empresa de bebidas lanzo un banner en el que se puede escuchar sonidos tocando las cuerdas.

Una pieza publicitaria ingeniosa que atrae a los visitantes.

ejemplo de banner creativo

Consejos para tus banners


Investiga a tu competencia

Investiga a tu competencia para que analices cómo realizan sus banners y puedas darte una idea de cómo hacer los tuyos.

Fíjate en el diseño, en los objetivos y en el formato, pero ojo, no debes copiar ni duplicar, sino inspirarte y crear un anuncio novedoso y totalmente diferente.

No olvides tus objetivos

Crear banners con un diseño super original e innovador no servirá de nada si es que dejas de lado tus objetivos y la esencia de tu marca, por eso créalos con la condición de mantener todo bajo condiciones y reglamentos.

Realiza pruebas

No te quedes solo con un modelo de banner, crea distintos y compáralos para que puedas elegir el correcto, juega con los colores, letras, imágenes, etc.

Potencia tu landing page

De la misma manera que dedicas tiempo y esfuerzo al banner, debes hacerlo para la landing page (la página en la que aterrizarán los usuarios una vez hagan clic en la pieza publicitaria)

Optimizando la página de aterrizaje lograrás convertir al tráfico.

¡Por cierto!

No olvides que tus banners sean responsive (adaptables a los dispositivos

Conclusión

Un banner es un recurso que utilizado de manera correcta beneficia tanto al anunciante como al que brinda el espacio para exponerlo.

Si piensas crear banners por tu propia cuenta, créalos con los consejos y elementos que te mencioné y por supuesto, innova con textos e imágenes frescas.

¿Alguna duda sobre el banner?

Posts que te recomiendo leer:

Sobre el autor
Publicaciones Relacionadas
Scroll to Top