Optimización de imágenes para SEO: la lista de comprobación completa

20 de marzo de 2026 · 10 min de lectura
NEWImgMin for Chrome — right-click any image to compress, no upload.Añadir a Chrome →

En la mayoría de los sitios, las imágenes suponen alrededor del 50 % del peso total de una página. Las imágenes sin optimizar son la principal razón por la que las páginas fallan las Core Web Vitals — y eso afecta directamente a tu posicionamiento. Esta lista cubre cada técnica de optimización de imágenes que importa para el SEO en 2026.

Por qué la optimización de imágenes importa para el SEO

Google usa la velocidad de página como factor de posicionamiento, y las imágenes suelen ser los recursos más pesados. El impacto directo:

Victoria rápida: solo comprimir imágenes puede mejorar el LCP en 1-3 segundos. A menudo es la diferencia entre aprobar y suspender las Core Web Vitals.

La lista de comprobación completa de SEO de imágenes

1. Comprime cada imagen

Es la optimización de mayor impacto y menor esfuerzo. Comprime todas las imágenes antes de subirlas:

FormatoCalidad objetivoAhorro esperado
JPG/JPEG75-85%60-75%
PNGOptimización sin pérdida20-40%
WebP75-85%70-85 % vs original

Usa herramientas que procesen las imágenes en el cliente (como ImgMin — sin subir) para evitar enviar imágenes sensibles a servidores de terceros. Guías por formato: comprimir JPG, comprimir PNG, comprimir WebP.

2. Usa el formato adecuado

Sirve varios formatos con el elemento <picture>:

<picture>
  <source srcset="hero.webp" type="image/webp">
  <img src="hero.jpg" alt="Product hero image" width="1200" height="630">
</picture>

3. Redimensiona a las dimensiones de visualización

Nunca sirvas una imagen de 4000×3000 en un hueco de 800×600. Eso desperdicia ancho de banda y perjudica el LCP.

<img
  srcset="photo-640.webp 640w, photo-1024.webp 1024w, photo-1920.webp 1920w"
  sizes="(max-width: 640px) 100vw, (max-width: 1024px) 80vw, 1200px"
  src="photo-1024.webp"
  alt="Descriptive alt text"
  width="1200" height="800">

4. Fija siempre el ancho y el alto

Sin dimensiones explícitas, el navegador no puede reservar espacio para las imágenes antes de cargarlas. Esto provoca desplazamientos de diseño — un problema de CLS (Cumulative Layout Shift) que perjudica las Core Web Vitals.

<!-- Bad: causes layout shift -->
<img src="photo.jpg" alt="Photo">

<!-- Good: browser reserves space -->
<img src="photo.jpg" alt="Photo" width="800" height="600">

Combínalo con el CSS aspect-ratio o height: auto para un comportamiento responsive evitando desplazamientos.

5. Escribe texto alternativo descriptivo

El alt es la principal forma en que Google entiende el contenido de una imagen. Un buen alt te ayuda a posicionar en la búsqueda web y en la de imágenes.

Alt maloAlt bueno
alt="" (empty)alt="Golden retriever playing fetch in a park"
alt="image1.jpg"alt="Bar chart showing Q3 2026 revenue growth"
alt="photo photo photo SEO keywords"alt="Red Nike running shoes on a trail"

Pautas para el alt:

6. Usa nombres de archivo descriptivos

Google lee los nombres de archivo como una señal del contenido de la imagen.

Usa guiones para separar palabras. Mantén nombres en minúsculas, concisos y descriptivos.

7. Implementa la carga diferida

La carga diferida aplaza las imágenes fuera de pantalla hasta que el usuario se acerca a ellas. Esto mejora drásticamente el tiempo de carga inicial.

<!-- Native lazy loading (all modern browsers) -->
<img src="photo.jpg" alt="Description" loading="lazy" width="800" height="600">

<!-- Don't lazy-load above-the-fold images -->
<img src="hero.jpg" alt="Hero" loading="eager" fetchpriority="high">

Importante: nunca difieras la carga de tu imagen LCP (normalmente el héroe/banner). Usa loading="eager" y fetchpriority="high" para las imágenes sobre el pliegue. Difiere todo lo demás.

8. Precarga las imágenes críticas

Para tu imagen LCP, dile al navegador que la obtenga pronto:

<link rel="preload" as="image" href="hero.webp" type="image/webp">

Esto puede ahorrar 200-500 ms del LCP porque el navegador empieza a descargar antes de analizar el HTML que referencia la imagen.

9. Usa un CDN para la entrega de imágenes

Las redes de entrega de contenido sirven imágenes desde los servidores más cercanos al usuario. Beneficios:

10. Añade datos estructurados para las imágenes

Ayuda a Google a entender tus imágenes en contexto con datos estructurados:

Las imágenes referenciadas en datos estructurados tienen más probabilidad de aparecer en los resultados enriquecidos y carruseles de imágenes de Google.

11. Crea un sitemap de imágenes

Si tus imágenes son importantes para el SEO (fotos de producto, infografías), añádelas a tu sitemap:

<url>
  <loc>https://example.com/page</loc>
  <image:image>
    <image:loc>https://example.com/photo.jpg</image:loc>
    <image:title>Product photo</image:title>
  </image:image>
</url>

12. Elimina los metadatos innecesarios

Los datos EXIF (modelo de cámara, coordenadas GPS, marcas de tiempo) añaden 20-100 KB por imagen. Elimínalos antes de subirlas para:

Resumen del impacto en Core Web Vitals

OptimizaciónMétrica CWVImpacto típico
Comprimir imágenesLCP-1 a -3 segundos
Redimensionar al tamaño de visualizaciónLCP-0,5 a -2 segundos
Fijar ancho/altoCLSElimina los desplazamientos de imagen
Carga diferidaLCP, FIDCarga inicial más rápida
Precargar la imagen LCPLCP-200 a -500 ms
Usar WebPLCP-25 a -35 % de tamaño transferido
Entrega por CDNLCP-50 a -80 % de latencia

Empieza por el paso 1: comprime tus imágenes

ImgMin comprime JPG, PNG y WebP directamente en tu navegador. Sin subir, sin servidor, sin riesgo para la privacidad.

Comprimir imágenes gratis

Lista de comprobación rápida

Resumen

La optimización de imágenes es el trabajo de SEO de mayor ROI que puedes hacer. Solo la compresión suele corregir los fallos de Core Web Vitals. Combínala con un buen dimensionado, alt, carga diferida y formatos modernos — y verás mejoras medibles tanto en velocidad como en posicionamiento.

Herramientas relacionadas