SEO de Imágenes: Guía Completa para Optimizar Imágenes para la Búsqueda

Un Sitio Donde las Imágenes Eran Todo el Problema

Después de revisar una tienda de e-commerce el año pasado que lo tenía todo técnicamente correcto: hosting rápido, código limpio, buen contenido. Pero su velocidad de página móvil era de 34 sobre 100. No podía entender por qué hasta que miré el peso de la página. Su homepage cargaba 14 MB de imágenes en el primer pintado. Catorce megabytes. Para una homepage.

¿El culpable? Cada foto de producto se subía como un PNG de 3000px de ancho directamente desde la cámara del fotógrafo. Sin compresión, sin redimensionado, sin formatos modernos. En móvil, los usuarios descargaban imágenes de tamaño de escritorio con conexiones 4G. Lo convertimos todo a WebP, añadimos tamaño responsive y redujimos la carga total de imágenes a 800 KB. La velocidad de página saltó a 87. Ese único arreglo, solo imágenes, mejoró sus Core Web Vitals de "poor" (pobre) a "good" (bueno) en todo el sitio.

Esa experiencia cambió cómo pienso sobre el SEO de imágenes. No es un complemento agradable de tener. A menudo es el mayor cuello de botella de rendimiento de una página.

Texto Alternativo: Lo Que Probablemente Estás Haciendo Mal

El texto alternativo cumple dos funciones que la gente confunde: accesibilidad para lectores de pantalla y contexto para los buscadores. Ambas importan, pero sirven a públicos diferentes.

Para la accesibilidad, el texto alternativo describe qué es la imagen para que alguien que no puede verla reciba la misma información. Para el SEO, el texto alternativo le dice al buscador qué representa la imagen para que pueda aparecer en los resultados de búsqueda de imágenes. Un buen texto alternativo cumple ambas funciones a la vez.

Lo que veo que falla constantemente. La gente escribe texto alternativo como "imagen de producto" o simplemente rellena palabras clave: "comprar artilugio azul online mejor precio". Ninguno ayuda a nadie. El mejor texto alternativo es específico y descriptivo: "Mujer haciendo senderismo por un sendero de montaña con mochila roja al atardecer": eso es útil para un usuario de lector de pantalla y además da a Google un contexto claro.

Mantenlo bajo 125 caracteres. Los lectores de pantalla cortan los textos más largos, así que aunque quieras ser minucioso, estás perdiendo el tiempo a partir de ese punto. Las imágenes decorativas (patrones de fondo, imágenes de separación) deben tener atributos alt vacíos: alt="": así los lectores de pantalla las omiten por completo.

Un error que cometí al principio: escribí el mismo texto alternativo para cada variante de producto. "Zapatilla de correr azul" era el texto alternativo para la versión azul, la roja y la verde. Google no podía diferenciarlas en la búsqueda de imágenes. Cada variante necesita un texto alternativo único que la distinga de las demás.

Nombres de Archivo: El Arreglo de Cinco Minutos Que Importa

Sé que suena básico, pero sigo viendo sitios con imágenes llamadas "IMG_4729.JPG" y "photo-1.png". Los buscadores usan los nombres de archivo como señal del contenido de la imagen. Renombrar archivos tarda cinco minutos y no cuesta nada.

La convención que sigo: usa guiones entre palabras, incluye la palabra clave principal y sé descriptivo. red-leather-wallet.jpg (cartera roja de cuero) gana a IMG_4729.JPG siempre. seo-audit-checklist-2026.png le dice a Google exactamente de qué trata esa imagen.

Formatos de Imagen: Mi Opinión Honesta

Todo el mundo impulsa ahora el WebP como formato por defecto y, en la mayoría de los casos, tienen razón. WebP da archivos un 25-35% más pequeños que JPEG con calidad comparable. El soporte del navegador supera el 96%. Para fotos e imágenes complejas, es el estándar.

Pero voy a discrepar del grupo de "WebP para todo". Para capturas de pantalla e imágenes con texto, WebP puede introducir artefactos de compresión alrededor de los bordes nítidos. Después de hacer pruebas en una página de tutorial con muchas capturas, los artefactos de WebP hacían el texto más difícil de leer. El PNG era en realidad mejor para esas imágenes concretas, aunque fuera un archivo más grande. A veces el formato "mejor" no es el mejor para tu caso de uso específico.

El AVIF es técnicamente superior a WebP: archivos hasta un 50% más pequeños, pero el soporte del navegador sigue rondando el 80%. Lo uso como mejora con respaldo de WebP. La mayoría de usuarios no notará la diferencia, pero los que están en navegadores compatibles consiguen una carga más rápida.

El SVG para logos e iconos es innegociable. Los formatos vectoriales escalan perfectamente y suelen ser archivos diminutos. Si tu logo sigue siendo un PNG, arréglalo hoy.

