Image SEO

SEO de imágenes: guía práctica 2026

Has comprimido tus imágenes, elegiste WebP, activaste lazy loading, pero tus páginas no suben. El problema a menudo no es la velocidad. Sino el conjunto completo de señales que Google espera de tus imágenes, en el orden correcto.

10 min de lectura

Por qué las imágenes pesan en tu posicionamiento

Las imágenes representan típicamente el 50 a 70% del peso total de una página con elementos visuales. Este peso tiene un impacto directo en Largest Contentful Paint, la señal de Core Web Vitals que Google utiliza para medir la velocidad de carga percibida.

Pero el rendimiento es solo una de dos razones para optimizar imágenes para SEO. La otra es la indexación. Google puede analizar tus imágenes, leer su contexto, clasificarlas en Google Imágenes y hacer que aparezcan en búsqueda visual. Una imagen sin texto alt, sin nombre de archivo descriptivo, sin datos estructurados: eso es una imagen que Google trata como ruido visual.

Estas dos dimensiones a menudo se tratan por separado. En 2026, son inseparables.

Para más sobre la conexión entre imágenes y Core Web Vitals, ver: Optimizar tus imágenes para Core Web Vitals y LCP.

Nomenclatura de archivos: lo básico que se olvida

El nombre de un archivo de imagen es leído por Google antes de que analice su contenido. IMG_4832.jpg no transmite ninguna señal semántica. compress-image-webp-lossless.webp transmite varias.

Las reglas son simples, y rara vez se aplican sistemáticamente:

• Usa guiones como separadores (-), nunca guiones bajos ni espacios
• Incluye la palabra clave principal o una descripción factual
• Mantén concisión: 3 a 5 palabras son suficientes
• Minúsculas, sin acentos

En la práctica, el nombre del archivo no es una señal de posicionamiento mayor de forma aislada. Combinado con el texto alt y el contexto textual de la página, refuerza la coherencia semántica que Google atribuye a la imagen. Es la acumulación de estas señales coherentes lo que importa.

Texto alt: la regla de oro y errores a evitar

El atributo alt cumple dos funciones: accesibilidad (leído por lectores de pantalla) y SEO (señal de texto para Google). Ambos objetivos convergen en la misma mejor práctica: describe con precisión qué muestra la imagen.

La regla de oro: describe la imagen como si le explicaras a alguien que no puede verla.

Un texto alt efectivo se ve así: "Comparación de peso de imagen JPEG vs WebP — reducción del 34% con calidad visual idéntica". Factual, descriptivo, natural.

Dependiendo del contexto, incluir la palabra clave principal en el texto alt de la imagen más importante de la página —usualmente la que dispara LCP— es una práctica coherente. Sin que sea una regla mecánica aplicada a cada imagen.

Formato y compresión: WebP, AVIF y la regla de 100 KB

La elección del formato de imagen tiene un impacto directo en LCP, y por lo tanto en la señal que Google recibe para evaluar el rendimiento de tu página.

WebP es soportado por el 95.6% de navegadores modernos (caniuse.com, mayo 2026). Es el formato de referencia para la mayoría de usos web: fotos, ilustraciones, capturas de pantalla. Ofrece reducción de peso del 25 a 35% comparado con JPEG con calidad visual equivalente.

AVIF comprime incluso mejor — en el orden del 40 a 50% comparado con JPEG — pero su soporte en navegadores alcanza el 94.3%, ligeramente por debajo de WebP. En la práctica: AVIF es la mejor opción técnica, WebP sigue siendo la opción más universal.

PNG mantiene relevancia para imágenes con transparencia o capturas que requieren nitidez perfecta de texto. Para fotos, su peso es estructuralmente superior a WebP — hay que evitarlo en ese caso.

La “regla de 100 KB” no es un estándar oficial de Google. Es un benchmarking práctico: un contenido de imagen bajo 100 KB generalmente permite mantener LCP bajo 2.5 segundos, el umbral “bueno” para Core Web Vitals.

