Guía para preparar las fotos para la tienda online
Descubre cómo preparar correctamente las imágenes de tus productos antes de subirlas, para garantizar un aspecto impecable y la máxima velocidad en WooCommerce.
Una presentación profesional de productos requiere uniformidad y rapidez. Cuando subes fotos directamente desde el móvil o la cámara sin editarlas, la tienda online se “ralentiza”, las páginas tardan en cargarse y los clientes abandonan el carrito. Sigue los cuatro sencillos pasos de nuestra guía para obtener resultados perfectos.
Proporciones y dimensiones correctas (Dimensions)
Para que tus fotos no se vean “recortadas” o desiguales en las listas de productos, todas deben tener las mismas dimensiones.
Las dimensiones recomendadas para WooCommerce son:
- Imágenes cuadradas (proporción 1:1): 800 x 800 píxeles o 1000 x 1000 píxeles (La opción más adecuada para la mayoría de las tiendas online).
- Imágenes verticales (Ropa/Moda – Proporción 2:3): 800 x 1200 píxeles.
[ Captura de pantalla: Ejemplo de una disposición cuadrada correcta de los productos en una tienda online ]
Nomenclatura de archivos para el SEO
Google lee el nombre del archivo de la foto para saber qué muestra. No subas nunca imágenes con nombres como IMG_4922.jpg.
La regla: Cambia el nombre del archivo en tu ordenador utilizando letras latinas en minúscula y guiones (-) en lugar de dejar espacios en blanco, al describir el producto.
Ejemplo: kokkino-gynaikeio-forema-silk.jpg
Compresión y tamaño del archivo (Weight)
Este es el factor más importante. Una foto tomada con un móvil moderno ocupa entre 3 MB y 6 MB. En la tienda online, ¡cada foto **no debe superar los 100 KB ni los 150 KB**!
Antes de subirlas a WordPress, utiliza herramientas de compresión online gratuitas como la TinyPNG o el ILoveIMG. Solo tienes que arrastrar tus fotos hasta allí, la herramienta reduce su tamaño hasta 80% sin que pierdan nada de calidad, y las descargas listas para usar.
Utiliza .jpg para todas las fotografías clásicas de productos. Son archivos mucho más ligeros. Utiliza .png **Solo** si tu foto tiene un fondo transparente. Si subes una foto sencilla con fondo blanco en formato .png, ¡pesará sin motivo alguno tres veces más que la correspondiente en formato .jpg!
[ Captura de pantalla: La página de inicio de TinyPNG con el cuadro de «arrastrar y soltar» ]
Introducción de texto alternativo (Alt Text) al subir el archivo
Cuando hayas subido la imagen ya preparada a WooCommerce, haz clic sobre ella en la “Biblioteca multimedia” (Media Library). A la derecha de la pantalla verás el campo Texto alternativo (Alt Text).
Escribe ahí una frase breve en griego de forma natural (p. ej.,. Vestido rojo de seda para mujer). Esto ayuda a las personas con problemas de visión, pero también a Google a mostrar tus imágenes en los Imágenes de Google, lo que además atraerá más clientes a tu tienda.
En Skynetix solemos instalar plugins especiales que convierten automáticamente tus imágenes a formato WebP (el nuevo formato que exige Google). Sin embargo, estas extensiones sirven como medida de seguridad y no pueden hacer milagros si subes una foto enorme de 10 MB directamente desde una cámara profesional. ¡Siempre es imprescindible una preparación adecuada en tu ordenador!
[ Captura de pantalla: El campo “Texto alternativo” (Alt Text) en la biblioteca multimedia de WordPress ]
¿Tienes problemas con la velocidad de tu tienda online?;
Si en el pasado has subido cientos de fotos sin comprimir y ahora tu sitio web va lento, no hace falta que las corrijas una por una manualmente. En Skynetix podemos llevar a cabo una Optimización de la velocidad y revisión masiva de imágenes. Limpiaremos vuestra base de datos, comprimiremos de forma masiva todas las imágenes existentes y configuraremos mecanismos avanzados de almacenamiento en caché, ¡ofreciéndoos una tienda online que “vuela”!
