Home Blog/ Transformación digital/
Transformación digital
¿Qué es un banner web? La parte técnica que no conocías de la publicidad display¿Qué es un banner web? La parte técnica que no conocías de la publicidad display

¿Qué es un banner web? La parte técnica que no conocías de la publicidad display

Vania Escobar - 14 Nov 21

Articulo

7 min.

Si te cuestionas ¿qué es un banner web?, este blog post te dará la respuesta a todas tus preguntas. Como ya debes saber, el Marketing Digital ha evolucionado con los años, y con ello, la manera de hacer publicidad display se ha transformado con creces. Conocer la parte técnica de estos recursos gráficos puede sonar bastante aburrido, pero hoy trataremos de explicarte lo más importante de una manera sencilla y amena. 

Te invitamos a seguir leyendo la nota para enterarte sobre los diversos tamaños y formatos de los banners publicitarios disponibles en el mercado, consejos para emprender un banner web exitoso, entre otros temas interesantes que seguro no conocías a detalle. Además, si llegas al final del artículo, te regalaremos algunas plantillas de banners editables. ¡Queda en ti obtenerlas gratis!

Ahora sí, es momento de aprender todo sobre los banners web y su rol transcendental en la publicidad digital que conocemos actualmente. ¡Comencemos!

¿En qué consiste un banner web?

En sencillo, un banner web es un tipo de anuncio publicitario muy usado en el mundo del marketing digital, más específicamente, de la publicidad display. Su característica principal es que contiene un recurso gráfico, el cual sirve de hipervínculo para llevar a los usuarios a otra página web o a un landing page

Si tienes alguna noción de las partes de una página web, debes recordar que el banner web puede estar situado en diversas secciones de la web y de diferentes formas. Además, los banners ads no son exclusivos de las páginas web o blogs, sino que también han invadido las redes sociales y las aplicaciones móviles.

que es un banner web

Imagen: Freepik 

Esperamos que ahora tengas mucho más claro qué es el banner de una página web. En el siguiente punto ahondaremos un poco más en la importancia de los banners para tu negocio o emprendimiento. ¡Sigue atento!

 

¿Para qué sirve un banner web?

Seguro recuerdas las grandes publicidades LED que existen en algunas ciudades. Si te has puesto a pensar un poco sobre ello, este tipo de banners buscan llamar la atención de los transeúntes con el fin de vender un producto o servicio. 

El banner web tiene el mismo objetivo: llamar la atención del usuario para venderle algo. Esta vez, la diferencia es que los banners web son protagonistas dentro del dinámico terreno digital. Además, los banners promocionales también pueden tener como objetivo aumentar el tráfico de una página web.

Sin embargo, es sabido que existen miles de banners web y, algunos, pueden resultar cansados para el usuario. Pensando en ello, es esencial que los banners de publicidad que emprendas tengan un diseño atractivo y no sean instrusivos con la audiencia. ¡Nunca olvides ello!

Quédate atento, pues en el siguiente punto te hablaremos sobre los tipos de banners que puedes encontrar en una página web. 

banners publicitarios Times Square

Imagen: The Manhattan at Time Square Hotel

¿Cuáles son los tipos de banners?

La evolución natural del Marketing Digital y, con ello, de los banners web, nos permiten hablar ahora de diversos tipos de banners. Probablemente, reconozcas algunos por tu experiencia como usuario de internet. Si no tienes idea de lo que estamos hablando ¡descuida!, te lo detallamos todo a continuación.

Tipos de banners por tamaño

Los tamaños de banners más comunes son los siguientes. ¡No olvides apuntarlos!

  • Medium banner: 300 x 250 px

  • Leaderboard: 728 x 90 px 

  • Wide Skyscraper: 160 x 600 px

  • Half page: 300 x 600 px

  • Large Leaderboard: 970 x 90 px

  • Billboard: 970 x 250 px

  • Large rectangle: 336 x 280 px

  • Skyscraper: 120 x 600 px

  • Small square: 200 x 200 px

  • Square: 250 x 250 px 

  • Vertical banner: 120 x 240 px 

  • Full banner: 468 x 60

  • Half banner: 234 x 60 px

tamaños de banners web

Imagen: Match2one

Tipos de banners por formato

En esta sección queremos expandirnos un poco más con los tipos de banners web. Esto debido a que, si bien el tamaño de esta publicidad display es importante, también es necesario conocer los diversos formatos de banners disponibles en el mercado. ¡Esperamos te inspiren a crear tu campaña mañana mismo!