Un último punto a menudo ignorado: el atributo srcset permite servir imágenes de diferente tamaño según la resolución de pantalla. Un visitante móvil no debe descargar la misma imagen que un visitante de pantalla 4K. Implementar imágenes responsivas vía srcset reduce el peso promedio percibido — y mejora LCP en móvil, el segmento donde Google prioriza la evaluación.

Lazy loading y CLS: evitar trampas

Lazy loading (loading="lazy") difiere la carga de imágenes fuera de pantalla. Reduce el tiempo de carga inicial y puede mejorar LCP — siempre que no la apliques a la imagen principal de la página.

CLS relacionado con imágenes tiene una causa simple: una imagen cuyas dimensiones no se declaran en el HTML. El navegador no puede reservar el espacio necesario, causando un salto visual cuando la imagen carga.

La solución es directa: siempre declara width y height en cada etiqueta <img>. El navegador calcula el ratio y reserva espacio, incluso antes de que la imagen cargue.

Google Imágenes: capturar tráfico visual

Google Imágenes es un canal de tráfico a menudo ignorado. Para sitios que publican imágenes originales — tutoriales, comercio electrónico, fotografía — es un segundo canal de adquisición distinto medible en Google Search Console, separado del tráfico de texto.

Para que una imagen aparezca en Google Imágenes de manera significativa, se deben cumplir varias condiciones:

Contexto de texto — Google lee el texto alrededor de la imagen para entender de qué trata. Una imagen rodeada de contenido relevante se indexa mejor que una imagen aislada en una página vacía.

Datos estructurados ImageObject — El esquema ImageObject de schema.org te permite transmitir explícitamente el título, descripción y licencia de una imagen a Google. Particularmente útil para imágenes originales, infografías o visuales de marca.

URL estable — Una imagen accesible vía URL permanente se indexa más fácilmente que una imagen cuya ruta se genera dinámicamente o cambia regularmente.

Resolución suficiente — Google Imágenes favorece imágenes con resolución adecuada para mostrar. Una imagen de 200×150 píxeles tiene pocas posibilidades de aparecer en resultados visuales para consultas genéricas.

Las imágenes en background-image CSS son más difíciles de indexar: no llevan texto alt y su contexto semántico es menos legible para el rastreador. Para imágenes que deseas que aparezcan en Google Imágenes, prefiere etiquetas <img> en el HTML.

Sitemap de imágenes: crear, enviar, verificar

Un sitemap de imágenes enumera explícitamente las imágenes de tu sitio para Google. No garantiza indexación — pero acelera el descubrimiento, especialmente para imágenes fuera del cuerpo HTML: imágenes cargadas vía CSS, JavaScript, o lazy loading avanzado.

Estructura mínima de una entrada:

<url>
  <loc>https://example.com/blog/my-article/</loc>
  <image:image>
    <image:loc>https://example.com/images/articles/my-image.webp</image:loc>
    <image:title>Título descriptivo de la imagen</image:title>
    <image:caption>Descripción breve</image:caption>
  </image:image>
</url>

Para envío: Google Search Console → Sitemaps → Agregar URL. Luego verifica en la consola que se procese sin errores de formato.

La mayoría de CMS generan automáticamente un sitemap incluyendo imágenes si la configuración lo proporciona. Para sitios estáticos — Astro, Next.js, Eleventy — plugins como astro-sitemap pueden configurarse para incluir entradas image:image.

Para sitios con pocas imágenes directamente accesibles en HTML, el impacto de un sitemap de imágenes es marginal. Se vuelve relevante una vez que imágenes importantes no son rastreadas naturalmente.

Checklist SEO de imágenes: 10 puntos para auditar

GlitchGhost

Desarrollador independiente, creador de Impmage

Desarrollador independiente especializado en herramientas de rendimiento web y optimización de imágenes.

Desarrollador WebEspecialista en RendimientoCreador de Impmage