Optimizar sus imágenes para el SEO
6 min
La optimización de imágenes impacta a la vez el posicionamiento (a través de Google Image Search y los Core Web Vitals) y la experiencia del usuario. Las cuatro acciones esenciales son: elegir el formato adecuado (WebP o AVIF), comprimir sin pérdida visible de calidad, completar las etiquetas alt e implementar el lazy loading. Estas acciones por sí solas pueden reducir el LCP entre un 20 y un 40 %.
Las imágenes representan de media entre el 50 y el 70 % del peso de una página web. Mal optimizadas, arrastran los Core Web Vitals y penalizan el posicionamiento. Bien optimizadas, abren un canal de tráfico adicional a través de Google Imágenes.
Elegir el formato de imagen adecuado
El formato WebP ofrece una compresión entre un 25 y un 35 % superior al JPEG para una calidad visual idéntica. El AVIF va aún más lejos, pero su compatibilidad con navegadores, aunque buena en 2026, merece verificación según su audiencia.
Las imágenes vectoriales (logotipos, iconos, ilustraciones) deben estar en SVG: son ligeras, escalables y nunca se degradan.
El PNG sigue siendo pertinente únicamente para imágenes que requieren transparencia o calidad absoluta sin compresión, casos raros en un contexto web estándar.
- Fotografías y visuales complejos: WebP o AVIF.
- Logotipos, iconos, ilustraciones: SVG.
- Capturas de pantalla con texto: WebP con compresión moderada (calidad 80-85).
- Evite el GIF animado: sustitúyalo por un vídeo MP4 corto, de 5 a 10 veces más ligero.
Compresión y dimensiones adaptadas
Una imagen de 3 000 px de ancho mostrada en una columna de 800 px transfiere de 3 a 4 veces más datos de los necesarios. Redimensione siempre antes de comprimir.
Apunte a un peso inferior a 100 KB para las imágenes secundarias, menos de 200 KB para las imágenes hero o los visuales principales. Por encima de esto, el impacto en el LCP se vuelve medible.
La compresión y el redimensionamiento de imágenes permiten reducir el tiempo de carga inicial entre un 20 y un 40 % en páginas no optimizadas, con un impacto directo en las puntuaciones de Core Web Vitals.
Estudios sectoriales 2025-2026 sobre rendimiento web y SEO
Etiqueta alt, nombre de archivo y datos estructurados
La etiqueta alt es el único texto que Google puede asociar a una imagen. Debe describir el contenido visual con precisión, integrando naturalmente la palabra clave si es pertinente, sin forzamiento.
El nombre de archivo es secundario pero útil: use palabras clave separadas por guiones (imagen-seo-optimizacion.webp) en lugar de IMG_4821.jpg.
Para imágenes de productos o visuales clave, añada datos estructurados ImageObject o Product con Schema.org para aumentar la visibilidad en Google Imágenes y en los resultados enriquecidos.
Lazy loading y rendimiento
El lazy loading carga las imágenes únicamente cuando entran en el viewport. Esto reduce el peso inicial de la página y mejora la puntuación FCP (First Contentful Paint).
Atención: nunca aplique lazy loading a la imagen hero o LCP; Google y el navegador deben cargarla inmediatamente. Use loading="eager" u omita el atributo para esta imagen prioritaria.
- Añada loading="lazy" a todas las imágenes fuera del viewport inicial.
- Defina explícitamente los atributos width y height para evitar los cambios de diseño (CLS).
- Use srcset para proponer resoluciones adaptadas según la pantalla del usuario.
FAQ
¿El lazy loading está soportado nativamente por los navegadores?
Sí, desde 2019 para Chrome y los navegadores modernos, y desde 2021 para Firefox. El atributo loading="lazy" es suficiente sin biblioteca JavaScript externa para la mayoría de los sitios.
¿Google indexa las imágenes en WebP?
Sí, Google soporta e indexa las imágenes WebP y AVIF sin problemas. Estos formatos están incluso recomendados por las directrices de PageSpeed Insights de Google para reducir el peso de las páginas.
¿Una etiqueta alt ausente penaliza el SEO?
No penaliza directamente, pero priva a Google de una señal de contexto y excluye la imagen del posicionamiento en Google Imágenes. En un sitio de e-commerce o un blog con muchas imágenes, la ausencia de etiquetas alt representa una pérdida de tráfico significativa.