Cómo optimizar las imágenes de tu web para SEO

Cómo Optimizar las Imágenes de Tu Web para SEO

Las imágenes no optimizadas son la causa número 1 de webs lentas. Y las webs lentas posicionan peor en Google y convierten menos. Optimizar las imágenes es una de las acciones de mayor impacto y menor dificultad que puedes hacer en tu web.

El formato correcto

WebP: el estándar actual

WebP es el formato moderno de imagen que ofrece la misma calidad que JPEG con un 30-50% menos de peso. Todos los navegadores modernos lo soportan. Convierte tus imágenes a WebP antes de subirlas.

JPEG para fotografías

Para fotos con muchos colores y gradientes, JPEG comprimido a 75-80% de calidad es la opción tradicional si no usas WebP.

PNG para logos e iconos

Para imágenes con transparencia o bordes nítidos (logos, iconos, capturas de pantalla). Nunca uses PNG para fotografías: el archivo será enorme.

Compresión: la diferencia entre 3MB y 200KB

Herramientas gratuitas de compresión: TinyPNG (online), Squoosh (online, muy potente), ShortPixel (plugin WordPress). Una imagen de 3MB comprimida puede quedar en 150-200KB sin pérdida visible de calidad. Eso es una reducción del 93% en tiempo de carga.

Nombres de archivo descriptivos

No subas imágenes como DSC_0001.jpg o imagen_web.png. Usa nombres descriptivos con keywords: fontanero-madrid-reparacion-tuberia.webp. Los nombres de archivo son leídos por Google y contribuyen al posicionamiento de imágenes.

Alt text: el texto que Google lee

El atributo alt es el texto que aparece si la imagen no carga y que los lectores de pantalla leen a personas con discapacidad visual. También lo usa Google para entender el contenido de la imagen. Escribe descripciones naturales que incluyan keywords relevantes.

Carga diferida (lazy loading)

Con lazy loading, las imágenes solo se cargan cuando el usuario llega a esa parte de la página. Reduce el tiempo de carga inicial significativamente. En WordPress, está activado por defecto desde la versión 5.5.

Por qué las imágenes optimizadas marcan la diferencia en tu posicionamiento

Las imágenes suelen ser el recurso más pesado de una página, así que tienen un impacto directo en la velocidad de carga y en las Core Web Vitals. Cuando una foto sin optimizar tarda en aparecer, empeora tu LCP (Largest Contentful Paint), y Google interpreta esa lentitud como una peor experiencia de usuario. El resultado es sencillo de entender: páginas más lentas, mayor tasa de rebote y una desventaja competitiva en las búsquedas frente a webs que sí cuidan este detalle.

La buena noticia es que hay técnicas muy concretas que puedes aplicar. Empieza por servir formatos modernos como WebP o AVIF, que pesan mucho menos que un JPEG o PNG manteniendo la calidad, y aplica una compresión inteligente que reduzca el tamaño sin degradar la nitidez. Ajusta las dimensiones reales a lo que se muestra en pantalla y ofrece varias versiones mediante srcset para que cada dispositivo descargue solo lo que necesita. El lazy loading completa la ecuación: las imágenes por debajo del pliegue se cargan cuando el usuario se acerca a ellas.

No todo es velocidad. El texto alternativo (alt) descriptivo mejora la accesibilidad para lectores de pantalla y ayuda a los buscadores a entender el contenido, mientras que un nombre de archivo con palabras clave refuerza la relevancia semántica. Definir siempre los atributos width y height evita saltos de maquetación y protege tu CLS, y apoyarte en un CDN garantiza que las imágenes se sirvan desde el servidor más cercano a cada visitante.

Preguntas frecuentes

¿Qué formato de imagen es mejor para SEO, WebP o AVIF?

Ambos son excelentes opciones frente a JPEG y PNG. AVIF ofrece la mejor compresión y calidad, pero WebP cuenta con un soporte más amplio en navegadores. Lo recomendable es servir AVIF con WebP como alternativa, y dejar el formato clásico solo como último recurso.

¿El texto alternativo influye realmente en el posicionamiento?

Sí. El atributo alt es clave para la accesibilidad y para que Google interprete el contenido de la imagen, lo que favorece tu aparición en Google Imágenes. Debe describir la escena con naturalidad e incluir la palabra clave solo cuando encaje sin forzar.

¿Cómo afectan las imágenes a las Core Web Vitals?

Una imagen pesada suele ser el elemento que dispara un mal LCP, y una imagen sin dimensiones definidas provoca saltos que empeoran el CLS. Optimizar peso, formato y atributos width/height mejora ambas métricas y, con ello, tu experiencia de página.

¿Merece la pena usar un CDN solo para las imágenes?

En la mayoría de proyectos, sí. Un CDN distribuye tus imágenes en servidores repartidos geográficamente, reduciendo la latencia y acelerando la carga para cualquier visitante. Además, muchos ofrecen optimización automática de formato y tamaño, lo que simplifica bastante el mantenimiento.

Reserva una llamada gratuita con Tangram Consulting →