2026-07-26

Optimización SEO de Imágenes: Checklist Práctico 2026

Una lista de verificación práctica de SEO para imágenes en 2026: lo que Google y Bing necesitan para clasificar una imagen, alt text, nombres de archivo, formatos, marcado responsive, Core Web Vitals, datos estructurados y la auditoría mensual.

Optimización SEO de Imágenes: Checklist Práctico 2026

Última actualización: July 26, 2026

Image SEO es donde la velocidad de la página, la accesibilidad y el descubrimiento en búsqueda convergen en un solo archivo. Esta lista de verificación cubre lo que Google y Bing necesitan antes de que una imagen pueda clasificar, cómo escribir alt text y nombres de archivo que le den contexto, la estrategia de carga que protege Core Web Vitals, y la auditoría mensual que detecta desviaciones después de publicar.

Respuesta rápida: ¿qué es Image SEO?

Image SEO es la práctica de hacer que las imágenes sean comprensibles, rápidas, accesibles y elegibles para el descubrimiento en búsqueda. Un flujo de trabajo sólido de Image SEO cubre nombres de archivo descriptivos, alt text útil, dimensiones correctas, formatos modernos, compresión, datos estructurados cuando es relevante y medición continua en Google Search Console.

El objetivo no es rellenar palabras clave en cada imagen. El objetivo es ayudar a un usuario, navegador, rastreador (crawler) y sistema de respuesta IA a entender lo que muestra la imagen y por qué es importante en la página.

¿Quién debería usar esta lista de verificación?

Usa esta lista de verificación si las imágenes afectan el valor de tu página. Esto incluye:

  • Páginas de productos de e-commerce donde las fotos impulsan la confianza y la conversión.
  • Publicaciones de blog donde los gráficos, capturas de pantalla o diagramas explican la respuesta.
  • Páginas de herramientas donde las capturas de pantalla muestran el flujo de trabajo.
  • Páginas de servicio local donde las fotos de proyectos reales demuestran experiencia.
  • Páginas editoriales que dependen de la búsqueda de imágenes o citas de respuestas IA.

Si tu página tiene solo imágenes decorativas, mantenlas ligeras y usa alt text vacío. Si tu imagen lleva significado, optimízala como contenido.

¿Qué necesita Google o Bing antes de que una imagen pueda clasificar?

Los sistemas de búsqueda necesitan descubrir, obtener, comprender y asociar la imagen con la página correcta. Si falla un paso, el mejor alt text no rescatará el activo.

El contexto es lo que separa a una imagen clasificada de una ignorada. Una foto de un zapato azul para correr en una página en blanco es más débil que la misma foto dentro de una página de producto con un título claro, nombre del modelo, color, opciones de talla y alt text descriptivo. Google puede usar el archivo de imagen, el título de la página, los encabezados, el texto visible, los pies de foto, los datos estructurados y los enlaces para determinar lo que representa una imagen.

Capa SEO Qué verificar Solución práctica
Discovery La imagen aparece en HTML normal o en una página renderizada a la que un rastreador puede acceder Usa <img> o <picture> para imágenes importantes, no solo imágenes de fondo CSS
Fetching La URL de la imagen devuelve 200, no está bloqueada y no requiere cookies Prueba la URL del CDN directamente con curl -I
Context El texto cerca de la imagen explica por qué está en la página Añade un párrafo corto o un pie de foto que nombre el sujeto y la conclusión
Canonical La imagen pertenece a la página canónica, no a una URL duplicada Mantén las etiquetas canonical, URLs del sitemap y enlaces internos alineados
Metadata Article, Product, Recipe u Open Graph data usa una imagen representativa Usa la misma URL de imagen estable del CDN en los datos estructurados cuando sea apropiado

Evita las URLs firmadas temporales para imágenes públicas de artículos a menos que la URL renderizada final sea pública e indexable. Mantén el archivo lo suficientemente estable como para ser cacheado y rastreado nuevamente.

La guía de imágenes de Google enfatiza nombres de archivo descriptivos, alt text, contexto de página y URLs de imagen rastreables en Google Images best practices. La guía de webmaster de Bing apunta en la misma dirección: hacer que las páginas sean rastreables, evitar el cloaking y usar marcado descriptivo en lugar de trucos ocultos, según las Bing Webmaster Guidelines.

¿Qué debo optimizar primero?

Empieza con las imágenes más propensas a afectar la experiencia del usuario y la interpretación de búsqueda:

Prioridad Tipo de imagen Por qué es importante Primera solución
1 Imagen hero LCP A menudo controla la velocidad percibida de la página Redimensionar, comprimir, precargar o marcar como prioridad
2 Imagen de producto o resultado Impulsa clics, confianza y conversiones Nombre de archivo descriptivo y alt text
3 Captura de pantalla instructiva Ayuda a los usuarios a completar una tarea Pie de foto y explicación circundante
4 Gráficos y diagramas A menudo citados por respuestas IA Resumir la conclusión cerca de la imagen
5 Fondo decorativo Generalmente no útil para búsqueda Comprimir y usar alt text vacío

