Cómo optimizar imágenes para el SEO en WordPress

Las imágenes representan de media el 45-50% del peso de una página web. Mal gestionadas, son la causa número uno de los problemas de LCP (Largest Contentful Paint) que Google mide dentro de los Core Web Vitals. Bien optimizadas, abren una segunda vía de tráfico orgánico a través de Google Images, que genera más del 20% de todas las búsquedas en la web.

Aquí están los aspectos que más impacto tienen en el SEO de imágenes, con especial atención a WordPress.

Formato de imagen: de JPEG a WebP y AVIF

JPEG y PNG fueron el estándar durante años. Ahora los formatos modernos son los que Google premia. WebP produce imágenes entre un 25% y un 35% más ligeras que JPEG con la misma calidad visual. AVIF es aún más eficiente (hasta un 50% menos de peso que JPEG), aunque la compatibilidad con navegadores, aunque amplia, es algo menor.

En WordPress, plugins como ShortPixel o Imagify convierten automáticamente tus imágenes a WebP o AVIF al subir. También sirven la imagen en el formato más eficiente que admite el navegador del usuario, sin que tengas que hacer nada manualmente. Smush tiene versión gratuita, aunque la conversión a WebP requiere la versión Pro.

Alt text: cómo escribirlo bien

El alt text cumple dos funciones: describe la imagen a los lectores de pantalla (accesibilidad) y da contexto a Google sobre el contenido de la imagen. La clave es que sea descriptivo y específico, no una repetición de la keyword del artículo.

Un alt text correcto describe lo que se ve en la imagen en relación con el contexto del contenido. Si tienes una captura de pantalla del panel de Rank Math, el alt text correcto es algo como «Panel de configuración de Rank Math en WordPress con la pestaña SEO abierta», no simplemente «Rank Math SEO WordPress».

Las imágenes decorativas (separadores, fondos, elementos visuales sin contenido informativo) deben tener alt=»» (vacío) para que los lectores de pantalla las omitan.

Nombres de archivo y estructura de la URL

Google lee el nombre del archivo antes de leer el alt text. Un archivo llamado «screenshot-2024-01-15.jpg» no aporta contexto. «optimizacion-imagenes-wordpress-smush.jpg» sí lo hace.

Renombra las imágenes antes de subirlas al media library de WordPress, no después, ya que cambiar el nombre una vez subidas rompe las URLs y requiere redirecciones. Usa guiones para separar palabras (no guiones bajos) y mantén el nombre en minúsculas sin tildes para evitar problemas de encoding en la URL.

Lazy loading e imágenes responsivas

Lazy loading significa que las imágenes fuera del viewport visible no se cargan hasta que el usuario hace scroll hasta ellas. WordPress lleva atributo loading="lazy" por defecto desde la versión 5.5. Ese atributo no debería estar en la imagen destacada ni en las primeras imágenes del contenido, ya que retrasaría el LCP.

Las imágenes responsivas (atributo srcset en el HTML) permiten que el navegador elija el tamaño más adecuado según la resolución y ancho de pantalla del dispositivo. WordPress genera srcset automáticamente a partir de los tamaños de imagen configurados en el tema. Revisa que el tema no sobrescriba ese comportamiento por defecto.

Sitemaps de imágenes

Un sitemap de imágenes ayuda a Google a descubrir imágenes que no están accesibles por el rastreo normal (incrustadas en JavaScript, en CSS, etc.). Rank Math y Yoast SEO generan sitemaps con información de imágenes incluida por defecto. Puedes verificar en Search Console si Google las está indexando correctamente en el informe de sitemaps.

Todo esto afecta directamente al rendimiento de la página y a las métricas que Google usa para evaluar la experiencia de usuario, que están directamente relacionadas con la tasa de rebote. Puedes ver cómo reducir el rebote aplicando mejoras técnicas en el artículo sobre cómo reducir la tasa de rebote.

CDN para imágenes: cuándo tiene sentido

Un CDN (Content Delivery Network) sirve las imágenes desde el servidor más cercano geográficamente al usuario, reduciendo la latencia. Para sitios con audiencia internacional o con muchas imágenes de alta resolución, un CDN marca la diferencia en los tiempos de carga.

Opciones habituales para WordPress: Cloudflare (gratuito, CDN global, pero sin optimización de imagen automática en el plan free), BunnyCDN (de pago pero muy económico) o el CDN propio de ShortPixel. Si usas un hosting gestionado como Kinsta o WP Engine, suelen incluir CDN en el precio.

Si quieres profundizar en cómo los mapas de calor pueden ayudarte a detectar qué imágenes captan atención y cuáles se ignoran, te recomendamos el artículo sobre herramientas de mapas de calor para sitios web.

Preguntas frecuentes sobre SEO de imágenes en WordPress

¿WebP o JPEG: cuál es mejor para el SEO?

WebP es mejor desde el punto de vista de rendimiento web y Core Web Vitals. Produce imágenes un 25-35% más ligeras que JPEG con la misma calidad visual. La compatibilidad con navegadores actuales es total. Si tu servidor o CDN puede servirlo correctamente, usa WebP como formato principal.

¿Debo añadir la keyword principal en el alt text de cada imagen?

No de forma mecánica. El alt text debe describir la imagen, y si la keyword encaja con esa descripción, úsala. Si no, forzarla es keyword stuffing. Google penaliza el alt text optimizado artificialmente cuando no corresponde al contenido visual real.

¿Cómo saber si Google está indexando mis imágenes?

Puedes verificarlo en Google Search Console, en el informe de cobertura del sitemap si tienes un sitemap de imágenes configurado. También puedes buscar «site:tudominio.com» en Google Images para ver qué imágenes ha indexado.

¿Lazy loading perjudica el LCP?

Sí, si se aplica a la imagen visible más grande del viewport inicial. WordPress aplica lazy loading por defecto, pero excluye la imagen destacada cuando la muestra en la parte superior. Si tienes imágenes grandes en la primera sección del contenido, revisa que no tengan loading=»lazy» y usa fetchpriority=»high» en la imagen del LCP.

Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.