Las imágenes son casi siempre lo que más pesa de una página web y, a la vez, una de las partes que menos se cuidan. Se sube la foto tal como sale del móvil o del banco de imágenes, con un nombre como IMG_4587.jpg y sin texto alternativo, y se da por terminado. El resultado es una web más lenta de lo necesario y un montón de contenido que Google no sabe interpretar.
El SEO de imágenes consiste en corregir eso: que cada imagen pese lo justo, cargue en el momento adecuado y le cuente a Google qué muestra. No hace falta ser técnico para hacerlo bien. La mayoría de las mejoras son hábitos que se aplican al subir cada foto, y otras se configuran una vez en WordPress y funcionan solas.
En esta guía repasamos todo lo que influye, en el orden en que conviene revisarlo: formato, peso, nombre, texto alternativo, forma de carga, contexto y datos estructurados. Al final tienes una lista de comprobación para usar cada vez que subas una imagen.
Una imagen bien optimizada pesa poco, se sirve al tamaño en que se ve y tiene un nombre y un texto alternativo que describen lo que muestra. Con eso ganas en dos frentes: tu web carga antes, que es un factor de posicionamiento, y tus imágenes pueden aparecer en Google Imágenes y en Google Lens.
Por qué las imágenes importan para el posicionamiento
Las imágenes influyen en el SEO por dos caminos distintos, y conviene tenerlos claros porque se trabajan de forma diferente.
El primero es la velocidad de carga. Google mide la experiencia real de tus visitantes con las Core Web Vitals, y la métrica principal de carga, el LCP (Largest Contentful Paint), suele corresponder precisamente a una imagen: la foto grande de la cabecera o la imagen destacada de un artículo. Si esa imagen pesa 2 MB, la página tarda en mostrarse, el visitante se impacienta y Google lo registra. Lo explicamos con más detalle en nuestro artículo sobre Core Web Vitals y velocidad.
El segundo es la búsqueda visual. Google Imágenes y Google Lens son una fuente de visitas que muchos negocios ignoran. Quien busca «reforma de baño moderno» o «tarta de cumpleaños personalizada» mira primero las imágenes, y si la tuya aparece, te llega una visita que ya sabe lo que quiere. Para que Google pueda mostrarla necesita entender qué hay en ella, y eso lo deduce del nombre del archivo, del texto alternativo y del contenido que la rodea.
Hay un tercer beneficio que no es de SEO pero va de la mano: la accesibilidad. El texto alternativo es lo que leen en voz alta los lectores de pantalla que usan las personas con discapacidad visual. Una web que lo cuida es más usable para todo el mundo y cumple mejor la normativa, como contamos en nuestra guía de accesibilidad web en España.
Elige el formato adecuado para cada imagen
No todos los formatos sirven para lo mismo. Usar el correcto puede reducir el peso de una imagen a la mitad sin que se note ninguna diferencia a simple vista.
| Formato | Cuándo usarlo | A tener en cuenta |
|---|---|---|
| WebP | La opción por defecto para fotos e ilustraciones. | Según Google, pesa entre un 25 y un 34 % menos que un JPEG de calidad equivalente. Admite transparencia. |
| AVIF | Fotos grandes donde cada kilobyte cuenta. | Suele comprimir aún más que WebP. WordPress lo admite desde la versión 6.5, pero depende de que tu servidor pueda procesarlo. |
| JPEG | Fotos, cuando no puedes usar WebP. | Compatible con todo, pero pesa más. No admite transparencia. |
| PNG | Capturas de pantalla o gráficos con texto nítido. | Para fotos es un error: puede pesar varias veces más que un JPEG. |
| SVG | Logotipos, iconos e ilustraciones sencillas. | Es un dibujo vectorial: se ve nítido a cualquier tamaño y pesa muy poco. WordPress no permite subirlo sin un plugin que lo sanee. |
En la práctica, no tienes que convertir las imágenes a mano. Los plugins de optimización, como LiteSpeed Cache, EWWW Image Optimizer o ShortPixel, generan la versión WebP de cada imagen que subes y se la sirven a los navegadores compatibles, que hoy son prácticamente todos.
Ajusta el tamaño y el peso antes de subirla
El error más frecuente que encontramos al revisar webs es subir imágenes mucho más grandes de lo que se muestran. Una foto de móvil actual mide unos 4.000 píxeles de ancho; en una web, el contenido rara vez supera los 1.600. Esa diferencia es peso que el visitante descarga para nada.
Dimensiones: sube la imagen al tamaño en que se va a ver
Antes de subir una foto, redúcela al ancho máximo en que aparecerá en tu web. Como referencia, 1.600 píxeles es suficiente para una imagen a ancho completo, y entre 800 y 1.200 para la imagen de un artículo. WordPress genera además varias copias más pequeñas de cada imagen y, mediante el atributo srcset, deja que cada dispositivo descargue la que le corresponde: un móvil no necesita la versión de escritorio.
Peso: comprime sin miedo
La compresión elimina información que el ojo no percibe. Una calidad del 75 al 85 % es indistinguible del original en pantalla y puede reducir el archivo a una fracción. Como orientación, intenta que las imágenes grandes no pasen de 150 a 200 KB y que las pequeñas se queden por debajo de 100 KB.
Si prefieres hacerlo a mano, Squoosh es una herramienta gratuita de Google que funciona en el navegador y te deja comparar el antes y el después mientras ajustas la calidad. Si tienes muchas imágenes, un plugin que comprima automáticamente al subirlas te ahorra el trabajo.
Nombre del archivo y texto alternativo
Aquí es donde se juega la parte de SEO propiamente dicha. Google no «ve» las imágenes como una persona: combina lo que su sistema de visión reconoce con las pistas de texto que le das. Las dos más directas son el nombre del archivo y el texto alternativo.
Un nombre de archivo que describa la imagen
Renombra la imagen antes de subirla. Usa palabras separadas por guiones, en minúsculas, sin tildes ni eñes, y que describan lo que se ve.
- Mal: IMG_4587.jpg, foto1.png, DSC00023.jpeg
- Bien: reforma-bano-plato-ducha-valencia.jpg, tarta-cumpleanos-personalizada-unicornio.webp
Una vez subida, WordPress mantiene el nombre original en la dirección del archivo, así que cambiarlo después obliga a volver a subirla. Merece la pena hacerlo bien desde el principio.
Un texto alternativo que describa, no que repita palabras clave
El texto alternativo (el atributo alt) es una descripción breve de la imagen para quien no puede verla. Durante años se recomendó meter ahí la palabra clave de la página, y todavía circulan guías que lo aconsejan. Es un error: Google lo considera relleno de palabras clave y no aporta nada.
La regla es sencilla: escribe lo que le dirías a alguien por teléfono para que se imaginara la imagen, en una frase.
- Mal: «diseño web valencia diseño web barato valencia mejor diseño web»
- Pobre: «imagen de un baño»
- Bien: «Baño reformado con plato de ducha de obra y mampara de cristal en un piso de Ruzafa»
Si la palabra clave encaja de forma natural en la descripción, perfecto. Si no encaja, no la fuerces.
Hay una excepción: las imágenes decorativas, como fondos, separadores o iconos que acompañan un texto que ya dice lo mismo, deben llevar el texto alternativo vacío. Así los lectores de pantalla las saltan en lugar de leer información inútil. En WordPress basta con dejar el campo en blanco.
El texto alternativo no es un sitio para esconder palabras clave: es la descripción de la imagen para quien no puede verla, y Google lo lee con esos mismos ojos.
Cómo se cargan las imágenes: la parte que más afecta a la velocidad
Una imagen ligera todavía puede ralentizar la página si se carga en el momento equivocado. Hay tres ajustes que marcan la diferencia.
Carga diferida, pero nunca en la primera imagen
La carga diferida (lazy loading) hace que las imágenes que están más abajo en la página no se descarguen hasta que el visitante se acerca a ellas. WordPress la aplica de forma automática desde hace años y es una gran mejora.
El problema aparece cuando se aplica también a la imagen principal de la página, la que se ve nada más entrar. Si esa imagen espera a «ser necesaria», el navegador tarda más en mostrarla y el LCP empeora. Desde la versión 6.3, WordPress intenta detectarlo por sí solo: no difiere las primeras imágenes y marca la principal con fetchpriority=»high» para que se descargue antes que el resto. Algunos constructores visuales y plugins de caché tienen sus propios ajustes de carga diferida, así que conviene comprobar que no la estén aplicando también a la imagen principal.
Ancho y alto declarados para que la página no salte
Seguro que te ha pasado: empiezas a leer una página y, de repente, el texto baja porque ha terminado de cargar una imagen. Eso lo mide Google con otra métrica, el CLS (Cumulative Layout Shift), y penaliza la experiencia. Se evita indicando el ancho y el alto de cada imagen en el código, para que el navegador reserve su hueco desde el principio. WordPress lo hace automáticamente con las imágenes que insertas desde la biblioteca de medios; el riesgo está en las imágenes que se añaden con código a mano o desde algunos widgets.
Un buen alojamiento y una caché bien configurada
Todo lo anterior se nota más o menos según el servidor. Un alojamiento lento tarda en entregar cada imagen, por muy optimizada que esté. Si quieres profundizar en esta parte, en nuestra comparativa de LiteSpeed y Apache para WordPress explicamos qué diferencia hay entre servidores.
El contexto: lo que rodea a la imagen también cuenta
Para decidir para qué búsquedas mostrar una imagen, Google no se queda solo en el nombre y el texto alternativo. También tiene en cuenta el título de la página, el texto que la rodea y el pie de foto, si lo tiene. Una imagen de una reforma de cocina dentro de un artículo sobre reformas de cocina es mucho más fácil de entender que la misma imagen suelta en una galería sin texto.
De aquí salen tres recomendaciones prácticas:
- Coloca cada imagen cerca del texto que habla de ella, no agrupadas al final de la página.
- Usa pies de foto cuando aporten información. Son de lo más leído de una página.
- No pongas texto importante dentro de una imagen. Un precio, una dirección o el titular de tu página deben estar escritos como texto, no incrustados en un banner. Google lee el texto de la página con mucha más fiabilidad que el de una imagen.
Hay un detalle técnico que conviene conocer: Google indexa las imágenes que están en el código como imagen, pero no las que se colocan como fondo mediante CSS. Si una imagen es importante para tu negocio, por ejemplo la foto de un producto o de un trabajo terminado, insértala como imagen y no como fondo de una sección.
Sitemap de imágenes y datos estructurados
Una vez optimizadas, hay que asegurarse de que Google las encuentra. El mapa del sitio (sitemap) es el listado de páginas que le entregas a Google, y puede incluir también las imágenes de cada una. Si usas Rank Math, basta con activar la opción de incluir imágenes en el mapa del sitio; Yoast SEO las incluye por defecto.
Los datos estructurados ayudan a que Google relacione cada imagen con la página y con tu negocio. Los plugins de SEO marcan automáticamente la imagen principal de cada página, y en un artículo del blog conviene que la imagen destacada sea grande: Google recomienda imágenes de al menos 1.200 píxeles de ancho para poder mostrarlas en grande en Google Discover.
No te olvides de la imagen que aparece cuando alguien comparte tu página en WhatsApp o en redes sociales. Se configura en el plugin de SEO, y el tamaño estándar es de 1.200 × 630 píxeles. Una buena imagen para compartir no posiciona por sí misma, pero hace que más gente haga clic en el enlace.
Imágenes y SEO local
Si tienes un negocio con clientes en tu zona, las imágenes también juegan a tu favor en las búsquedas locales, aunque de una forma distinta de lo que mucha gente cree.
Lo que funciona es usar fotos reales: de tu local, de tu equipo y de tus trabajos. Transmiten confianza, se diferencian de la competencia que usa las mismas fotos de banco de imágenes y son las que Google puede asociar de verdad con tu negocio. Súbelas también a tu ficha de Google Business Profile y renuévalas de vez en cuando; en nuestra guía de SEO local para aparecer en Google Maps tienes el resto de pasos.
Lo que no funciona es añadir coordenadas GPS a las fotos (el llamado geoetiquetado) para posicionar en una zona. Es un truco que se sigue vendiendo, pero Google ha explicado que no usa esos datos del archivo para posicionar. Además, las redes sociales y muchas plataformas los eliminan al subir la imagen.
Lista de comprobación antes de subir una imagen
Guárdate esta lista. Si la sigues cada vez que subes una imagen, tendrás hecho el 90 % del trabajo:
- ¿Es la imagen adecuada? Mejor una foto propia que una de banco de imágenes.
- ¿Tiene el tamaño en que se va a ver? Nunca más de 1.600 píxeles de ancho para una web.
- ¿Está comprimida? Por debajo de 200 KB las grandes y de 100 KB las pequeñas.
- ¿Tiene un nombre descriptivo? En minúsculas, con guiones y sin tildes.
- ¿Tiene un texto alternativo que la describa? O vacío, si es decorativa.
- ¿Está junto al texto que habla de ella? Con pie de foto si aporta información.
- ¿Es la imagen principal de la página? Entonces no debe llevar carga diferida.
Y una vez al año, revisa las imágenes que ya tienes publicadas: la biblioteca de medios de una web con unos años suele acumular fotos enormes que nadie ha optimizado y que siguen frenando páginas importantes. Si ese es tu caso, en nuestra optimización de WordPress lo dejamos resuelto de una vez, junto con el resto de lo que afecta a la velocidad.
Revisamos gratis las imágenes de tu web y te decimos cuánto sobra.
Déjanos la dirección de tu web y tu email. Medimos cuánto pesan tus imágenes, cuáles retrasan la carga y qué falta para que Google las entienda, y te enviamos el análisis con lo que harías primero.
Información básica sobre protección de datos: responsable Luis Costa Ferrer; finalidad, atender tu solicitud; legitimación, tu consentimiento; no cedemos datos a terceros; puedes acceder, rectificar y suprimir tus datos en contacto@tuestudioweb.com. Ver información detallada
| Responsable | Luis Costa Ferrer, NIF 24393045G |
|---|---|
| Finalidad | Atender tu solicitud y enviarte el presupuesto o la información que nos pides. |
| Legitimación | Tu consentimiento, que otorgas al marcar la casilla. |
| Destinatarios | No cedemos tus datos a terceros. Solo los tratan nuestros proveedores de correo y alojamiento. |
| Conservación | 12 meses, o hasta que nos pidas que los borremos. |
| Derechos | Acceder, rectificar, suprimir, limitar, oponerte y portar tus datos escribiendo a contacto@tuestudioweb.com, y reclamar ante la AEPD. |
| Más info | En la política de privacidad. |