No empieces renombrando archivos en masa. Empieza donde la imagen cambia lo que el usuario entiende.

¿Cómo eliges el formato de imagen adecuado?

Usa el formato que coincida con el contenido visual. Elegir un formato incorrecto sigue siendo una de las formas más fáciles de ralentizar una página.

Espacio de trabajo de desarrollador revisando marcado de imágenes, comportamiento de carga y rendimiento de la página

Contenido de imagen Mejor predeterminado Usar esto cuando Evitar
Foto de producto WebP o JPEG Fotos del mundo real con degradados PNG para fotos grandes
Recorte de producto transparente WebP o PNG Se requiere transparencia JPEG, porque elimina el alfa
Icono o logo SVG Formas vectoriales y marcas planas Archivos rasterizados para iconos simples
Captura de pantalla con texto PNG o WebP Importan los bordes nítidos JPEG sobrecomprimido
Hero editorial grande WebP o AVIF Puedes servir formatos modernos de forma segura Originales de cámara de resolución completa

Para la mayoría de los equipos web, WebP es el predeterminado práctico. AVIF puede ser más pequeño, pero prueba la calidad y el manejo del navegador antes de cambiar cualquier activo.

¿Qué es un buen alt text?

Un buen alt text describe la imagen en el contexto de la página. Debe ayudar a alguien que no puede ver la imagen a entender la misma información que recibe un usuario vidente.

Canales de descubrimiento social y búsqueda donde las imágenes optimizadas pueden ganar más visibilidad

Usa este patrón:

  1. Nombra el sujeto.
  2. Añade el detalle relevante.
  3. Incluye contexto solo si es importante para la página.
  4. Detente antes de que se convierta en un párrafo.

Ejemplos:

Imagen Alt débil Alt mejorado
Foto de producto zapato Zapato deportivo verde para senderismo con suela texturizada sobre fondo blanco
Captura de pantalla panel de control Panel de control de compresión de imágenes que muestra una reducción del tamaño del archivo del 72 por ciento
Gráfico gráfico Gráfico de barras comparando tamaños de archivo JPEG, WebP y AVIF para fotos de productos
Resplandor decorativo fondo verde Alt text vacío: alt=""

La guía de Image SEO y la guía de accesibilidad de Google apuntan en la misma dirección: describir imágenes útiles para las personas primero. Si la imagen es decorativa, no la fuerces en la búsqueda.

¿Cómo deben escribirse los nombres de archivo?

Usa nombres de archivo cortos y descriptivos antes de subir. Un rastreador puede leer la URL, y un humano que depura una biblioteca de activos también puede hacerlo.

Nombres de archivo buenos:

  • green-trail-running-shoe-side-view.webp
  • image-compression-before-after-chart.svg
  • shopify-product-photo-white-background.jpg

Nombres de archivo débiles:

  • IMG_2847.jpg
  • final-final-2.png
  • screenshot.png

Mantén los nombres de archivo estables después de publicar. Renombrar imágenes antiguas crea un cambio de URL a menos que redirijas o actualices cada referencia.

¿Cómo afectan las imágenes a Core Web Vitals?

Las imágenes generalmente afectan dos Core Web Vitals directamente:

  • LCP: la imagen más grande por encima del pliegue (above-the-fold) a menudo se convierte en el elemento Largest Contentful Paint.
  • CLS: las imágenes sin dimensiones reservadas pueden desplazar el diseño al cargarse.

Usa esta regla:

Posición de la imagen Estrategia de carga Estrategia de tamaño
Hero principal o portada del artículo No hacer lazy load; priorizarlo Servir cerca del tamaño de visualización
Imagen de artículo por debajo del pliegue (below-fold) Lazy loading nativo está bien Usar relación de aspecto fija o ancho/alto
Icono o Chrome de UI SVG en línea o activo pequeño cacheado Mantenerlo diminuto y reutilizable
Miniaturas de galería Lazy load Generar archivos con tamaño de miniatura

En este sitio, las portadas de blog reservan un cuadro de 16:9 antes de que cargue la imagen. Eso protege la estabilidad del diseño incluso cuando una imagen CDN es lenta.

El lazy loading pospone las imágenes fuera de la pantalla, lo que acelera el primer renderizado y ahorra ancho de banda. Aplicado ciegamente hace lo contrario: puede retrasar el elemento LCP. La división que se mantiene después de medir ambos resultados:

<!-- Hero: cargar inmediatamente -->
<img src="hero.webp" loading="eager" fetchpriority="high"
     width="1600" height="900" alt="Foto de producto hero">