1. Formato integrado

Estos banners web tienen una posición fija en el landing page donde están incorporados. Por ello, estos recursos gráficos no se moverán pese a la ruta del usuario. 

2. Formato expandible

Este tipo de banners web tiene la cualidad de ampliarse de forma automática en la página web. Esta acción se da cuando el usuario sitúa el puntero encima del banner o ni bien aterriza en el landing page

3. Formato flotante

Como tercer tipo, están los banners flotantes. Esta publicidad display suele moverse acompañando al usuario en su recorrido dentro de la web. Naturalmente, no son los banners web menos intrusivos de esta lista. 

4. Banner rich media

Este tipo de banners web se caracterizan por utilizar animaciones, videos y audio, por lo que suelen llamar la atención del usuario con mayor efectividad. También se les conoce como banners dinámicos.

Según Google, esta publicidad rich media puede flotar y/o desplazarse gracias a su tecnología HTML5. Además, es posible adaptar este tipo de banner a formularios o, incluso, a tweets

publicidad display gif

Imagen: Chet.com.ar

Como podrás haber notado, hablar de banners web es un tema bastante interesante y amplio. Si tienes curiosidad sobre cómo crear banners desde cero, nuestro docente Sergio Agámez será el tutor perfecto para adentrarte en el mundo del Front end. 

El  curso online “Maquetación de sitios web dinámicos con Javascript y JQuery” consta de 13 horas de clase con 96 clases online que te volverán un maestro en la materia. ¡No tiene pierde!

¿Qué tener en cuenta para hacer un banner web que funcione?

En este apartado, te explicaremos cómo crear un banner más efectivo para tus campañas de publicidad digital. Si quieres triunfar en los medios digitales, estos consejos serán el catalizador de tu éxito. ¡Sigue atento!

1. Sigue los tamaños de banners más populares

Si bien existen múltiples tipos de banners, Google Adsense nos comparte los tamaños de banners estándar más eficaces. Te recomendamos altamente tomarlos en cuenta a la hora de implementar tus estrategias de marketing. 

  • Rectángulo mediano: 300 x 250 px

  • Leaderboard: 728 x 90 px

  • Media página: 300 x 600 px

  • Rectángulo grande: 336 x 280 px

dimensiones más usadas banner web

Imagen: es.99designs.com

Cuando hablamos de eficacia, también debemos hablar de los indicadores que nos permiten medir esa eficacia. En ese sentido, conocer qué es el CTR es un aspecto importante a la hora de evaluar los resultados de tu estrategia, específicamente, de tu estrategia de publicidad display. ¡Puedes descubrir más detalles sobre el tema en nuestra nota!

2. Apuesta por el remarketing 

Probablemente, hayas notado que existen algunos banners que “te siguen” cada vez que abres una nueva página web. Esta famosa práctica se llama remarketing, o retargeting, y está disponible como modalidad en Google Ads y Google Adsense.

Además, el remarketing en Google no siempre implica trabajar con banners web, sino que también puedes utilizar correos electrónicos de seguimiento. La efectividad de este tipo de estrategia se da pues se enfoca en una audiencia que ha mostrado un interés inicial por una marca.

Para dejar claro cómo funciona el retargeting, esta gráfica te será muy útil:

como funciona el retargeting

Imagen: Branch

3. No olvides la propuesta de valor y el call-to-action

Tal vez está demás enfatizar la importancia de colocar el logo de tu marca y el mensaje comercial que quieras transmitir a tu público objetivo. Siguiendo esa línea, tampoco debes olvidar transmitir la propuesta de valor de tu producto o servicio dentro de tu banner web. Este elemento puede implicar alguna oferta limitada, la alta calidad de tus productos o un valor agregado único en el mercado.

Por su parte, el call to action, más conocido como “CTA”, será el catalizador para que logres conversiones de ventas. Puedes utilizar frases como “¡Empieza ya!”, “Descubre más” o “Descarga este ebook gratis”. Además, es común que estos CTAs se diseñen en botones dentro del banner web. 

call to action banner web

Imagen: Envision.io

4. La creatividad es base para lograr mejores resultados

Como te dijimos anteriormente, se publican millones de banners de publicidad cada día y aparecen a toda hora. Teniendo en cuenta esa realidad, lo que te diferenciará de la competencia es la originalidad de tu banner publicitario. Mostrar algo que las personas no han visto es la mejor manera de llamar su atención

