1. Usa el formato adecuado

Seleccionar el formato correcto mejora la velocidad de carga y la calidad de la imagen:

• WebP: Formato recomendado por Google, ofrece alta calidad con menor peso.
• AVIF: Más eficiente que WebP, pero con menor compatibilidad.
• JPEG: Ideal para fotografías con buena compresión.
• PNG: Útil para imágenes con transparencia.
• SVG: Recomendado para iconos y gráficos escalables.

2. Reduce el tamaño de las imágenes

Imágenes pesadas ralentizan la carga del sitio, lo que afecta el SEO. Usa herramientas para comprimirlas sin perder calidad:

• TinyPNG
• Compressor.io
• ImageOptim
• Squoosh

3. Usa nombres de archivo descriptivos

Los motores de búsqueda analizan los nombres de los archivos. Usa palabras clave relevantes:
✅ zapatillas-deportivas-nike-rojas.jpg
❌ IMG_12345.jpg

4. Optimiza el atributo ALT

El atributo ALT ayuda a los motores de búsqueda y mejora la accesibilidad. Debe ser descriptivo y evitar el relleno de palabras clave:
✅ Zapatillas deportivas Nike rojas para correr en asfalto
❌ zapatillas, nike, rojas, deportivas, correr, baratas

5. Usa imágenes responsivas (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="Zapatillas deportivas Nike rojas">

6. Implementa carga diferida (Lazy Loading)

Evita que las imágenes se carguen todas a la vez y mejora la velocidad del sitio:

<img src="imagen.jpg" loading="lazy" alt="Zapatillas deportivas Nike rojas">

7. Agrega datos estructurados para imágenes

Implementar Schema Markup ayuda a que las imágenes aparezcan en resultados enriquecidos. Ejemplo de JSON-LD:

{
  "@context": "https://schema.org/",
  "@type": "ImageObject",
  "contentUrl": "https://www.ejemplo.com/imagen.jpg",
  "name": "Zapatillas deportivas Nike rojas",
  "description": "Zapatillas deportivas ideales para correr en asfalto."
}

8. Usa un sitemap de imágenes

Un sitemap de imágenes facilita la indexación en Google:

<url>
  <loc>https://www.ejemplo.com/pagina.html</loc>
  <image:image>
    <image:loc>https://www.ejemplo.com/imagen.jpg</image:loc>
    <image:title>Zapatillas deportivas Nike rojas</image:title>
  </image:image>
</url>

Conclusión

Optimizar imágenes mejora la velocidad de carga, el SEO y la experiencia del usuario. Usar formatos adecuados, comprimir archivos, optimizar nombres y atributos ALT, y aplicar técnicas como Lazy Loading y datos estructurados puede marcar la diferencia en el posicionamiento web.