El SEO de imágenes ha cambiado bastante desde 2017. Aquellos consejos sobre exportar con «Guardar para web» en Photoshop o sobre instalar WP Smush para apretar los JPEG ya saben a polvo. En 2026 el debate va sobre WebP y AVIF, sobre cómo afectan las imágenes al LCP de Core Web Vitals y sobre cuánto trabajo te ahorra ya el núcleo de WordPress sin que tengas que tocar nada. Esta guía es una puesta al día completa con lo que de verdad mueve la aguja.
Las imágenes son, casi siempre, el bloque más pesado de una página web. En la mayoría de plantillas de WordPress, la imagen destacada y la primera ilustración de cada artículo son las que marcan el LCP, la métrica de Core Web Vitals que mide cuánto tarda en pintarse el elemento principal. Si esa imagen pesa 800 KB y se sirve en JPEG sin lazy loading, ya tienes media guerra perdida con Google antes de que hablemos de palabras clave o de enlaces.
Lo bueno es que WordPress 6.x y la próxima rama 7.0 hacen mucho de este trabajo de fábrica. El núcleo añade loading="lazy" a las imágenes que no entran en pantalla, genera srcset con varios tamaños y, si subes un JPEG, puede servir automáticamente una copia en WebP cuando el navegador lo pide. Pero ese suelo no basta. Hay que mirar el formato, las dimensiones reales, los metadatos y cómo encaja todo en el flujo del Block Editor.
Antes incluso de pensar en formatos, plantéate si la imagen aporta algo. Una foto que no refuerza lo que estás contando es peso muerto: ralentiza la página, distrae al lector y no ayuda al posicionamiento. Una imagen bien elegida, en cambio, hace que el contenido se entienda de un vistazo, que el lector se quede más rato y que el artículo posicione mejor por métricas de comportamiento.
Lo ideal, si tienes mano para la fotografía, es disparar tú mismo lo que ilustra el post. Cuando no es posible, los bancos de imágenes siguen siendo la solución natural. De pago, los grandes son Adobe Stock (la antigua Fotolia), Depositphotos y Shutterstock. Gratis y sin derechos siguen siendo referencia Unsplash, Pexels y Pixabay.
Y un aviso que no por sabido se cumple: usar fotos con copyright que cojas de cualquier sitio puede salirte muy caro. Los avisos de derechos por correo certificado siguen llegando, y reclamar varios cientos de euros por una imagen mal usada está al orden del día. Si tienes dudas, mejor un banco gratuito o una imagen generada con IA. Eso sí, las generadas con IA conviene que las marques con su atribución y que cuides que no infrinjan estilos protegidos.
Google Images sigue ofreciendo el filtro de derechos en su menú «Herramientas» (busca «Derechos de uso» y selecciona «Creative Commons» o «Comerciales»). Es útil para verificar que una imagen es realmente libre, pero no como fuente principal: la atribución no siempre es correcta y conviene contrastarla en el origen.
No todo tienen que ser fotos. Las ilustraciones planas, los esquemas, las capturas de pantalla y las infografías suman muchísimo en contenidos técnicos. En un tutorial de WordPress, una captura del Site Editor o de la pantalla de plugins explica en dos segundos lo que un párrafo entero no termina de aclarar. Para gráficas, herramientas como Canva o Figma sacan resultados decentes en minutos.
Los GIF animados han bajado mucho como recurso por su peso descomunal. Hoy lo lógico es servir microvídeos en MP4 o WebM, que pesan una décima parte. Si todavía necesitas GIFs por motivos concretos, te dejamos esta guía de plugins para tratar con GIFs animados en WordPress con las herramientas que siguen vigentes.
Aquí está el cambio gordo respecto a 2017. Entonces hablábamos de JPEG, PNG y GIF como si fueran las únicas opciones. Hoy el panorama es otro:
La estrategia razonable hoy es esta: subes tus imágenes en JPEG o PNG (o las exportas ya en WebP si tu flujo lo permite), y dejas que un plugin se encargue de servir copias en WebP/AVIF al navegador que las pida. Tú no te complicas, el visitante carga la página más rápido y el servidor envía menos bytes.
«Guardar para web» desapareció de Photoshop hace años, sustituido por «Exportar como» y por el panel «Exportación rápida». Funcionan, pero ya no son la única vía ni la más cómoda. Estas son las opciones que recomiendo según el caso:
Una nota práctica: cuando exportes JPEG, una calidad entre el 75 % y el 82 % suele ser indistinguible del 100 % a ojo y baja el peso un tercio o más. En WebP, el rango razonable está entre 70 y 80. Por debajo del 65 ya empiezan a aparecer artefactos de compresión que se notan en zonas con degradados.
El catálogo se ha asentado bastante. Estos son los que recomiendo después de probarlos en sitios reales:
Mi opinión sin pelos en la lengua: si vas a empezar de cero, ShortPixel y Converter for Media cubren el 90 % de los casos. Smush funciona, pero su modelo de upselling agresivo dentro del panel cansa. Y si tu hosting es flojo, Optimole te puede salvar la vida sirviendo todo desde su CDN sin que pongas un dedo. Para auditar el peso real de tu web antes y después, te puede venir bien probar Site Audit Snapshot: te marca rápido qué imágenes son las que más están penalizando el LCP.
El error de subir una imagen de 5000×5000 px para mostrarla a 600×600 sigue tan vivo como en 2017. El cliente tira fotos con el móvil, las sube tal cual y la home termina pesando 12 MB. La regla básica no ha cambiado: sube la imagen en la dimensión máxima a la que se va a mostrar, máximo 1.600 o 1.800 px de ancho para imágenes destacadas en plantillas modernas.
La diferencia con hace ocho años es que WordPress ya genera de fábrica un srcset con varias copias del mismo archivo. El navegador escoge la versión adecuada según el dispositivo: la copia de 768 px para móvil, la de 1.024 para tableta, la de 1.536 para escritorio. Tú no tienes que pelearte con esto, pero sí asegurarte de no desactivar la generación de tamaños intermedios y de que tu plantilla declara los tamaños correctos.
El lazy loading también va de serie. Desde WordPress 5.5, el atributo loading="lazy" se añade automáticamente a las imágenes que no aparecen en el primer pantallazo. Eso significa que solo se descargan cuando el lector hace scroll y se acerca a ellas. Para la imagen destacada y para las que están al principio del artículo, en cambio, conviene mantener carga inmediata: si llegan tarde, lastran el LCP. Plugins como WP Rocket o algunos themes modernos ya gestionan esa excepción solos.
Esto sí no ha cambiado: para Google sigue siendo crucial cómo nombras y describes una imagen. Tres frentes a cuidar:
Antes de subir nada, renombra el fichero con palabras descriptivas y guion medio entre ellas. anciano-bebiendo-agua.jpg en lugar de _DSC0524.jpg. Sin acentos, sin espacios, sin caracteres raros. Los buscadores leen el guion medio como separador de palabras. El guion bajo no, así que evítalo.
El atributo alt es lo que aparece cuando la imagen no carga, lo que leen los lectores de pantalla y lo que Google usa para entender de qué va la imagen. Descríbela en una frase corta y natural, incluyendo la palabra clave si encaja, sin disparates tipo «imagen de imagen sobre imagen». Más sobre esto en nuestra guía del alt de una imagen y el título.
El título sale en el tooltip cuando el lector pasa el ratón. Tiene mucho menos peso para SEO que el alt, pero ayuda en accesibilidad. La leyenda (caption) es texto visible bajo la imagen y conviene cuidarlo cuando aporta contexto, porque sí cuenta para entender el bloque visual del artículo.
Un detalle más sobre accesibilidad: WordPress te avisa desde hace varias versiones cuando insertas una imagen sin alt. Hazle caso. Una web sin alts es invisible para usuarios con lectores de pantalla, y desde 2025 la directiva europea de accesibilidad obliga a cumplir con WCAG 2.1 a casi cualquier sitio comercial.
Las imágenes afectan directamente a dos de las tres métricas de Core Web Vitals que Google usa para evaluar la experiencia de usuario:
width y height son la causa número uno de CLS alto. WordPress los añade solo si la imagen viene de la mediateca, pero conviene revisar las que se inyectan desde shortcodes o builders.Una buena práctica que va más allá del plugin: usa la directiva fetchpriority="high" en la imagen destacada de cada artículo. Le dices al navegador que esa imagen es prioritaria sobre cualquier otro recurso, y el LCP mejora de inmediato. Algunos themes modernos ya lo añaden, otros no. Si el tuyo no lo hace, plugins como WP Rocket lo gestionan por ti.
Por muy bien optimizadas que tengas las imágenes, si tu hosting WordPress tarda dos segundos en empezar a responder, el LCP no va a bajar. Las imágenes ligeras necesitan un servidor que las entregue rápido. Para webs con tráfico medio o alto, sumar un CDN (Cloudflare, BunnyCDN, KeyCDN) que cachee las imágenes cerca del usuario reduce el TTFB y descarga al servidor de origen. La mayoría de plugins de optimización ya integran su propio CDN o conectan con uno externo.
WebP es la elección más segura en 2026: lo soportan absolutamente todos los navegadores y comprime entre un 25 % y un 35 % más que JPEG. AVIF comprime aún mejor, pero su decodificación es más lenta en dispositivos antiguos y la compatibilidad solo se cerró del todo hace pocos años. Para una web nueva, sirve WebP por defecto y AVIF como fallback adicional si tu plugin lo permite.
Sí, salvo que solo subas imágenes ya optimizadas tú mismo. WordPress acepta WebP, pero no comprime ni convierte tus JPEG/PNG existentes. Un plugin como ShortPixel, Imagify o Converter for Media se ocupa de generar las versiones modernas, comprimir lo viejo y servir el formato adecuado a cada navegador. Sin plugin, tu mediateca se queda como la subiste.
Por defecto, WordPress bloquea las subidas de SVG porque pueden contener código JavaScript y abrir vectores de XSS. Para hacerlo de forma segura instala un plugin como Safe SVG, que filtra el contenido del archivo y elimina cualquier script o referencia externa antes de aceptarlo en la mediateca. Sin ese filtro no es seguro.
Como referencia práctica: por debajo de 100 KB en WebP para imágenes de 1.200 px de ancho. Por encima de 200 KB ya notas el impacto en móvil. Las imágenes inline pueden ir un poco más altas si están abajo del artículo y se cargan con lazy loading, pero la destacada y la primera del cuerpo deberían bajar siempre de los 150 KB.
Sí, y mucho. Google sigue usando el nombre del archivo como una de las pistas para entender de qué va la imagen, y aparece en la URL final dentro de /wp-content/uploads/. Renombrar a algo descriptivo y separado por guiones medios es uno de esos detalles que cuesta cinco segundos y se nota a medio plazo en tráfico de Google Imágenes.
Si llegas con prisa y quieres una hoja de ruta corta: instala ShortPixel o Converter for Media, deja que recomprima la mediateca existente, revisa que las imágenes destacadas no superen los 150 KB en WebP, comprueba con PageSpeed Insights el LCP de tres páginas tipo (home, una categoría, un artículo) y, si la nota sigue baja, plantéate sumar un CDN. Con eso cubres a casi cualquier sitio mediano. Lo demás (formato del archivo, alt, dimensiones, lazy loading) es trabajo continuado, no algo que se hace una vez y se olvida.
