1. Por qué importa el formato de imagen
Google recomienda usar WebP sobre formatos tradicionales como JPEG o PNG. WebP proporciona la misma calidad visual pero con tamaños de archivo 25–34% más pequeños.
Beneficios de WebP:
- Tiempos de carga más rápidos
- Mejores Core Web Vitals
- Menor uso de almacenamiento y ancho de banda
Ejemplo HTML con WebP Fallback:
<picture>
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Botas de goma negras para mujeres" loading="lazy" width="800" height="600">
</picture>
2. Texto ALT: El arma secreta del SEO
El atributo alt
ayuda a los motores de búsqueda a entender el contenido de la imagen y mejora la accesibilidad. También es crucial para el SEO de Google Images.
Ejemplo correcto:
<img src="boots.webp" alt="Botas de lluvia negras de PVC para mujeres de Litma">
Evita valores alt
vacíos o genéricos como alt="imagen"
o alt="producto"
.
3. LCP y PageSpeed: Optimizar el Largest Contentful Paint
LCP (Largest Contentful Paint) es uno de los Google Core Web Vitals. Si tu imagen principal carga lentamente, tu posicionamiento SEO baja.
Consejos para mejorar LCP:
- Usa imágenes WebP comprimidas
- Especifica dimensiones de imagen (
width
,height
) - Carga solo imágenes clave inicialmente
- Usa
loading="lazy"
para imágenes no críticas
4. Reducir tamaño de archivo = Mejor SEO
Cada kilobyte importa. Las imágenes grandes (1MB+) ralentizan tu tienda dramáticamente.
Recomendado:
- Mantén las imágenes de productos bajo 100KB
- Redimensiona a las dimensiones reales de visualización
- Usa compresión sin pérdidas cuando sea posible
Mejores prácticas HTML:
<img src="shoes.webp" alt="Zapatillas de algodón para mujeres" width="600" height="600" loading="lazy">
5. Datos reales: Por qué importa
- 53% de usuarios móviles abandonan un sitio si tarda más de 3 segundos en cargar
- Más del 70% de sitios eCommerce fallan Core Web Vitals debido al mal manejo de imágenes
- Solo el 32% de los principales retailers usan WebP
- El texto ALT falta en el 38% de listados de productos
6. Tabla de referencia rápida
Factor | Recomendación |
---|---|
Formato | WebP |
Texto ALT | Rico en palabras clave y descriptivo |
Tamaño máx. | Bajo 100KB |
Lazy loading | Sí (loading="lazy" ) |
Imagen LCP | Optimizada y responsiva |
Resolución | Coincide con el tamaño de visualización |
7. Usa WebPPhoto para optimización rápida y gratuita
WebPPhoto.com te ayuda a:
- Remover fondos automáticamente
- Convertir imágenes a WebP
- Redimensionar y recortar para marketplaces
- Optimizar imágenes en segundos
Todas las herramientas son gratuitas, rápidas y privadas.