Las imágenes son el activo más pesado de la mayoría de páginas web, y también uno de los factores SEO más descuidados. Google no solo indexa imágenes — las usa para entender el contexto de tu página, evaluar tu velocidad de carga y determinar tu posición en los resultados de búsqueda. Esta guía cubre todo lo que necesitas saber.
El nombre de archivo de una imagen es una señal directa para Google. Un archivo llamado IMG_4892.jpg no le dice nada al buscador; uno llamado zapatillas-running-hombre-nike-air.jpg sí.
-), nunca guiones bajos (_)| Mal nombre | Buen nombre |
|---|---|
| IMG_001.jpg | receta-paella-valenciana.jpg |
| imagen_header.png | diseño-interior-salon-moderno.png |
| photo.webp | laptop-macbook-pro-2024.webp |
| banner_v2_final.jpg | curso-programacion-python-online.jpg |
El atributo alt es el elemento SEO más valioso de una imagen. Sirve para tres cosas: ayuda a Google a entender el contenido de la imagen, mejora la accesibilidad para usuarios con lectores de pantalla, y aparece si la imagen no carga.
Regla de oro: escribe el alt text como si estuvieras describiendo la imagen a alguien que no puede verla. Sé específico, incluye la palabra clave principal de forma natural, y no empieces con "imagen de" o "foto de".
| Situación | Alt text incorrecto | Alt text correcto |
|---|---|---|
| Producto e-commerce | zapatilla | Nike Air Max 270 en color blanco, talla 42 |
| Imagen decorativa | imagen decorativa | (dejar vacío: alt="") |
| Gráfico/infografía | gráfico ventas | Gráfico de barras: crecimiento de ventas online en España 2020-2024 |
| Logo | logo | Logo de ComprimirPro |
Cuidado con el keyword stuffing: escribir alt="comprimir imagen comprimir fotos comprimir JPG online gratis" es spam y puede penalizarte. Una keyword natural es suficiente.
Google usa la velocidad de carga como factor de ranking desde 2010, y las imágenes son el principal culpable de páginas lentas. Las recomendaciones de Google para imágenes web:
| Tipo de imagen | Formato recomendado | Peso máximo ideal |
|---|---|---|
| Fotografías, heroes, banners | WebP (fallback JPG) | 100–200 KB |
| Imágenes con transparencia | WebP (fallback PNG) | 50–150 KB |
| Iconos y gráficos vectoriales | SVG | < 20 KB |
| Imágenes de contenido (blog) | WebP | 50–120 KB |
| Thumbnails | WebP | < 30 KB |
Convierte y comprime todas tus imágenes a WebP en segundos, directamente en el navegador.
⚡ Comprimir imágenes gratisEl lazy loading retrasa la carga de imágenes que están fuera de la ventana visible del usuario, mejorando el tiempo de carga inicial. En HTML moderno es trivial de implementar:
<img src="imagen.webp" alt="Descripción" loading="lazy" />Reglas importantes:
width y height en la etiqueta para evitar layout shifts (CLS)<!-- Hero: sin lazy loading -->
<img src="hero.webp" alt="..." width="1200" height="600" />
<!-- Resto: con lazy loading -->
<img src="contenido.webp" alt="..." width="800" height="400" loading="lazy" />Servir una imagen de 1400px de ancho a un móvil con pantalla de 390px es un desperdicio enorme. El atributo srcset permite al navegador elegir la versión más adecuada según el dispositivo:
<img
src="imagen-800.webp"
srcset="imagen-400.webp 400w,
imagen-800.webp 800w,
imagen-1200.webp 1200w"
sizes="(max-width: 600px) 100vw,
(max-width: 1200px) 50vw,
800px"
alt="Descripción de la imagen"
loading="lazy"
/>Si usas WordPress, Shopify u otros CMS modernos, esto se genera automáticamente. Si tienes un sitio estático, herramientas como sharp (Node.js) o ImageMagick pueden generar los múltiples tamaños en batch.
Para ciertos tipos de contenido, puedes usar Schema.org para que Google muestre tus imágenes de forma enriquecida en los resultados. Los casos más útiles:
schema.org/Recipe con image — aparece en carruseles visuales de Googleschema.org/Product con image — Shopping y Google Imagesschema.org/Article con image — Top Stories y DiscoverPara aparecer en Google Discover y Top Stories, la imagen debe tener al menos 1200px de ancho y estar declarada en el schema de la página.
width y height definidos en el HTMLResumen: la optimización de imágenes para SEO no es solo reducir el tamaño del archivo. Es un conjunto de prácticas que afectan al posicionamiento, la velocidad, la accesibilidad y la visibilidad en Google Images. Implementar esta checklist puede mejorar tu PageSpeed de forma significativa en pocas horas.
Gratis, instantáneo, privado. Sin registro.
⚡ Usar ComprimirPro ahora