<!-- Galería: posponer -->
<img src="thumb-03.webp" loading="lazy" decoding="async"
     width="400" height="300" alt="Ángulo tres del detalle del producto">

Siempre empareja el lazy loading con width y height explícitos para evitar CLS. El recorrido completo de implementación está en how to lazy load images.

¿Cómo afectan las imágenes responsivas a SEO?

Las imágenes responsivas ayudan a los usuarios y rastreadores a obtener el archivo correcto para el dispositivo. Un visitante móvil no debe descargar la misma hero enorme que recibe un monitor de escritorio. Usa srcset y sizes cuando una imagen necesita múltiples anchos, y mantén un valor alt significativo en el elemento img.

<img
  src="/images/product-shoe-1200.webp"
  srcset="/images/product-shoe-600.webp 600w, /images/product-shoe-1200.webp 1200w"
  sizes="(max-width: 700px) 92vw, 680px"
  width="1200"
  height="800"
  alt="Zapato deportivo azul para senderismo con cordones negros y suela blanca gruesa"
  loading="lazy"
>

Para la generación de derivados en masa, la batch resize guide proporciona un flujo de trabajo de línea de comandos. Para decisiones específicas de dispositivos móviles, combínalo con mobile image optimization.

¿Deberías alojar imágenes en tu propio dominio?

Generalmente sí. Las imágenes autoalojadas en tu dominio (o tu subdominio CDN) mantienen la equidad de enlaces y la atribución de marca contigo, y te permiten controlar el cacheado, los encabezados y la analítica. El alojamiento de terceros puede fallar, filtrar referencias y diluir las señales de propiedad.

Usa un CDN que sirva desde tu propio dominio o un subdominio first-party. Eso te da entrega global de bordes y compresión sin ceder el control; las compensaciones se cubren en la image CDN guide.

¿Deberías añadir imágenes a los datos estructurados?

Sí, cuando el tipo de página lo permite. Article, Product, Recipe y Organization schema pueden incluir campos de imagen. La URL de la imagen debe ser rastreable, estable y representativa de la página.

Para las publicaciones de blog, las comprobaciones importantes son:

  • JSON-LD Article o BlogPosting incluye titular, descripción, fecha, URL canónica, autor o editor, e imagen.
  • La imagen no está bloqueada por robots.
  • La misma URL de artículo canónico aparece en metadatos, sitemap y enlaces internos.
  • La imagen es relevante para el artículo, no un gráfico predeterminado genérico reutilizado en docenas de publicaciones.

Este proyecto ahora usa indexación de blog solo con canonical, por lo que los slugs antiguos duplicados deben redirigir al artículo canónico en lugar de competir con él.

¿Qué hace útil a Image SEO para las respuestas IA?

Los sistemas de respuesta IA prefieren páginas con pasajes claros y autocontenidos. Para las páginas de Image SEO, los mejores pasajes conectan la imagen a una respuesta práctica.

Buen pasaje citable por IA:

Para una foto de producto, el mejor flujo de trabajo predeterminado es: recortar a la relación de visualización, exportar como WebP o JPEG, mantener la imagen principal por debajo de 200 KB cuando sea posible, escribir alt text que nombre el producto y detalle visible, y reservar ancho y alto para evitar cambios de diseño.

Ese pasaje funciona porque responde una pregunta específica sin necesidad de cinco párrafos circundantes.

Añade bloques de respuesta directa similares cerca de gráficos, listas de verificación y ejemplos. No escondas la respuesta debajo de una introducción larga.

¿Cómo auditas Image SEO cada mes?

Revisión de biblioteca de imágenes de escritorio antes de comprimir, nombrar y publicar imágenes web

Ejecuta esta auditoría mensual en las páginas que más importan:

  1. Exporta las páginas de destino con mejores imágenes desde Google Search Console.
  2. Verifica si la imagen principal de cada página es única y relevante.
  3. Encuentra archivos superiores a 200 KB y comprímelos o redimensiónalos.
  4. Revisa el alt text en busca de descripciones faltantes, vagas o repletas de palabras clave.
  5. Comprueba LCP y CLS en PageSpeed Insights o tus datos de campo.
  6. Confirma que Article o Product schema usa la imagen correcta.
  7. Actualiza capturas de pantalla antiguas cuando cambia la interfaz de usuario (UI).

El fallo más común no es un error técnico. Es una imagen obsoleta o genérica que ya no apoya el artículo.

Cuando audité la foto de portada de esta guía, comprimí la exportación original de cámara a un archivo WebP medido de 61 KB sin pérdida visible de calidad.

Lista de verificación de Image SEO

