Formato nuevo
Cómo las imágenes ganan atención en un sitio y en el contenido
Una imagen se lee más rápido que un párrafo: fija emoción, tema y un ancla de atención antes de que nadie termine el lead. Fotos de relleno al azar, ruido visual minúsculo y texto de oferta encerrado en un JPEG a menudo duelen a la UX y a la accesibilidad.
Abajo: movimientos que funcionan — color y contraste, descanso para el ojo, un encuadre menos obvio, metáforas y la regla de no esconder el sentido solo en la imagen. Hacer una imagen clicable es un artículo aparte.
Por qué importa lo visual
Una imagen confirma el tema de la página, baja la carga cognitiva y fija el tono de marca. En feeds sociales y blogs el preview decide si la gente hace clic más allá.
Un visual malo es peor que ninguno: blur, watermarks, logo ajeno, clichés de «apretón de manos en traje».
Trabajos que puede hacer una imagen:
- mostrar el producto o el resultado
- explicar un proceso con un diagrama
- fijar la emoción de la oferta
- romper texto largo
Color, contraste y descanso para el ojo
Un acento brillante sobre fondo neutro lleva la mirada al CTA o al héroe del encuadre. El contraste texto-fondo también importa en fotos con captions: gris pálido sobre gris no se lee.
El ojo necesita aire — márgenes, no un collage sobrecargado. Alterna bloques densos con calmados, o la fatiga hace que la gente haga scroll de largo.
Comprueba:
- un acento de color dominante
- contraste de UI y caption
- sin ruido de diez objetos minúsculos
- en móvil, cara o producto no quedan recortados
Lo obvio vs la curiosidad
Los encuadres plantilla «portátil + café» se saltan. Más fuerte: un detalle de proceso, before/after, un ángulo inesperado del producto, textura honesta del material.
El misterio funciona si el contexto queda claro en un segundo (caption, H2). Si no, es clickbait que no paga la atención.
Ideas en lugar de clichés:
- close-up de un detalle de producto
- UI con una tarea real
- el resultado del trabajo, no una pose de modelo
- una infografía de pasos simple
Texto dentro de la imagen
Oferta crítica, precio, copy legalmente importante — duplícalo como texto normal en la página. La imagen puede no cargar, no indexarse como texto o no ser leída por un lector de pantalla.
En el banner deja un acento corto y contundente; pon la expansión al lado en HTML.
Regla:
- alt con sentido
- oferta en un titular cercano
- no encogas el tipo en la foto
- trata el peso del archivo aparte del «texto para SEO»
Metáforas y encaje
Una metáfora (cohete = crecimiento, puente = integración) acelera la comprensión si la audiencia la lee. Una metáfora demasiado lejana confunde.
No te apoyes en la idea desfasada de que «solo una cara bonita vende»: en muchos nichos convencen la expertise, el producto y la claridad — no el gloss ajeno.
Filtro de encaje:
- ligado a la oferta en dos segundos
- no insulta a la audiencia
- se puede sustituir por una foto propia
- no rompe la velocidad de la página
Práctica de despliegue
Arma un guideline: estilo, paleta, prohibiciones (clichés de relleno genérico), tamaños para hero/artículo/social. Antes del release, revisa la primera pantalla en móvil — no solo el «wow» del diseñador en el portátil.
Mide: CTR del preview, tiempo hasta el scroll, clics del banner. Belleza sin métricas es gusto, no marketing.
Checklist visual:
- archivo propio o con licencia
- compresión y formato moderno
- sentido duplicado en texto
- contraste y aire
- alineado con la marca
FAQ
¿Una foto de cara bonita siempre gana a un diagrama?
No. En B2B y how-tos un diagrama o un product shot a menudo es más fuerte. Una sonrisa glossy sin vínculo a la oferta es relleno vacío.
¿Cuántas imágenes por pantalla?
Las que refuercen el sentido. Un visual fuerte en el primer viewport gana a un carrusel por el carrusel.
¿Se puede poner la oferta en un banner?
Un acento corto — sí; todo el sentido solo en la imagen — no. Duplica el texto en HTML para la búsqueda y los lectores de pantalla.
¿El color brillante siempre funciona?
Un acento sobre fondo calmado funciona. El caos ácido cansa y corta la confianza.
¿Hace falta un «efecto misterio»?
Con moderación: un ángulo o detalle inusual intrigúa. Un misterio sin payoff solo irrita.
¿Animales y niños en comercio?
Solo si el nicho encaja. Si no, distraen de la oferta y se sienten manipulativos.
¿Están prohibidas las stock photos?
En nuestros materiales — sí (política del sitio). Para un cliente, prefiere fotos propias, generación AI alineada a marca o una licencia comprobada.
¿Una imagen afecta al SEO?
De forma indirecta: comportamiento, snippets, Image Search, velocidad. No esperes que una foto bonita sola mejore los rankings.
¿Hero de café y portátil de stock — y la oferta vive solo dentro del JPEG?
Fijamos contraste, sentido y copy duplicado en HTML — visuals que paran la mirada sin clichés.
Hablar del proyecto
