1. Uso de formatos adecuados
Elige formatos de imagen optimizados para web:
- JPEG: Ideal para fotografías y mantiene un buen equilibrio entre calidad y tamaño.
- PNG: Útil para imágenes con transparencia, pero con mayor peso.
- WebP: Formato recomendado por Google, ya que ofrece alta calidad con menor tamaño.
- AVIF: Más eficiente que WebP, aunque con menor compatibilidad en algunos navegadores.
2. Compresión sin perder calidad
Reducir el tamaño de las imágenes mejora la velocidad de carga sin afectar la calidad visual. Herramientas útiles:
- TinyPNG
- Compressor.io
- ImageOptim
3. Uso de nombres de archivo descriptivos
Evita nombres genéricos como «IMG001.jpg». Usa nombres con palabras clave relevantes y descriptivas, como:
✅ zapatos-deportivos-nike-rojos.jpg
❌ foto1.jpg
4. Optimización del atributo ALT
El atributo ALT ayuda a los motores de búsqueda a comprender la imagen y mejora la accesibilidad. Debe ser descriptivo y natural, evitando el relleno de palabras clave:
✅ Zapatos deportivos Nike rojos para correr
❌ Zapatos, Nike, correr, deportivos, comprar baratos
5. Uso de imágenes responsivas (atributo srcset)
Para mejorar la carga en diferentes dispositivos, usa el atributo srcset
:
<img src="imagen.jpg" srcset="imagen-480w.jpg 480w, imagen-1024w.jpg 1024w" alt="Ejemplo de imagen optimizada">
6. Implementación de carga diferida (Lazy Loading)
Para mejorar el rendimiento, usa lazy loading, que carga las imágenes solo cuando aparecen en pantalla:
<img src="imagen.jpg" loading="lazy" alt="Ejemplo de carga diferida">
7. Uso de datos estructurados para imágenes
Añadir Schema Markup ayuda a que Google muestre imágenes en los resultados enriquecidos. Un ejemplo de marcado JSON-LD para una imagen de producto sería:
{
"@context": "https://schema.org/",
"@type": "ImageObject",
"contentUrl": "https://www.ejemplo.com/imagen-producto.jpg",
"name": "Zapatos deportivos Nike rojos",
"description": "Zapatos deportivos ideales para correr en asfalto."
}
8. Creación de un sitemap de imágenes
Para asegurarte de que Google indexe correctamente tus imágenes, añade un sitemap de imágenes en sitemap.xml
:
<url>
<loc>https://www.ejemplo.com/pagina.html</loc>
<image:image>
<image:loc>https://www.ejemplo.com/imagen.jpg</image:loc>
<image:title>Zapatos deportivos Nike rojos</image:title>
</image:image>
</url>
Conclusión
Optimizar imágenes no solo mejora el SEO, sino también la velocidad de carga y la experiencia del usuario. Usar formatos eficientes, compresión, nombres descriptivos, atributos ALT y técnicas como lazy loading puede marcar la diferencia en el posicionamiento.