Antes de publicar:

  • La imagen de portada es única para el artículo.
  • La imagen de portada explica el tema del artículo de un vistazo.
  • Cada imagen significativa tiene alt text descriptivo.
  • Las imágenes decorativas usan alt text vacío.
  • Los nombres de archivo describen el sujeto en inglés simple.
  • Las fotos grandes están comprimidas y redimensionadas.
  • Las imágenes por encima del pliegue no están lazy loadeadas.
  • Las imágenes por debajo del pliegue reservan espacio de diseño.
  • Article o Product schema incluye una URL de imagen rastreable.
  • La página tiene al menos una imagen que es lo suficientemente útil como para ganar un clic o una cita.

Después de publicar:

  • Prueba la página en móvil.
  • Comprueba el HTML renderizado en busca de etiquetas canónicas e Open Graph de imagen.
  • Ejecuta PageSpeed Insights en plantillas importantes.
  • Observa las impresiones y clics de imágenes de Google Search Console.
  • Reemplaza las imágenes predeterminadas o repetidas tan pronto como las encuentres.

Herramientas recomendadas

Tarea Herramienta Por qué
Comprimir imágenes Compresor de Imágenes Reducción rápida del tamaño del archivo antes de subir
Convertir formatos Convertidor de Formatos Convierte activos PNG, JPEG y WebP
Redimensionar dimensiones Redimensionador de Imágenes Coincida con el tamaño de visualización antes de la compresión
Eliminar fondos Eliminador de Fondos Crea recortes de productos limpios
Validar rendimiento de página PageSpeed Insights Comprueba LCP, INP y CLS
Leer guía oficial Google image SEO best practices Fuente primaria para la guía de imágenes rastreables
Revisar contenido útil Google helpful content guidance Asegúrate de que la página ayude a los usuarios primero

Errores comunes a evitar

¿Se puede reutilizar una imagen genérica en muchas publicaciones?

No. Una portada predeterminada repetida debilita la página antes de que un lector comience. Indica que el artículo podría ser relleno programático, y da a los sistemas de búsqueda menos contexto específico de la página.

¿Debe el alt text repetir la palabra clave objetivo?

Solo cuando la palabra clave describe naturalmente la imagen. image SEO checklist dashboard está bien para una imagen de panel de control. image SEO image SEO image SEO es spam y perjudica la accesibilidad.

¿Todas las imágenes deben ser lazy loadeadas?

No. Haz lazy load a las imágenes por debajo del pliegue. No hagas lazy load a la imagen principal si es probable que sea el elemento LCP.

¿Es siempre necesario un sitemap de imágenes?

No siempre. Google puede descubrir imágenes desde HTML normal. Las entradas de sitemap de imágenes son más útiles cuando las imágenes se cargan a través de JavaScript, galerías o grandes bibliotecas multimedia donde el descubrimiento es más difícil.

Guías relacionadas

Preguntas frecuentes

¿Qué imagen de una página debo optimizar primero?

Arregla la imagen hero más grande por encima del pliegue primero, ya que generalmente controla el Largest Contentful Paint de la página antes de que importe cualquier otra imagen.

¿Por qué un recorte de producto transparente necesita PNG o WebP en lugar de JPEG?

JPEG no tiene canal alfa, por lo que rellena los píxeles transparentes con un fondo sólido y destruye el efecto de recorte que preservan PNG o WebP.

¿Las imágenes decorativas necesitan alt text?

No, las imágenes puramente decorativas deben enviarse con alt text vacío para que los lectores de pantalla las omitan en lugar de anunciar relleno sin sentido.

¿Es seguro renombrar un archivo de imagen después de que la página ya ha sido publicada?

Solo si configuras una redirección o actualizas cada referencia, porque renombrar un archivo de imagen activo crea enlaces rotos y cambio de URL.

¿Los iconos y el chrome de UI deben optimizarse de la misma manera que las imágenes de contenido?

No, los iconos y el chrome de UI funcionan mejor como SVG en línea o un activo pequeño cacheado en lugar del tratamiento de compresión y alt text utilizado para imágenes de contenido significativas.

¿Qué hace que un pasaje relacionado con imágenes sea más probable que sea citado por un motor de respuesta IA?

Un pasaje autocontenido que establece un flujo de trabajo concreto, como la relación de recorte, el tamaño de archivo objetivo y el formato, sin requerir que el lector se desplace a través de párrafos circundantes.

¿Qué debe verificar realmente una auditoría mensual de Image SEO?

Debe señalar archivos superiores a 200 KB, alt text vago o faltante, y cualquier página con imágenes de alto rendimiento cuyo LCP o CLS haya cambiado desde la última revisión.

¿Todo sitio web necesita el mismo nivel de esfuerzo de Image SEO?

No, las páginas de e-commerce, editoriales y servicios locales dependen de fotos significativas y necesitan una optimización real, mientras que las páginas con solo imágenes decorativas necesitan poco más que compresión.

Usa las herramientas gratuitas mientras sigues la guía.