El SEO de imágenes engloba todas las optimizaciones que hacen que las imágenes de sus páginas sean comprendidas correctamente por los buscadores y se carguen con rapidez. Desde el nombre del archivo hasta el texto alternativo, pasando por formatos modernos como WebP y AVIF y la carga diferida (lazy loading), cada detalle influye en el tráfico que llega desde Google Imágenes y en la velocidad general de la página. En esta guía explicamos, paso a paso y con ejemplos, qué debe hacer en cada etapa.
¿Por qué es importante el SEO de imágenes?
Las imágenes tienen dos efectos distintos. El primero es la visibilidad: Google Imágenes y los cuadros de imágenes en las búsquedas normales son un canal aparte que puede traer visitantes; sobre todo en temas como productos, recetas, lugares o decoración, los usuarios miran primero la imagen. El segundo es la velocidad: en la mayoría de las páginas, las imágenes representan la mayor parte del peso total de los datos, y el elemento más grande de la página suele ser una imagen. Es decir, una sola imagen principal sin optimizar puede empeorar el LCP de Core Web Vitals y reducir el rendimiento de toda la página.
Un tercer efecto es la accesibilidad: el texto alternativo describe la imagen a los usuarios que utilizan lectores de pantalla. Un buen texto alternativo sirve tanto al usuario como al buscador.
Nombre de archivo
Google también utiliza el nombre del archivo para entender de qué trata la imagen. Nombres como IMG_20260412_0043.jpg, que genera la cámara,
no aportan ninguna información. Las reglas son sencillas:
- Use palabras cortas y significativas que describan la imagen:
sofa-gris-tres-plazas.webp. - Separe las palabras con guion (-); el guion bajo (_) puede hacer que el buscador considere las palabras unidas.
- Prefiera minúsculas y caracteres ASCII; evite tildes, eñes y espacios en el nombre del archivo.
- No rellene el nombre con palabras clave:
sofa-sofa-sofa-barato.webpno ayuda.
| Malo | Bueno |
|---|---|
IMG_0043.jpg | sofa-gris-tres-plazas.webp |
Nueva imagen (2).png | oficina-madrid-chamberi-entrada.webp |
sofa_barato_sofa_oferta.jpg | sofa-esquinero.webp |
¿Cómo escribir el texto alternativo?
El texto alternativo (atributo alt) describe el contenido de la imagen con palabras. Si la imagen no puede cargarse, se muestra en su lugar; los lectores
de pantalla lo leen y Google lo usa para entender el contexto de la imagen.
- Describa la imagen tal como es. «Barista preparando café en la barra de la cocina» es un buen texto alternativo; no hace falta empezar con palabras como «imagen» o «fotografía».
- Sea breve. Por lo general, menos de 125 caracteres es suficiente.
- Incluya la palabra clave de forma natural. Si la imagen trata realmente de ese tema, la palabra aparecerá sola; las listas añadidas a la fuerza pueden considerarse spam.
- En las imágenes decorativas, deje el texto alternativo vacío (
alt="") para que los lectores de pantalla no lean nada innecesario. No elimine por completo el atributo alt. - Transcriba las imágenes que contienen texto. Si la imagen incluye un eslogan o un precio, escríbalo en el texto alternativo o en el texto de la página.
Ejemplo: En una página de producto, en lugar de alt="sofa sofa conjunto de sofá barato", escriba
alt="Sofá gris de tres plazas con patas de madera". La segunda opción ayuda al usuario y ofrece al buscador una información más precisa.
Además del texto alternativo, el texto que rodea a la imagen, el título y el pie de foto (caption) también ayudan a Google a comprender el contexto. Colocar la imagen junto al párrafo al que pertenece es mucho mejor que ponerla en una zona irrelevante al final de la página.
Elección del formato: JPEG, PNG, WebP, AVIF
| Formato | Punto fuerte | ¿Cuándo? |
|---|---|---|
| JPEG | Muy extendido, buena compresión en fotografías | Como alternativa para sistemas antiguos |
| PNG | Sin pérdida, admite transparencia | Logotipos, capturas de pantalla, gráficos sencillos |
| WebP | Archivos claramente más pequeños que JPEG/PNG, admite transparencia | Opción predeterminada segura para la mayoría de las imágenes |
| AVIF | Por lo general, archivos aún más pequeños que WebP | Páginas con muchas fotografías; el soporte en navegadores es amplio, pero añada una alternativa |
| SVG | Vectorial, escalable, muy ligero | Logotipos, iconos, dibujos sencillos |
Para ofrecer varios formatos puede usar el elemento <picture>: el navegador elige el primer formato que soporta; si no admite ninguno,
recurre a la etiqueta <img> que lleva dentro. Así, quien tenga soporte para AVIF recibe AVIF, y quien no lo tenga recibe WebP o JPEG.
Tamaño y compresión
El error más frecuente es mostrar en un recuadro de 400 píxeles una fotografía de 4000 píxeles de ancho. El navegador descarga igualmente el archivo completo. Aplique estas medidas:
- Redimensione según el tamaño real de visualización. Para contenido de blog suele bastar un ancho de 800–1200 píxeles; para pantallas de alta densidad,
sirva una versión del doble de tamaño mediante
srcset. - Comprima. En fotografías, una calidad entre 75 y 85 suele reducir mucho el tamaño del archivo sin que se note a simple vista.
- Elimine los metadatos. Los datos EXIF (ubicación, dispositivo) añaden peso innecesario y son un riesgo para la privacidad.
- Establezca un objetivo. Como enfoque general, intente que las imágenes de contenido no superen unos pocos cientos de KB; ponga también un límite a las imágenes principales grandes.
Indique siempre los valores width y height en el HTML. El navegador sabe cuánto espacio reservar antes de que la imagen se descargue,
y la página no se desplaza al cargarse el contenido.
Imágenes adaptables: srcset y sizes
Enviar la misma imagen a un teléfono de 360 píxeles de ancho y a un monitor de 1920 píxeles es un desperdicio.
Con srcset define varias versiones de distinto ancho, y con sizes indica qué parte de la pantalla ocupará la imagen; el navegador elige
el archivo más adecuado. Por ejemplo, generar tres versiones de 480, 800 y 1200 píxeles de ancho basta para la mayoría de los blogs y las páginas de producto.
En los móviles, el ahorro de datos es notable, y eso se refleja directamente en el tiempo de LCP.
¿Dónde debe ir la imagen?
Google también deduce el tema de la imagen a partir del texto que la rodea. Por eso, coloque la imagen junto al párrafo que trata el tema que muestra y añada debajo un pie de foto breve que lo resuma. El título de la sección donde aparece la imagen refuerza a qué se refiere. En lugar de usar imágenes de stock con derechos de autor, prefiera, siempre que sea posible, fotografías originales que usted haya hecho; una imagen original genera confianza en el usuario y lo diferencia de las imágenes de stock repetidas.
Carga diferida (lazy loading) y CLS
La carga diferida consiste en que las imágenes que quedan debajo de la pantalla no se descarguen hasta que el usuario se acerca a ellas. Los navegadores modernos la aplican con un solo atributo:
<img src="kanepe.webp" alt="Sofá gris de tres plazas" width="800" height="600" loading="lazy">
- No aplique carga diferida a la imagen visible en la primera pantalla (above the fold). Si la imagen más grande de la página se carga tarde, el LCP empeora. Para esa imagen puede usar
fetchpriority="high". - Las imágenes de galerías, listados de productos y la parte inferior de artículos largos son ideales para la carga diferida.
- Use siempre
width/heightjunto con ella; de lo contrario, la imagen al cargarse desplaza el diseño. - Para que Google encuentre la imagen, use un
<img src>real; las imágenes que solo están como fondo CSS pueden no indexarse en la búsqueda de imágenes.
Para más información sobre las métricas de velocidad, consulte nuestra guía de Core Web Vitals.
Sitemap de imágenes y datos estructurados
Google encuentra la mayoría de las imágenes durante el rastreo normal. Aun así, en galerías cargadas con JavaScript o en estructuras complejas, añadir las imágenes
a su sitemap puede ayudar. En el sitemap estándar, dentro de cada <url> se usan los elementos <image:image> y <image:loc>:
- Añada el espacio de nombres de imágenes al inicio del sitemap.
- Para cada página, enumere las direcciones de las imágenes que aparecen en ella.
- Envíe el sitemap desde Search Console y revise los errores.
- Asegúrese de que robots.txt no bloquea las imágenes.
En contenidos como productos, recetas o artículos, incluir la dirección de la imagen en los datos estructurados (schema) facilita que Google pueda usarla en los resultados enriquecidos. Para empezar a usar Search Console, puede consultar nuestra guía de inicio.
Errores frecuentes con las imágenes
- Incrustar el texto en la imagen: escribir información importante (precio, dirección, promoción) solo dentro de la imagen impide que el buscador y el lector de pantalla la vean.
- Copiar el mismo texto alternativo en todas partes: en lugar de poner el mismo alt a las cinco imágenes de una galería, describa cada una por separado (frontal, lateral, detalle).
- Imágenes principales «héroe» demasiado grandes: una diapositiva a pantalla completa puede pesar varios MB en lugar de cientos de KB; primero reduzca el tamaño y después revise el diseño.
- Bloquear imágenes en robots.txt: una regla que bloquea la carpeta de imágenes hace que su contenido nunca aparezca en Google Imágenes.
- Enlaces de imagen rotos: las imágenes movidas o eliminadas devuelven 404; corríjalas con un rastreo periódico.
Lista de verificación y medición
- ¿El nombre del archivo es significativo, en ASCII y con guiones?
- ¿El texto alternativo describe la imagen de forma breve y natural?
- ¿Las imágenes están en WebP/AVIF u otro formato adecuado?
- ¿No se cargan archivos mayores que el tamaño de visualización?
- ¿Las imágenes fuera de la primera pantalla tienen
loading="lazy"? - ¿Están definidos
widthyheight? - ¿El sitemap de imágenes y robots.txt son correctos?
Para medir, PageSpeed Insights muestra directamente las recomendaciones «Codificar imágenes de forma eficiente» y «Usar imágenes de tamaño adecuado». En el informe de rendimiento de Search Console puede filtrar el tipo de búsqueda por «Imágenes» y seguir por separado las impresiones y los clics que llegan desde la búsqueda de imágenes. La optimización de imágenes también ayuda a reducir la tasa de rebote, porque una página que carga más rápido retiene mejor a sus visitantes.
Conclusión
El SEO de imágenes no es una acción puntual, sino un hábito que se repite en cada imagen: un nombre de archivo con sentido, un texto alternativo honesto, el formato y el tamaño adecuados, carga diferida para lo que queda fuera de pantalla y, si hace falta, un sitemap de imágenes. La mayor ganancia suele venir de las imágenes más pesadas; empiece por identificar, con PageSpeed Insights, las imágenes más pesadas y trabaje primero con ellas. El resultado será más tráfico desde Google Imágenes y un sitio más rápido. La clasificación la siguen decidiendo los algoritmos de Google; su trabajo es que sus imágenes sean comprensibles y ligeras.