Las imágenes son el elemento más infraoptimizado en la mayoría de los sitios web. Mientras la mayoría de los propietarios de sitios dedican horas a perfeccionar sus etiquetas de título, meta descripciones y estrategia de contenido, suben imágenes llamadas IMG_4832.jpg con atributos alt vacíos y tamaños de archivo que destruyen la velocidad de carga. En 2026, el SEO de imágenes no es opcional — impacta directamente en tus posiciones en Google, el tráfico de Google Imágenes, las puntuaciones de Core Web Vitals, el cumplimiento de accesibilidad y cómo los sistemas de IA entienden tu contenido.
Esta es la realidad: el 63% de los sitios web tienen texto alternativo ausente o inadecuado en sus imágenes. La mayoría de los sitios sirven imágenes que son 3-5 veces más grandes de lo necesario. Y casi nadie implementa el marcado Schema de imágenes, aunque puede aumentar drásticamente la visibilidad en resultados enriquecidos y respuestas generadas por IA. Cada imagen sin optimizar es una oportunidad perdida — para tráfico, para posicionamiento y para conversiones.
Esta guía cubre todo lo que necesitas saber sobre el SEO de imágenes en 2026. Comenzamos con los fundamentos — texto alternativo y nombres de archivo — luego pasamos a compresión, selección de formato, implementación técnica con ejemplos de código reales, marcado Schema y cómo los motores de búsqueda con IA interpretan las imágenes. Ya sea que gestiones un sitio de portafolio de 10 páginas o una tienda de comercio electrónico con 50.000 productos, esta guía te da estrategias accionables y listas para copiar para arreglar tu SEO de imágenes hoy.
Por qué importa el SEO de imágenes en 2026
El SEO de imágenes no es una optimización de nicho. Es un pilar fundamental de la visibilidad en búsquedas moderna. Aquí te explicamos por qué importa más ahora que nunca.
Google Imágenes genera tráfico masivo. Google Imágenes representa el 22,6% de todas las búsquedas de Google. Eso es más que YouTube, Google Maps y Google News combinados. Si tus imágenes no están optimizadas, eres invisible para casi una cuarta parte de toda la actividad de búsqueda. Para el comercio electrónico, fotografía de productos, recetas, guías DIY e industrias visuales, Google Imágenes puede ser la mayor fuente de tráfico individual.
Las imágenes impactan directamente en la velocidad de carga. Las imágenes son típicamente los recursos más pesados en cualquier página web, representando entre el 50-75% del peso total de la página en promedio. Las imágenes sin optimizar destruyen tus puntuaciones de Core Web Vitals — particularmente el Largest Contentful Paint (LCP), que es un factor de posicionamiento directo de Google. Una página que carga una imagen hero de 2MB cuando un WebP de 150KB se vería idéntico está saboteando sus propios rankings.
La accesibilidad es una señal de posicionamiento. El texto alternativo no es solo para SEO. Es un requisito legal bajo leyes de accesibilidad como la ADA, la Sección 508 y la Ley Europea de Accesibilidad (EAA), que entra en vigor en junio de 2025. Los lectores de pantalla dependen del texto alt para describir las imágenes a los usuarios con discapacidad visual. Google recompensa cada vez más a los sitios web accesibles, y la falta de texto alternativo es uno de los fallos de accesibilidad más fáciles de detectar y penalizar.
Los sistemas de IA usan imágenes para entender tu contenido. Los modelos de IA multimodales — incluyendo Gemini de Google, GPT-4o y Claude — ahora pueden interpretar imágenes directamente. Pero también dependen en gran medida del texto alternativo, los nombres de archivo, los pies de foto y el texto circundante para entender el contexto de las imágenes. Una optimización adecuada de imágenes hace que tu contenido sea más comprensible para los sistemas de IA, aumentando tus posibilidades de ser citado en respuestas generadas por IA.
Texto alternativo: La guía completa
El texto alternativo (texto alt) es un atributo HTML que describe el contenido y el propósito de una imagen. Se añade a la etiqueta <img> usando el atributo alt. Cuando un lector de pantalla encuentra una imagen, lee el texto alt en voz alta. Cuando Google rastrea tu página, usa el texto alternativo como señal principal para entender qué representa la imagen y cómo se relaciona con el contenido de la página.
El texto alternativo es simultáneamente el elemento de SEO de imágenes más simple y de mayor impacto. Escribir buen texto alt toma 10 segundos por imagen, sin embargo la mayoría de los sitios web lo omiten por completo o lo escriben tan mal que no aporta ningún valor. Vamos a solucionarlo.
La fórmula del texto alternativo
Usa esta fórmula para un texto alternativo consistentemente efectivo:
[Descriptor específico] + [Sujeto] + [Contexto/Acción] + [Detalle relevante]
Ejemplos usando la fórmula:
- Producto: "Bolso bandolera de cuero rojo con correa de cadena dorada sobre superficie de mármol"
- Persona: "Chef preparando pasta fresca en cocina de restaurante"
- Gráfico: "Gráfico de barras mostrando un aumento del 47% en tráfico orgánico de enero a junio de 2026"
- Captura de pantalla: "Informe de rendimiento de Google Search Console mostrando 12.000 clics en marzo de 2026"
- Estilo de vida: "Mujer corriendo por sendero de playa al atardecer con zapatillas Nike Pegasus 42"
Qué hacer y qué no hacer con el texto alt
| Hacer | No hacer |
|---|---|
| Ser específico y descriptivo (5-15 palabras) | Escribir "imagen" o "foto de" (redundante) |
| Incluir tu palabra clave objetivo de forma natural | Rellenar con múltiples palabras clave de forma artificial |
| Describir lo que la imagen muestra | Describir lo que desearías que mostrara |
| Usar alt="" vacío para imágenes decorativas | Omitir el atributo alt por completo |
| Adaptar el texto alt al contexto de la imagen en la página | Usar el mismo texto alt para cada imagen |
| Mantener menos de 125 caracteres para lectores de pantalla | Escribir texto alt de longitud de párrafo |
| Incluir nombres de marca/producto cuando sea relevante | Usar nombres de archivo como texto alt (ej. "IMG_4521") |
Ejemplos de código de texto alternativo
Buen texto alt para imagen de producto:
<img
src="tissot-prx-esfera-azul-40mm.webp"
alt="Reloj Tissot PRX automático con esfera azul sunray y brazalete de acero integrado, 40mm"
width="800"
height="800"
loading="lazy"
>
Buen texto alt para imagen informativa:
<img
src="grafico-puntuaciones-core-web-vitals.webp"
alt="Gráfico comparando puntuaciones de Core Web Vitals antes y después de la optimización de imágenes mostrando LCP mejorado de 4,2s a 1,8s"
width="1200"
height="600"
loading="lazy"
>
Imagen decorativa (sin texto alt):
<!-- Separador decorativo — no necesita texto alt -->
<img src="onda-decorativa.svg" alt="" role="presentation">
Hay una diferencia crítica entre <img src="foto.jpg"> (sin atributo alt en absoluto) y <img src="separador.svg" alt=""> (alt vacío). La ausencia de alt es una violación de accesibilidad y un fallo de SEO. Un alt vacío es intencional y correcto para imágenes decorativas — le dice a los lectores de pantalla que omitan la imagen por completo.
SEO de imágenes deficiente
- Archivo:
IMG_4521.jpg(nombre sin significado) - Alt:
alt=""o ausente por completo - Tamaño: 2,4 MB JPEG sin comprimir
- Dimensiones: 4000x3000 directamente de la cámara
- Formato: solo JPEG, sin formatos modernos
- Sin carga diferida, bloquea el renderizado de la página
SEO de imágenes optimizado
- Archivo:
tissot-prx-azul-40mm.webp - Alt: "Tissot PRX automático con esfera azul, acero 40mm"
- Tamaño: 85 KB WebP comprimido
- Dimensiones: 800x800 para tamaño de visualización
- Formato: WebP con respaldo AVIF vía picture
- Carga diferida + width/height para prevenir CLS
Nombres de archivo para SEO
Los nombres de archivo de imagen son una señal de posicionamiento confirmada por Google. Google declara explícitamente que utiliza los nombres de archivo para entender el contenido de las imágenes. Antes de que una imagen sea rastreada, su nombre de archivo le da a Google una fuerte señal inicial sobre lo que la imagen representa. Un archivo llamado bolso-cuero-rojo-vista-frontal.webp le dice a Google mucho más que foto-producto-3.jpg.
Reglas para nombres de archivo
- Usa guiones para separar palabras. Google trata los guiones como separadores de palabras. Los guiones bajos se tratan como uniones de palabras.
zapatillas-running-azules= tres palabras.zapatillas_running_azules= una sola palabra larga para Google. - Incluye tu palabra clave objetivo. Si la página apunta a "bolso bandolera de cuero", la imagen debería llamarse
bolso-bandolera-cuero-marron.webp, nofoto-bolso.webp. - Sé descriptivo pero conciso. 3-6 palabras es lo ideal. Evita tanto nombres de una sola palabra (
zapatos.jpg) como nombres de longitud de ensayo (mejor-bolso-bandolera-cuero-rojo-para-mujer-2026-coleccion-primavera.webp). - Usa solo minúsculas. Algunos servidores tratan
Imagen.jpgeimagen.jpgcomo archivos diferentes. Siempre en minúsculas para evitar errores 404 y problemas de contenido duplicado. - Elimina caracteres especiales. Sin espacios, acentos ni caracteres especiales. Usa solo letras, números y guiones.
- Incluye descriptores de variante. Para imágenes de producto con múltiples ángulos:
bolso-cuero-frente.webp,bolso-cuero-lateral.webp,bolso-cuero-detalle-costura.webp.
| Nombre incorrecto | Nombre correcto | Por qué |
|---|---|---|
IMG_4521.jpg |
tissot-prx-esfera-azul-40mm.webp |
Descriptivo + rico en palabras clave + formato moderno |
foto1.png |
hero-pagina-inicio-dashboard.webp |
Describe el contenido y el contexto |
imagen (2).jpeg |
grafico-resultados-auditoria-seo.webp |
Sin espacios, descriptivo, formato correcto |
Screenshot_2026-03-15.png |
google-search-console-clics-marzo.webp |
Nombre significativo en vez de marca temporal |
producto_imagen_final_v3_FINAL.jpg |
bolso-bandolera-cuero-rojo.webp |
Limpio, sin artefactos de versionado |
Compresión de imágenes y rendimiento
La compresión de imágenes es la mayor ganancia de velocidad de carga para la mayoría de los sitios web. La página web promedio sirve 1,5-3 MB de imágenes. Con una compresión adecuada, puedes reducirlo a 200-400 KB sin ninguna pérdida de calidad visible. El impacto en Core Web Vitals — particularmente LCP (Largest Contentful Paint) — es inmediato y dramático.
Existen dos tipos de compresión:
Compresión con pérdida elimina permanentemente algunos datos de la imagen para lograr tamaños de archivo más pequeños. Con ajustes de calidad del 75-85%, la pérdida de calidad es imperceptible para el ojo humano, pero los tamaños de archivo se reducen un 60-80%. JPEG, WebP (con pérdida) y AVIF utilizan compresión con pérdida.
Compresión sin pérdida reduce el tamaño del archivo sin eliminar ningún dato de la imagen. La imagen descomprimida es idéntica píxel a píxel al original. Los ahorros de tamaño son menores (10-30%), pero la calidad se preserva perfectamente. PNG, WebP (sin pérdida) y AVIF (sin pérdida) soportan este modo. Usa la compresión sin pérdida para logotipos, iconos, capturas de pantalla con texto y cualquier imagen donde la reproducción exacta de píxeles sea importante.
Ajustes de calidad recomendados
- Fotografías: WebP al 80% de calidad (o AVIF al 65%). Visualmente indistinguible del original, pero un 70-80% más pequeño.
- Imágenes de producto: WebP al 85% de calidad (o AVIF al 70%). Calidad ligeramente superior para preservar detalles en decisiones de compra.
- Capturas de pantalla e imágenes con texto: PNG o WebP sin pérdida. El texto debe permanecer nítido y legible.
- Logotipos e iconos: SVG (vectorial) siempre que sea posible. Si es ráster, usa PNG o WebP sin pérdida.
- Imágenes hero: WebP al 80% de calidad, servidas a un máximo de 2x el tamaño de visualización. Un hero mostrado a 1200px de ancho debe servirse a un máximo de 2400px.
Herramientas de compresión
- Squoosh (squoosh.app): Optimizador de imágenes gratuito de Google, basado en navegador. Soporta comparación lado a lado, todos los formatos modernos. Ideal para optimización manual de imágenes individuales.
- ShortPixel: Plugin automatizado de WordPress y API. Optimiza imágenes existentes en lote y convierte a WebP/AVIF al subir. Ideal para sitios WordPress.
- ImageOptim (macOS) / FileOptimizer (Windows): Aplicaciones de escritorio para optimización por lotes. Elimina metadatos y aplica compresión óptima.
- Cloudflare Polish: Optimización automática de imágenes a nivel de CDN. No necesita cambios de código. Ideal para sitios que ya están en Cloudflare.
- sharp (npm): Biblioteca de Node.js para procesamiento programático de imágenes. Ideal para pipelines de compilación y flujos de trabajo automatizados.
Impacto de la optimización de imágenes
Flujo de trabajo de optimización de imágenes
Sigue este flujo de trabajo de seis pasos para cada imagen que publiques:
Verifica tu SEO de imágenes — gratis
Nuestro escáner detecta texto alt ausente, imágenes sobredimensionadas y más de 136 problemas SEO en toda tu página.
Escanea todas tus imágenes →Formatos de imagen comparados
Elegir el formato de imagen correcto es una de las decisiones de mayor impacto que puedes tomar para la velocidad de carga y la calidad de imagen. Así se comparan los cuatro principales formatos de imagen web en 2026:
| Característica | JPEG | PNG | WebP | AVIF |
|---|---|---|---|---|
| Ideal para | Fotos (legado) | Logotipos, capturas, transparencia | Todo (mejor general) | Fotos (nueva generación) |
| Compresión | Solo con pérdida | Solo sin pérdida | Con y sin pérdida | Con y sin pérdida |
| Transparencia | No | Sí | Sí | Sí |
| Tamaño archivo (foto) | Base (100%) | 2-3x más grande | 25-35% más pequeño | 40-50% más pequeño |
| Soporte navegadores | Universal | Universal | 97%+ (2026) | 92%+ (2026) |
| Velocidad de codificación | Rápida | Rápida | Rápida | Lenta (5-10x) |
| Animación | No | No (APNG limitado) | Sí | Sí |
| Recomendación SEO | Solo como respaldo | Solo logotipos/iconos | Formato principal | Mejora progresiva |
La estrategia recomendada para 2026: Usa WebP como tu formato de imagen principal. Sirve AVIF como mejora progresiva para navegadores que lo soporten usando el elemento <picture>. Mantén un respaldo JPEG solo si necesitas soportar navegadores muy antiguos o clientes de correo. Usa SVG para todos los gráficos vectoriales (logotipos, iconos, ilustraciones).
WebP es la opción segura y universal — tiene más del 97% de soporte en navegadores y maneja bien tanto fotos como gráficos. AVIF ofrece un 15-20% mejor compresión que WebP para fotografías, pero la codificación es mucho más lenta y el soporte en navegadores aún está poniéndose al día. Usa AVIF cuando el tamaño de archivo sea crítico (ej. imágenes hero en páginas de aterrizaje) y WebP para todo lo demás.
Optimización técnica de imágenes
Más allá del texto alternativo, los nombres de archivo y la compresión, hay varias implementaciones técnicas HTML que impactan significativamente en el SEO y el rendimiento de las imágenes. Aquí tienes las más importantes con ejemplos de código listos para copiar y pegar.
Carga diferida (Lazy Loading)
La carga diferida pospone la carga de imágenes que están por debajo del viewport visible hasta que el usuario se desplace cerca de ellas. Esto reduce drásticamente el tiempo de carga inicial y el uso de datos. La carga diferida nativa es soportada por todos los navegadores modernos y requiere solo un atributo:
<!-- Imagen bajo el pliegue: carga diferida -->
<img
src="galeria-producto-imagen-3.webp"
alt="Fondo de caja del Tissot PRX mostrando el movimiento automático"
width="800"
height="800"
loading="lazy"
decoding="async"
>
<!-- Imagen hero sobre el pliegue: NO cargar con lazy -->
<img
src="banner-hero-coleccion-primavera.webp"
alt="Colección primavera 2026 de relojes con Tissot y Maurice Lacroix"
width="1200"
height="600"
loading="eager"
fetchpriority="high"
>
Tu imagen hero, logotipo y cualquier imagen visible sin hacer scroll deben usar loading="eager" (el valor por defecto) o fetchpriority="high". Cargar estas imágenes con lazy retrasa el LCP y perjudica tu puntuación de Core Web Vitals. Solo aplica carga diferida a imágenes que estén debajo del viewport inicial.
Imágenes responsivas con srcset
El atributo srcset permite a los navegadores elegir el tamaño de imagen más apropiado según el ancho de pantalla y la densidad de píxeles del dispositivo. Esto evita que los dispositivos móviles descarguen imágenes de tamaño escritorio:
<img
src="producto-reloj-800w.webp"
srcset="
producto-reloj-400w.webp 400w,
producto-reloj-800w.webp 800w,
producto-reloj-1200w.webp 1200w,
producto-reloj-1600w.webp 1600w
"
sizes="(max-width: 600px) 400px,
(max-width: 1024px) 800px,
1200px"
alt="Tissot PRX 40mm automático con esfera verde"
width="1200"
height="1200"
loading="lazy"
>
El elemento picture (multi-formato + dirección de arte)
El elemento <picture> permite servir diferentes formatos de imagen e incluso diferentes recortes de imagen según el soporte del navegador y el tamaño de pantalla. Este es el enfoque recomendado para servir AVIF con respaldo WebP:
<picture>
<!-- AVIF: mejor compresión, servido a navegadores compatibles -->
<source
type="image/avif"
srcset="hero-coleccion.avif"
>
<!-- WebP: excelente compresión, amplio soporte -->
<source
type="image/webp"
srcset="hero-coleccion.webp"
>
<!-- JPEG: respaldo universal -->
<img
src="hero-coleccion.jpg"
alt="Colección primavera 2026 de relojes de lujo exhibidos sobre terciopelo"
width="1200"
height="600"
loading="lazy"
>
</picture>
Prevenir cambios de diseño (CLS)
Incluye siempre los atributos width y height en tus etiquetas <img>. Esto permite al navegador calcular la relación de aspecto de la imagen y reservar el espacio correcto antes de que la imagen cargue, previniendo el Cumulative Layout Shift (CLS) — uno de los tres Core Web Vitals:
<!-- Correcto: width y height previenen el cambio de diseño -->
<img
src="portada-articulo-blog.webp"
alt="Captura de pantalla de resultados de auditoría de SEO de imágenes en seoscore.tools"
width="1200"
height="630"
loading="lazy"
>
<!-- También correcto: usar CSS aspect-ratio como alternativa -->
<style>
.responsive-img {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
}
</style>
Los 6 pilares del SEO de imágenes
Texto alt
Texto descriptivo, rico en palabras clave que indica a los motores de búsqueda y lectores de pantalla lo que muestra la imagen.
Nombres de archivo
Nombres separados por guiones, ricos en palabras clave que describen el contenido de la imagen antes de ser rastreada.
Compresión
Reduce el tamaño del archivo un 60-80% sin pérdida visible de calidad. Crítico para la velocidad de carga y el LCP.
Carga diferida
Pospone las imágenes fuera de pantalla para reducir el tiempo de carga inicial. Nunca apliques lazy a contenido sobre el pliegue.
Responsivo
Sirve imágenes de tamaño óptimo por dispositivo con srcset y el elemento picture.
Schema
Marcado ImageObject e imagen de producto que habilita resultados enriquecidos y comprensión por IA.
Marcado Schema de imágenes
El Schema de imágenes (ImageObject) indica a los motores de búsqueda y sistemas de IA exactamente qué representan tus imágenes, quién las creó y qué licencia tienen. Mientras que el texto alternativo proporciona una descripción legible por humanos, el marcado Schema proporciona datos estructurados legibles por máquinas que los motores de búsqueda pueden usar para generar resultados enriquecidos, carruseles de imágenes y listados mejorados de búsqueda visual.
Schema ImageObject
Usa el Schema ImageObject para imágenes independientes que quieras indexar con metadatos completos:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ImageObject",
"contentUrl": "https://example.com/images/tissot-prx-azul-40mm.webp",
"name": "Tissot PRX Automático Esfera Azul 40mm",
"description": "Vista frontal del reloj Tissot PRX automático con esfera azul sunray y brazalete de acero integrado, caja de 40mm de diámetro",
"width": 1200,
"height": 1200,
"encodingFormat": "image/webp",
"creator": {
"@type": "Organization",
"name": "Gazelli Saat"
},
"copyrightHolder": {
"@type": "Organization",
"name": "Gazelli Saat"
},
"license": "https://example.com/licencia-imagenes"
}
</script>
Schema de imagen de producto
Para comercio electrónico, las imágenes de producto deben referenciarse dentro de tu Schema Product usando la propiedad image. Esto habilita resultados enriquecidos de Google Shopping, carruseles de productos basados en imágenes y funciones de búsqueda visual:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Tissot PRX Automático Esfera Azul 40mm",
"image": [
"https://example.com/images/tissot-prx-azul-frente.webp",
"https://example.com/images/tissot-prx-azul-lateral.webp",
"https://example.com/images/tissot-prx-azul-muneca.webp"
],
"description": "Reloj Tissot PRX automático con esfera azul sunray...",
"brand": {
"@type": "Brand",
"name": "Tissot"
},
"offers": {
"@type": "Offer",
"price": "650.00",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock"
}
}
</script>
Google recomienda proporcionar múltiples imágenes por producto en tu marcado Schema. Incluye al menos una vista frontal, una vista lateral y una toma de uso/estilo de vida. Google usa estas imágenes para mostrar la vista más relevante en los resultados de búsqueda según la intención de búsqueda del usuario.
Tipos de Schema de imagen de un vistazo
| Tipo de Schema | Caso de uso | Propiedades clave |
|---|---|---|
ImageObject |
Imágenes independientes, galerías, fotos de stock | contentUrl, name, description, creator, license |
Product.image |
Fotos de producto de comercio electrónico | Array de URLs de imagen dentro del esquema Product |
Article.image |
Imágenes destacadas de artículos de blog | Más de 1200px de ancho, relación 16:9, 4:3 o 1:1 |
Recipe.image |
Fotos de recetas para resultados enriquecidos | Múltiples imágenes en relaciones 1:1, 4:3 y 16:9 |
HowTo.image |
Imágenes de tutoriales paso a paso | Imagen por paso para resultados how-to visuales |
Prioridades por tipo de imagen
No todas las imágenes de tu sitio web necesitan el mismo nivel de optimización. Concentra tu esfuerzo donde más importa:
Imágenes de producto
Optimización completa: texto alt descriptivo, nombres de archivo con palabras clave, formato WebP, marcado Schema, múltiples ángulos. Estas generan ingresos directamente.
Imágenes de blog / artículo
Optimización completa: texto alt contextual, WebP comprimido, carga diferida, atributos width/height. Estas generan tráfico orgánico y citaciones de IA.
Imágenes decorativas
Atributo alt="" vacío, comprimidas, con carga diferida. No desperdicies oportunidades de palabras clave en patrones de fondo o separadores visuales.
Iconos y elementos de UI
Usa SVG en línea siempre que sea posible. Si es ráster, usa alt="" vacío o aria-hidden="true". Sin valor SEO, enfoque en rendimiento.
SEO de imágenes para búsqueda con IA
En 2026, la optimización de imágenes ya no se trata solo del rastreador tradicional de Google. Los sistemas de IA multimodales — incluyendo GPT-4o, Google Gemini y Claude — pueden interpretar imágenes directamente. Pero incluso estos sistemas avanzados dependen en gran medida de las señales textuales que rodean tus imágenes para construir una comprensión completa de tu contenido.
Cómo interpretan los sistemas de IA las imágenes en tu sitio web:
Texto alternativo como contexto principal. Cuando un sistema de IA encuentra una imagen durante la navegación web o la recuperación de conocimiento, el texto alternativo es la primera y más fiable señal que usa para entender lo que muestra la imagen. Los sistemas de IA ponderan el texto alt de forma significativa porque es una descripción explícita proporcionada por el autor del contenido de la imagen. Un texto alt deficiente significa que la IA malinterpreta tu imagen o la ignora por completo.
Texto circundante para desambiguación. Los sistemas de IA leen el texto inmediatamente antes y después de una imagen para establecer contexto. Una imagen colocada junto a un párrafo sobre "precios del Tissot PRX en 2026" se entiende de manera diferente a la misma imagen colocada en una sección sobre "comparación de movimientos de reloj". La ubicación de tus imágenes en relación con tu texto importa.
Pies de foto como refuerzo. Los pies de foto de imágenes (el elemento <figcaption>) proporcionan una capa adicional de contexto que tanto usuarios como sistemas de IA utilizan. Los pies de foto son leídos con más frecuencia que el texto del cuerpo por los visitantes humanos, y los sistemas de IA los tratan como descripciones de alta confianza. Usa pies de foto para añadir contexto que complemente (no duplique) tu texto alternativo.
Marcado Schema como datos estructurados. Los sistemas de IA, especialmente Gemini de Google y AI Overview, pueden analizar el marcado Schema.org para extraer información estructurada sobre las imágenes. ImageObject, Product.image y otros tipos de Schema dan a los sistemas de IA metadatos legibles por máquinas que van más allá de lo que el texto alt proporciona — incluyendo licencia, fecha de creación, información del creador y dimensiones de la imagen.
<!-- Implementación de imagen optimizada para IA -->
<figure>
<picture>
<source type="image/avif" srcset="resultados-auditoria-seo.avif">
<source type="image/webp" srcset="resultados-auditoria-seo.webp">
<img
src="resultados-auditoria-seo.jpg"
alt="Panel de auditoría SEO mostrando puntuación general de 92 con desglose: SEO técnico 95, contenido 88, backlinks 91"
width="1200"
height="675"
loading="lazy"
>
</picture>
<figcaption>
Resultados de auditoría SEO para example.com después de implementar las recomendaciones de optimización de imágenes.
La puntuación mejoró de 67 a 92 en 4 semanas.
</figcaption>
</figure>
Los sistemas de IA valoran particularmente el texto alternativo que incluye puntos de datos específicos. En lugar de "gráfico mostrando crecimiento de tráfico web", escribe "gráfico de barras mostrando crecimiento del tráfico orgánico de 2.400 a 8.900 visitas mensuales entre enero y junio de 2026." Los números específicos hacen que tu imagen (y tu contenido) sea más útil para resúmenes generados por IA.
Errores comunes de SEO de imágenes
La mayoría de los sitios web cometen al menos tres de estos errores. Cada uno te cuesta silenciosamente tráfico, posicionamiento y visibilidad de IA. Estos son los errores de SEO de imágenes más dañinos y cómo solucionarlos:
- Texto alternativo ausente por completo. El atributo
altse omite de la etiqueta<img>. Esto es tanto una violación de accesibilidad como un fallo de SEO. Solución: Añade texto alt descriptivo a cada imagen de contenido. Usaalt=""solo para imágenes genuinamente decorativas. - Texto alt con relleno de palabras clave. Escribir texto alt como
alt="comprar relojes baratos relojes online mejores relojes Tissot relojes descuento relojes". Esto es spam, inútil para la accesibilidad y puede activar penalizaciones de Google. Solución: Escribe texto alt natural y descriptivo que incluya tu palabra clave principal una vez, de forma natural. - Servir imágenes sin comprimir. Subir imágenes directamente de la cámara o herramienta de diseño sin compresión. Una sola foto sin comprimir puede pesar 5-15 MB, cuando el equivalente WebP comprimido sería de 100-200 KB. Solución: Pasa cada imagen por Squoosh o ShortPixel antes de subirla. Apunta a menos de 100 KB por imagen para la mayoría de los casos.
- Usar solo JPEG y PNG. No servir formatos modernos como WebP o AVIF. Los formatos modernos ofrecen archivos un 25-50% más pequeños a calidad equivalente. Solución: Convierte todas las imágenes a WebP. Usa el elemento
<picture>para servir AVIF donde sea compatible con respaldo WebP. - Carga diferida en la imagen LCP. Aplicar
loading="lazy"a la imagen hero o la imagen más grande sobre el pliegue. Esto retrasa el Largest Contentful Paint y perjudica directamente tu puntuación de Core Web Vitals. Solución: Nunca apliques carga diferida a la primera imagen visible. Usafetchpriority="high"en imágenes hero en su lugar. - Atributos width y height ausentes. No especificar las dimensiones de la imagen en HTML, lo que causa cambios de diseño mientras las imágenes cargan. Esto aumenta tu puntuación de CLS (Cumulative Layout Shift). Solución: Incluye siempre los atributos
widthyheightque coincidan con las dimensiones intrínsecas de la imagen. - Nombres de archivo genéricos. Usar nombres generados por la cámara como
IMG_4521.jpgoDSC_0032.jpg. Estos no proporcionan ningún valor SEO. Solución: Renombra cada imagen con palabras clave descriptivas separadas por guiones antes de subirla. - Mismo texto alt en todas las imágenes. Duplicar texto alt idéntico en múltiples imágenes de la misma página. Esto parece spam para los motores de búsqueda y no proporciona contexto adicional. Solución: Escribe texto alt único para cada imagen que describa con precisión lo que esa imagen específica muestra.
- Sin sitemap de imágenes. No incluir imágenes en tu sitemap XML, lo que reduce la capacidad de Google para descubrirlas e indexarlas. Solución: Añade entradas de imagen a tu sitemap existente o crea un sitemap de imágenes dedicado usando la etiqueta
<image:image>. - Bloquear imágenes en robots.txt. Bloquear accidentalmente directorios de imágenes o dominios de CDN de imágenes en robots.txt. Si Google no puede rastrear tus imágenes, no pueden aparecer en los resultados de Google Imágenes. Solución: Revisa tu robots.txt para asegurarte de que los directorios de imágenes y dominios de CDN no estén bloqueados.
Escanea todas tus imágenes — gratis
Encuentra texto alt ausente, imágenes sobredimensionadas, problemas de formato y carencias de Schema. Obtén puntuaciones SEO, AEO y GEO en un solo escaneo.
Verifica tu SEO de imágenes ahora →Preguntas frecuentes
El texto alternativo (texto alt) es un atributo HTML que se añade a las etiquetas de imagen y que describe el contenido y la función de una imagen. Importa para el SEO porque los motores de búsqueda no pueden "ver" las imágenes como lo hacen los humanos — dependen del texto alternativo para entender lo que muestra una imagen. El texto alt ayuda a que las imágenes se posicionen en Google Imágenes, mejora la relevancia general de la página para las palabras clave objetivo, es obligatorio para la accesibilidad web (los lectores de pantalla leen el texto alt a los usuarios con discapacidad visual) y sirve como texto de respaldo cuando las imágenes no cargan. En 2026, el texto alternativo también es utilizado por los sistemas de IA para comprender el contenido y el contexto de la página.
El texto alternativo debe ser conciso pero descriptivo, idealmente entre 5 y 15 palabras (aproximadamente 50-125 caracteres). Los lectores de pantalla pueden cortar el texto alt después de unos 125 caracteres, por lo que mantenerlo por debajo de este límite asegura que se transmita la descripción completa. Evita textos alt de una sola palabra como "zapato" — no proporcionan contexto significativo. En su lugar, escribe algo descriptivo como "Zapatilla roja Nike Air Max 90 para correr sobre fondo blanco." El objetivo es ser lo suficientemente específico para transmitir el contenido de la imagen sin escribir un párrafo entero.
Las imágenes decorativas que no tienen propósito informativo — como degradados de fondo, líneas divisoras, adornos puramente estéticos o fotos de stock genéricas usadas como relleno visual — deben tener un atributo alt vacío (alt=""). Esto le dice a los lectores de pantalla que omitan la imagen por completo, lo que mejora la experiencia para los usuarios con discapacidad visual. Sin embargo, ten cuidado con lo que clasificas como "decorativo". Si una imagen añade contexto, muestra un producto, ilustra un concepto o contiene cualquier contenido significativo, NO es decorativa y necesita texto alternativo descriptivo.
WebP es el mejor formato de imagen general para SEO en 2026. Ofrece archivos un 25-35% más pequeños en comparación con JPEG a calidad equivalente, soporta compresión con y sin pérdida, soporta transparencia (a diferencia de JPEG) y tiene soporte universal en los navegadores. AVIF es un formato más nuevo que ofrece una compresión aún mejor (hasta un 50% más pequeño que JPEG), pero el soporte en navegadores aún está poniéndose al día y la codificación es más lenta. El enfoque recomendado es usar WebP como formato principal y servir AVIF como mejora progresiva usando el elemento HTML <picture> con AVIF como primera fuente y WebP como respaldo.
Sí, los nombres de archivo de imagen son una señal SEO confirmada. Google usa los nombres de archivo para entender el contenido de las imágenes, especialmente cuando otro contexto (como el texto alt o el texto circundante) es limitado. Las mejores prácticas para nombres de archivo de imagen incluyen: usar nombres descriptivos y ricos en palabras clave (ej. bolso-bandolera-cuero-azul.webp en lugar de IMG_4521.jpg), separar palabras con guiones (no guiones bajos ni espacios), mantener nombres concisos (3-6 palabras), usar solo letras minúsculas e incluir tu palabra clave principal de forma natural. El nombre de archivo es una de las primeras señales que Google usa al indexar una imagen, así que hacerlo bien le da a tus imágenes una ventaja de posicionamiento desde el principio.
Conclusiones clave
- El texto alternativo es el elemento de SEO de imágenes de mayor impacto. Escribe texto alt descriptivo, que incluya palabras clave (5-15 palabras) para cada imagen de contenido. Usa
alt=""vacío para imágenes decorativas. Nunca dejes el atributo alt ausente por completo. - Los nombres de archivo importan más de lo que crees. Renombra cada imagen con palabras clave descriptivas separadas por guiones antes de subirla.
tissot-prx-esfera-azul-40mm.webpes infinitamente mejor queIMG_4521.jpg. - WebP es el formato estándar para 2026. Convierte todas las imágenes a WebP. Usa el elemento
<picture>para servir AVIF como mejora progresiva. Apunta a menos de 100 KB por imagen para la mayoría de los casos. - La compresión es la mayor ganancia de velocidad de carga. La compresión con pérdida al 80% de calidad reduce los tamaños de archivo un 70-80% sin pérdida visible de calidad. Usa Squoosh, ShortPixel o pipelines automatizados para comprimir cada imagen.
- La implementación técnica importa. Incluye siempre los atributos
widthyheightpara prevenir CLS. Usaloading="lazy"para imágenes bajo el pliegue yfetchpriority="high"para imágenes hero. Implementasrcsetpara servido responsivo. - El Schema de imágenes desbloquea resultados enriquecidos. Usa el Schema
ImageObjectpara imágenes independientes yProduct.imagepara comercio electrónico. Incluye múltiples ángulos de imagen en el Schema de producto para máxima visibilidad. - Los sistemas de IA dependen de los metadatos de tus imágenes. El texto alt, los pies de foto, los nombres de archivo y el marcado Schema son la forma en que los modelos de IA multimodales entienden tus imágenes. Optimiza estos elementos y tu contenido se vuelve más valioso para cada plataforma de búsqueda con IA. Usa seoscore.tools para auditar el SEO de tus imágenes en todas estas dimensiones.