Buenas prácticas para fotos de producto

Las fotografías deben ayudar al cliente a entender claramente el producto, sus características y apariencia, incluso sin tenerlo físicamente en sus manos.

Las imágenes de producto son el factor visual más importante para transmitir confianza y cerrar una venta. En WooCommerce, una imagen bien optimizada no solo mejora la estética, sino que también ayuda al SEO y a la velocidad de carga de tu tienda.

Para que las funciones nativas de WooCommerce funcionen correctamente, sigue estos estándares:

• Dimensiones ideales: Recomendamos imágenes de 1000 x 1000 px. Esto garantiza nitidez suficiente para el zoom sin sobrecargar el servidor.

• Proporción uniforme: Usa la misma relación de aspecto en todo el catálogo (preferiblemente 1:1 / Cuadrada). Esto evita que las miniaturas se vean desalineadas en la cuadrícula de la tienda.

• Peso optimizado: Cada archivo debe pesar idealmente menos de 200 KB.

• Formato de archivo: * JPG: Para fotos estándar (ofrece mejor compresión).

  • PNG: Solo si necesitas transparencia en el fondo.

  • WebP: El formato ideal para máxima velocidad en la web.

 Una buena foto debe suplir la experiencia de tener el producto en las manos:

• Fondo limpio y neutro: Un fondo blanco o gris claro elimina distracciones y resalta los colores reales del producto.
• Iluminación uniforme: Evita el flash de la cámara. Utiliza luz natural difusa o cajas de luz para eliminar sombras duras que oculten detalles.
• Producto centrado: Deja un margen de "aire" equilibrado (aprox. 10%) alrededor del producto para que no parezca cortado en las vistas de miniatura.
• Múltiples ángulos: WooCommerce permite añadir una Galería de Producto. Aprovéchala mostrando:
  1. Vista frontal (Imagen principal).
  2. Vista lateral o trasera (Detalle de dimensiones).
  3. Foto de detalle (Textura, botones o acabados).
  4. Foto en uso (Escala real).

SEO y Accesibilidad

• Nombres de archivo descriptivos: Evita nombres como IMG_5432.jpg. Renombra el archivo a zapatilla-deportiva-azul.jpg antes de subirlo.
• Texto Alt (Texto alternativo): Rellena siempre el campo de "Texto Alternativo" en la biblioteca de medios con una descripción breve. Esto ayuda a personas con discapacidad visual y mejora tu posicionamiento.
   

 ¿Problemas comunes?

¿Las imágenes no tienen el mismo tamaño? WooCommerce puede recortar las imágenes automáticamente por ti. Activa la opción "Recorte 1:1" en los ajustes de personalización para mantener la armonía visual en tu catálogo.

Lo recomendable es subir todas las imágenes con las mismas dimensiones para evitar inconsistencias.