Display ads y banners

Cinco tamanos fijos del IAB cubren la mayor parte del inventario programatico, disenalos primero: Medium Rectangle 300×250, Leaderboard 728×90, Wide Skyscraper 160×600, Half Page 300×600 y Mobile Leaderboard 320×50. El 300×250 solo gana la mayor tajada de subastas porque cabe en sidebars de escritorio y en feed movil.

Con los cinco base listos, extiende a los secundarios de alto rendimiento: Large Rectangle 336×280, Billboard 970×250, Large Leaderboard 970×90, Portrait 300×1050 y Large Mobile Banner 320×100. Llenan colocaciones premium arriba del pliegue y de alto impacto, pero son opcionales, nunca los entregues antes del set base.

El limite duro de una imagen estatica (JPG/PNG/GIF) en Google Display Network y casi todas las SSPs es 150 KB, superarlo rechaza el anuncio al subirlo. Para una unidad HTML5 el ZIP inicial puede llegar a 200 KB (algunas redes permiten hasta 600 KB con carga cortes), pero 150 KB sigue siendo el default seguro que pasa cualquier exchange. Comprime el JPG a q70-80 y quita metadatos antes de siquiera ver la cifra.

Un banner tiene espacio para exactamente tres cosas: (1) marca/logo, (2) un beneficio o gancho en 5 a 7 palabras, y (3) un boton CTA de alto contraste. Cualquier cosa mas alla de esas tres compite por el 1 a 2 segundos de atencion que recibe un banner y diluye el clic. En un Medium Rectangle apilalos logo-arriba, gancho-centro, CTA-abajo para que el ojo recorra el camino persuasivo en orden.

El llamado a la accion debe verse pulsable: placa de color solido, esquinas redondeadas y un verbo de accion (Comprar, Ver mas, Reservar). En unidades ≥300px de ancho el boton debe ocupar al menos 20% del ancho del banner para registrarse como el objetivo de clic de un vistazo. Una linea de texto subrayada no es un CTA, el usuario aprendio a ignorarla.

Arranca por los dos tamanos de mayor volumen de subasta: el Medium Rectangle 300×250 y el Mobile Leaderboard 320×50. Son el minimo denominador de espacio, si tu mensaje cabe en esa placa diminuta cabe en todo lo mas grande. Disenar primero el Billboard y encogerlo es la trampa: lo que se lee a 970×250 se colapsa en una papilla ilegible a 320×50.

El Mobile Leaderboard mide apenas 50px de alto, esa altura permite una sola linea legible de tipo. Presupuestalo como un logo mas dos elementos de texto como maximo: un gancho corto y un CTA, lado a lado. Apilar titular, subtitulo y CTA en vertical deja cada linea en unos 12px y la vuelve ilegible en un telefono a distancia de brazo.

Los banners animados HTML5/GIF corren como maximo 3 loops o 15 a 30 segundos totales, luego deben quedarse en un frame final estatico con el CTA visible. Las redes (Google, casi todas las SSPs) rechazan de plano los loops infinitos porque distraen y danan las metricas de viewability. Disena el frame final de reposo como un anuncio completo y clicable por si solo, es lo que la mayoria de usuarios ve de verdad.

Los ad servers envuelven los creativos en su propio marco, una etiqueta Ad o Sponsored, un boton de cerrar, un filete fino, que puede recortar lo que este pegado al borde. Deja una quiet zone de al menos 10px libre de texto, logo y CTA en los cuatro lados. El contenido apretado al filo ademas se ve amateur junto al contenido del publisher que respeta su propio padding.

Nunca sabes el fondo del sitio anfitrion, puede ser blanco, oscuro o una textura cargada. Un banner con fondo transparente hereda lo que haya detras y tu texto puede desaparecer. Entrega siempre tu propio relleno solido (o un contenedor con borde), y verifica que el diseno se lea tanto sobre un anfitrion claro como oscuro. No asumas nada de lo que hay detras del anuncio.

Meta y Google favorecen (mayor alcance) o penalizan los creativos segun cuanta area esta cubierta de texto. Manten el tipo bajo cerca del 20-30% de la superficie del banner y deja respirar la imagen. Un muro de copy no solo rinde peor en la subasta, tambien delata una oferta debil, un gancho fuerte mas un CTA vende mas que un parrafo, siempre.