Guía de SEO de Imágenes: Texto Alternativo, Tamaño y Posicionamiento en Búsqueda de Imágenes

En una página web promedio, el mayor porcentaje de los datos descargados corresponde a las imágenes. Y, al mismo tiempo, en la mayoría de los sitios es también el elemento menos optimizado.

Esto tiene dos costos distintos: la página se vuelve más lenta (bajan los Core Web Vitals, cae la conversión) y el tráfico que podría llegar desde Google Imágenes simplemente no llega. Esta guía aborda ambos problemas.

¿Qué Abarca el SEO de Imágenes?

Es la intersección de tres áreas distintas:

Accesibilidad: ¿puede una persona que usa lector de pantalla entender qué muestra la imagen?
Rendimiento: ¿qué tan rápido carga la imagen? ¿desplaza el diseño de la página?
Descubribilidad: ¿aparece en Google Imágenes y en los resultados de búsqueda visual?

Las tres se ven afectadas por las mismas decisiones técnicas; por eso hay que abordarlas juntas.

Escribir Correctamente el Texto Alternativo (alt text)

El texto alternativo es el equivalente textual de la imagen. Se muestra cuando la imagen no carga, lo lee el lector de pantalla y es la señal principal para que Google entienda la imagen.

Caso	Mal	Bien
Foto de producto	alt="producto1.jpg"	alt="Bolso de hombro de cuero azul para mujer, vista frontal"
Captura de pantalla	alt="captura de pantalla"	alt="Filtro de consultas en el informe de rendimiento de Search Console"
Relleno de palabras clave	alt="agencia seo servicio seo precios seo"	alt="Gráfico de tráfico orgánico mensual, enero-junio 2026"
Imagen decorativa	alt="línea decorativa"	alt="" (se deja vacío)

Reglas:

Escríbelo como si se lo describieras a alguien que no puede ver la imagen. Esa es la prueba correcta.
No superes los 125 caracteres. Algunos lectores de pantalla cortan lo que viene después.
No empieces con «imagen de» o «foto de». Ya se sabe que es una imagen.
En las imágenes decorativas, deja alt="". No lo elimines — un alt vacío le dice al lector de pantalla «sáltate esto»; la ausencia total del atributo hace que lea el nombre del archivo.
No hagas relleno de palabras clave. Puede considerarse una señal de spam.

Nombre de Archivo y URL

Los nombres de archivo de las imágenes todavía transmiten una señal, y su costo es cero:

IMG_20260813_113244.jpg   →   bolso-hombro-cuero-azul.jpg

No uses tildes ni eñes (á, ñ, ó pueden dar problemas en algunos servidores), separa las palabras con guiones y no uses guion bajo.

¿Qué Formato Usar: WebP o AVIF?

Formato	Cuándo usarlo	Nota
WebP	Opción por defecto	Compatible con todos los navegadores actuales, notablemente más ligero que JPEG
AVIF	Imágenes grandes, páginas con mucho contenido fotográfico	Archivo más pequeño, codificación más lenta
SVG	Logos, iconos, gráficos simples	Vectorial; no se deforma al ampliarlo
JPEG	Solo si necesitas compatibilidad con navegadores muy antiguos	Ha sido reemplazado por WebP
PNG	Casos que requieren transparencia	No lo uses para fotografías, el peso crece mucho

Enfoque práctico: usa WebP como formato por defecto, ofrece AVIF mediante la etiqueta <picture> y deja JPEG como respaldo.

<picture>
  <source srcset="producto.avif" type="image/avif">
  <source srcset="producto.webp" type="image/webp">
  <img src="producto.jpg" alt="Bolso de hombro de cuero azul para mujer" width="800" height="1000">
</picture>

Tamaño y Resolución

El desperdicio más común: colocar una fotografía de 4000 píxeles de ancho en un espacio que se muestra en pantalla con solo 600 píxeles. El navegador descarga el archivo completo y luego lo reduce.

Reglas:

No subas la imagen con un tamaño mayor al doble del tamaño máximo en que se mostrará (2x es suficiente para pantallas retina).
Usa srcset para servir tamaños distintos según la pantalla.
Para imágenes de contenido, el tamaño objetivo es menos de 200 KB. En imágenes de portada a ancho completo, procura no superar los 400 KB.