En cuanto a aspectos técnicos, no debes descuidar la resolución de tu banner web. Así como el contraste y los elementos audiovisuales que decidas implementar en tu estrategia de publicidad display. 

¿Te quedaste sin ideas? Acá te mostramos un ejemplo de banner web que te hará reflexionar sobre las múltiples formas que uno tiene para publicitar su marca en internet. Como verás en el video, este banner promociona la serie The Fugitive Chronicles en el prestigioso periódico The New York Times.


En la siguiente sección, compartiremos contigo las plantillas de banners editables que el equipo Crehana ha preparado para ti. Estamos seguros que te ayudarán a optimizar el tiempo de creación de tus contenidos. ¡No te despegues!

 

Plantillas de banners editables: ¡Descarga gratis!

Ahora es momento de darte lo que te prometimos al inicio de este blog post: ¡Plantillas de banners gratis!

Tanto si eres un especialista en Marketing Digital o un desarrollador web, estas plantillas de banners editables te serán de mucha utilidad para llevar a cabo tu trabajo. ¡Esperamos que las utilices sabiamente!

Banner web para eventos de gimnasio

Esta plantilla de banner web está diseñada para utilizarse en Adobe Photoshop. Al abrir el archivo, encontrarás una mesa de trabajo editable con un tamaño de 3500 x 1463 px. 

Si tienes un emprendimiento relacionado a la industria fitness o a la salud física, este diseño es el ideal para ti. 

Descarga gratis nuestro banner web para eventos de gimnasio

banner web gimnasio

Banners web para promocionar eventos online o conferencias

Este segundo recurso gratuito consta de una plantilla de Adobe Illustrator. Al descargarlo, tendrás en tus manos 6 diseños coloridos que podrás editar como desees. 

Si bien están diseñados para promocionar eventos online, también los puedes utilizar para canalizar ofertas o descuentos de tus productos en redes sociales. 

Descarga gratis nuestros banners web para promocionar eventos online

plantilla de banner web para conferencias

Banner vectorial para promocionar eventos de marketing

Esta plantilla de banner web está en formato “eps”. Si no sabes qué significa esto, te comentamos que es un formato vectorial que se puede abrir en programas como Adobe Illustrator o Corel Draw. 

En cuanto a dimensiones de la gráfica, el espacio de trabajo mide 1000 x 380 px. Recuerda que puedes cambiar el tamaño según tus necesidades. 

Descarga gratis nuestro banner web para promocionar eventos de marketing

banner web para promocionar eventos marketing

Banners para promocionar los webinars de tu marca en redes sociales

Estos banners web están dirigidos para tu estrategia de redes sociales. Por lo cual, encontrarás un diseño para cada plataforma digital: Instagram, Facebook, Twitter y LinkedIn. 

Si te encargas de diseñar stories de Instagram, también hay un formato con las medidas para este tipo de contenido. ¡No dudes en darle un vistazo!

Descarga gratis nuestros banners web para promocionar webinars

plantilla para promocionar webinars en redes sociales

Plantilla de banner sobre Té Matcha

La industria saludable ha entrado en escena. Si tu negocio está relacionado al Té Matcha, esta plantilla de banner está pensada en ti.

Al descargar nuestra herramienta, encontrarás una plantilla de Adobe Illustrator, la cual es perfecta para los negocios orgánicos o ecoamigables. En cuanto a la medida del banner web, este es de 660 x 302 px. 

Descarga gratis nuestro banner web sobre Té Matcha

banner de te matcha

Plantilla de banner offline para Twitch

Por último, saltamos de la industria saludable a los streamings de Twitch. Esta plantilla de banner offline te permitirá promocionar tus redes sociales en la plataforma, mientras tu audiencia espera tu regreso. 

Si estás interesado en el mundo del gaming online, este recurso será esencial para hacer crecer a tu comunidad de Twitch.

Descarga gratis nuestro banner offline para Twitch

banner offline para twitch


¡Ya estás listo para diseñar banners web!

Esperamos que hayas aprendido más a fondo sobre qué es un banner web y su importancia en la publicidad display. Recuerda elegir sabiamente el formato y tamaño del banner web que implementarás en tu estrategia de marketing para lograr así un resultado exitoso.

Además, no olvides que la originalidad es un aspecto que no debes perder de vista para triunfar en el terreno digital. ¡Nos vemos pronto!