Esta es la decisión de formato que uso: las fotos van a WebP, las capturas se quedan en PNG, los logos e iconos van a SVG, y AVIF con respaldo de WebP para sitios donde cada milisegundo de rendimiento cuenta.

Imágenes Responsive: Deja de Servir Imágenes de Escritorio en Móvil

Es el segundo mayor asesino de rendimiento después de la compresión. Si no usas srcset, cada visitante móvil descarga tu imagen de escritorio a tamaño completo.

El HTML es sencillo:

<img src="photo-800.jpg"
     srcset="photo-400.jpg 400w, photo-800.jpg 800w, photo-1200.jpg 1200w"
     sizes="(max-width: 600px) 400px, 800px"
     alt="Description">

El navegador elige el tamaño correcto según el viewport del usuario. Un teléfono recibe la versión de 400px, una tableta la de 800px y un escritorio la de 1200px. Concepto simple, impacto masivo.

En esa tienda de e-commerce que mencioné, solo las imágenes responsive redujeron la carga media de imágenes en un 60% para usuarios móviles. Esa es la diferencia entre una carga de 3 segundos y una de 1 segundo en una conexión 4G típica.

Lazy Loading: La Manera Correcta y la Incorrecta

El lazy loading pospone las imágenes bajo el pliegue para que no bloqueen el renderizado inicial de la página. El soporte nativo del navegador existe desde 2020, así que puedes simplemente añadir loading="lazy":

<img src="photo.jpg" loading="lazy" alt="Description">

Pero este es el error que comete la gente: aplicar lazy loading a las imágenes hero. Tu contenido sobre el pliegue debe cargarse inmediatamente. Solo haz lazy loading de las imágenes que aparecen después de que el usuario haga scroll. En mi experiencia, los sitios aplican lazy loading a su banner hero, lo que hunde el LCP porque el navegador espera a buscar el elemento visual más importante.

Algo que vale la pena señalar: si usas un CDN o un servicio de optimización de imágenes, comprueba cómo gestionan el lazy loading. Algunos servicios añaden su propio JavaScript de lazy loading que entra en conflicto con el lazy loading nativo. Prueba en Chrome DevTools para asegurarte de que las imágenes se cargan en el orden esperado.

Sitemaps de Imágenes: Google No Puede Indexar Lo Que No Puede Encontrar

Si tus imágenes no están en tu sitemap, Google depende de rastrear tu HTML para descubrirlas. Eso funciona para la mayoría de imágenes, pero no para las que se cargan mediante JavaScript, las imágenes de fondo ni las de galerías y carruseles.

Incluir imágenes en tu sitemap XML le da a Google rutas de descubrimiento directo:

<url>
  <loc>https://example.com/page</loc>
  <image:image>
    <image:loc>https://example.com/image.jpg</image:loc>
    <image:caption>Description of the image</image:caption>
  </image:image>
</url>

He tenido sitios donde el tráfico de búsqueda de imágenes se duplicó tras añadir imágenes a su sitemap. No porque las imágenes fueran nuevas: Google simplemente no las podía encontrar antes.

Errores Comunes Que Veo en Cada Auditoría

- Imágenes sobredimensionadas: 3000px de ancho cuando 800px es todo lo que necesitas para el contexto de visualización. Redimensiona antes de subir.

- Formato incorrecto: PNG para fotos de producto que deberían ser WebP. La diferencia de tamaño de archivo es dolorosa.

- Texto alternativo que falta: sigue siendo el problema más común. En mis últimas 20 auditorías, 14 tenían huecos significativos de texto alternativo.

- Nombres de archivo genéricos: "banner-final-v3.jpg" no le dice nada a Google.

- Sin lazy loading: cada imagen que se carga en la carga de página crea un waterfall de peticiones que mata el rendimiento.

- Ignorar los datos EXIF: este es un nicho, pero si tus imágenes contienen datos de ubicación o de cámara, algunos SEO argumentan que deberías eliminarlos por privacidad. Otros dicen que los metadatos ayudan al contexto de la búsqueda de imágenes. Yo los elimino en los sitios de clientes como precaución.

Herramientas Que Realmente Uso

- Squoosh: mi opción para compresión manual rápida. Gratis, rápido y el deslizador de comparación de calidad es excelente.

- TinyPNG: compresión por lotes que funciona bien para PNG y WebP.

- Lighthouse: integrado en Chrome DevTools. Ejecútalo después de cualquier optimización de imágenes para verificar el impacto.

- AuditMe: comprueba la cobertura de texto alternativo, la optimización de formato e identifica imágenes a las que falta el dimensionado responsive en todo tu sitio.

Audita Tu SEO de Imágenes

Realiza un análisis gratuito de SEO de imágenes: comprueba la cobertura de texto alternativo, la optimización de formato y la implementación del lazy loading.