<img src="producto-800.webp"
     srcset="producto-400.webp 400w, producto-800.webp 800w, producto-1600.webp 1600w"
     sizes="(max-width: 600px) 100vw, 800px"
     alt="Bolso de hombro de cuero azul para mujer"
     width="800" height="1000">

¿Por Qué Es Crítico Especificar width y height?

Si no especificas los atributos width y height, el navegador no puede saber cuánto espacio ocupará la imagen. Cuando la imagen carga, el contenido de abajo se desplaza — esto arruina la métrica Cumulative Layout Shift (CLS) y baja tu evaluación de Core Web Vitals.

Especialmente en móvil, un diseño que se mueve también provoca que el usuario haga clic en el lugar equivocado. Estos dos atributos son la ganancia más barata en Core Web Vitals; para más detalles, consulta nuestra guía de Core Web Vitals.

La Trampa del Lazy Loading

loading="lazy" no carga las imágenes hasta que entran en pantalla; esto acelera la apertura de la página. Pero no apliques lazy a la imagen que está en el área visible inicial.

La imagen de portada en la parte superior de la página suele ser el elemento de Largest Contentful Paint (LCP). Aplicarle lazy loading empeora directamente la métrica de velocidad más importante que mides.

Regla: lo que se ve en la primera pantalla lleva loading="eager", lo que está más abajo lleva loading="lazy".

Obtener Tráfico desde Google Imágenes

La búsqueda de imágenes es una fuente de tráfico que se subestima en muchos sectores (moda, decoración, gastronomía, mobiliario, repuestos de automóviles). Los factores principales que afectan el posicionamiento son:

El texto que rodea la imagen. Google infiere el contexto de la imagen principalmente del título y el párrafo más cercanos.
El posicionamiento de la propia página. Si la página tiene autoridad en el tema, sus imágenes también aparecen más arriba.
Originalidad. Las fotos de stock son idénticas en miles de sitios; tu propia imagen tiene más posibilidades de destacar.
Datos estructurados. Los esquemas de producto, receta y video aportan distintivos en los resultados visuales — lo explicamos en nuestra guía de schema markup.
Sitemap de imágenes. Facilita el descubrimiento, especialmente en sitios donde las imágenes se cargan con JavaScript.

Sitemap de Imágenes

Puedes añadir información de imágenes a tu sitemap normal:

<url>
  <loc>https://tusitio.com/producto/bolso</loc>
  <image:image>
    <image:loc>https://tusitio.com/img/bolso.webp</image:loc>
  </image:image>
</url>

Esto genera una diferencia notable en sitios que cargan las imágenes con JavaScript después de que la página termina de cargar. Para conocer toda la estructura del sitemap, consulta nuestra guía de robots.txt y sitemap.

Checklist

[ ] ¿Todas las imágenes de contenido tienen un alt con sentido?
[ ] ¿Las imágenes decorativas tienen alt=""?
[ ] ¿Los nombres de archivo son descriptivos, con guiones y sin tildes ni eñes?
[ ] ¿El formato es WebP (o AVIF)?
[ ] ¿Los tamaños de archivo están por debajo de 200 KB?
[ ] ¿Están especificados width y height?
[ ] ¿La imagen de la primera pantalla no tiene lazy?
[ ] ¿Se ofrece una versión más pequeña para móvil con srcset?
[ ] ¿Las imágenes se sirven a través de un CDN?
[ ] ¿El sitemap incluye información de imágenes?

Preguntas Frecuentes

¿Debo incluir una palabra clave en el texto alternativo?

Si aparece de forma natural, sí; si es forzado, no. La función principal del texto alternativo es describir la imagen; si la palabra clave encaja de forma natural dentro de esa descripción, no hay problema.

¿Usar fotos de stock es perjudicial?

No hay penalización de posicionamiento, pero tus posibilidades de destacar en la búsqueda visual son bajas porque el mismo archivo está en cientos de sitios. Tu propia fotografía siempre es mejor — incluso con un presupuesto bajo.

¿Trasladar las imágenes a un CDN afecta al SEO?

Lo afecta positivamente; el tiempo de carga baja. Si las sirves desde un dominio distinto, usa las direcciones completas en el sitemap de imágenes.

¿Cuántas imágenes son demasiadas?

El número en sí no es el problema, sino el peso total. Una página con diez imágenes que pesa 800 KB no tiene problema; una página con tres imágenes que pesa 6 MB sí lo tiene.

Artículos Relacionados: