Fotografía de producto: el método para imágenes que venden y cargan rápido

Por qué la foto decide tanto

Online, el comprador no puede tocar ni probar. La foto sustituye a la estantería: debe responder a «cómo es de verdad», «qué tamaño tiene», «qué acabado tiene». Una foto borrosa, demasiado retocada o distinta del producto recibido se paga dos veces: en ventas perdidas y después en devoluciones.

La foto también cuenta para Google. Es la que se muestra en Google Shopping, Imágenes y Lens; a menudo es el elemento más grande de la página, el que marca el tiempo de carga percibido. Una imagen bien hecha sirve a la vez a la venta y al SEO.

Las imágenes que preparar para cada producto

Para cada ficha, buscamos este juego de imágenes, en este orden:

1. 1
   Imagen principal: el producto solo, de frente o de tres cuartos, sobre fondo blanco o muy claro, centrado, sin texto ni logotipo encima. Es la que va a Google Shopping.
2. 2
   En uso: el producto utilizado, en su entorno real, para ayudar a imaginarse con él.
3. 3
   Detalles: material, costura, cierre, conexiones, etiqueta. Lo que tranquiliza sobre la calidad.
4. 4
   Escala: el producto en la mano o junto a un objeto conocido, para que el tamaño no sorprenda en la entrega.
5. 5
   Variantes: una foto por color o por acabado que se venda realmente.
6. 6
   Contenido del paquete: lo que recibe el comprador, accesorios incluidos.

Hacer bien las fotos sin estudio

Un móvil reciente basta para la mayoría de los productos, siempre que se cuiden la luz y la regularidad. Lo que hace profesional una tienda es sobre todo que todas las fotos se parezcan: mismo fondo, mismo encuadre, misma luz.

• Luz: una ventana grande con luz indirecta, o dos lámparas del mismo color a cada lado. Nada de flash directo.
• Fondo: una cartulina blanca curvada detrás y debajo del producto, para evitar la línea del horizonte.
• Estabilidad: un trípode o un apoyo, para fotos nítidas y todas a la misma altura.
• Encuadre: formato cuadrado, el producto ocupa la misma parte de la imagen en todas las fichas.
• Color: comprueba en pantalla que el color mostrado es el del producto; es la causa de devolución más evitable.

Fotos del proveedor: lo que hacemos y lo que rechazamos

En dropshipping o en reventa, las fotos del proveedor suelen ser el punto de partida. Tal cual, plantean tres problemas: son las mismas que en todos los revendedores, llevan logotipos, pegatinas y texto sobreimpreso, y suelen ser pesadas y de tamaños dispares.

Nuestro método en nuestras propias tiendas: partir de la foto del proveedor, recortar el producto en local, ponerlo sobre un fondo liso, reencuadrar en cuadrado, quitar los logotipos y las pegatinas flotantes, descartar las infografías llenas de texto y después exportar dos tamaños ligeros. Y tres prohibiciones:

• Nunca una imagen cargada directamente desde la web del proveedor: puede desaparecer, cambiar o ralentizar tu página.
• Nunca una imagen generada por IA para representar un producto: el comprador debe recibir lo que ha visto.
• Nunca una foto que muestre más de lo que se vende (accesorios no incluidos, color sin stock) sin decirlo claramente.

Formatos, tamaños y peso: los ajustes técnicos

El formato WebP lo ha diseñado Google para la web. Según su documentación, una imagen WebP sin pérdida es un 26 % más pequeña que una imagen PNG, y una imagen WebP con pérdida es entre un 25 % y un 34 % más pequeña que un JPEG comparable, con calidad equivalente.

Para el SEO, Google recomienda en las fichas de comerciante varias imágenes de alta resolución de al menos 50.000 píxeles (ancho multiplicado por alto). Para la velocidad, el principio es no enviar nunca a un móvil una imagen pensada para una pantalla de ordenador.

1. 1
   Exportar dos tamaños: uno grande para el zoom y el ordenador, uno más pequeño para las miniaturas y el móvil. Usamos 1200 y 600 píxeles de lado en nuestras tiendas.
2. 2
   Codificar en WebP, con un JPEG de respaldo si tu plataforma lo pide.
3. 3
   Declarar el ancho y el alto de cada imagen en el código, para que la página no salte al cargar.
4. 4
   Cargar la foto principal de inmediato y las demás en diferido (atributo loading=«lazy»).
5. 5
   Nombrar los archivos con palabras útiles: botella-acero-inoxidable-750-ml-negra.webp mejor que IMG_4821.webp.

El texto alternativo y el contexto de la imagen

El texto alternativo (atributo alt) describe la imagen para las personas con discapacidad visual y para los buscadores. Escribe lo que muestra la foto, de forma sencilla: «Botella térmica de acero inoxidable negra de 750 ml, tapón abierto». Ni una lista de palabras clave ni una frase vacía como «imagen de producto».

Google también entiende una imagen por la página que la rodea: el título, el pie de foto, el texto de al lado. Una foto colocada cerca de la descripción que habla de ella se entiende mejor que una imagen aislada en un carrusel.