04 Sep

Cómo optimizar imágenes para SEO: alt text, WebP y lazy load

Las imágenes son uno de los elementos que más peso tienen en el rendimiento de una página web y, al mismo tiempo, uno de los más descuidados en cualquier estrategia SEO. En nuestra agencia llevamos 13 años auditando webs y el patrón se repite: imágenes sin nombre descriptivo, alt text copiado a la carrera o directamente vacío, y archivos de 2 MB servidos a móviles con conexión limitada. El resultado es siempre el mismo: páginas lentas, señales de indexación débiles y una experiencia de usuario que no invita a quedarse.

En este artículo explicamos, paso a paso y sin tecnicismos innecesarios, cómo trabajar el SEO de imágenes de forma sistemática: desde el nombre del archivo hasta el schema ImageObject.

Por qué las imágenes afectan al posicionamiento

Hay tres vectores por los que una imagen mal optimizada daña el SEO:

1. Velocidad de carga. Una imagen de 3 MB sin comprimir puede lastrar el LCP (Largest Contentful Paint) varios segundos. Google usa Core Web Vitals como señal de ranking, y el LCP es uno de los tres indicadores principales.
2. Indexación de imágenes. Google Images genera tráfico real. Las imágenes con atributos bien trabajados aparecen en búsquedas visuales y pueden traer visitas cualificadas, especialmente en sectores como e-commerce, hostelería o arquitectura.
3. Experiencia de usuario. Una página que tarda en cargar o que salta al hacer scroll (CLS elevado por imágenes sin dimensiones declaradas) aumenta la tasa de rebote. Google lo interpreta como una señal negativa, aunque no de forma directa.
4. Optimizar imágenes no es un extra. Es parte del trabajo SEO técnico básico.

Ver Optimizar imágenes y descripciones es básico para tu tienda online

Nombres de archivo descriptivos

El nombre del archivo es la primera pista que le damos a Google sobre el contenido de una imagen. Sin embargo, la mayoría de imágenes llegan con nombres como IMG_20240315_112233.jpg o screenshot-1.png.

Convenio de nombres correcto

• Usa palabras en minúscula separadas por guiones: optimizar-imagenes-seo.webp.
• Incluye la keyword principal cuando sea pertinente, pero sin forzar.
• Describe lo que se ve en la imagen, no lo que quieres posicionar.
• Evita guiones bajos: los motores de búsqueda no los tratan igual que los guiones.

Mal	Bien
foto1.jpg	consultoria-seo-barcelona-equipo.webp
DSC_0042.JPG	auditoria-seo-tecnica-reunion.webp
imagen_servicio_nuevo.png	servicio-seo-para-ecommerce.webp

Alt text: qué escribir y qué evitar

El atributo alt cumple dos funciones: permite que los lectores de pantalla describan la imagen a usuarios con discapacidad visual, y proporciona contexto textual a los crawlers que no pueden «ver» la imagen.

Cómo escribir un buen alt text

• Describe la imagen con precisión y concisión. Una frase de entre 8 y 15 palabras suele ser suficiente.
• Incluye la keyword objetivo si encaja de forma natural. Si forzarlo resulta raro para un lector humano, no lo incluyas.
• Escribe en el idioma de la página.

Ejemplo correcto: alt="Captura de informe de auditoría SEO técnica con errores de rastreo destacados"

Qué evitar

Keyword stuffing en alt text. Escribir alt="seo imagenes optimizar imagenes web alt text seo comprimir imagenes" es una práctica que Google penaliza.

Alt text genérico. Frases como alt="imagen" o alt="foto" no aportan nada.

Alt text en imágenes decorativas. Si una imagen es puramente decorativa, el atributo alt debe estar presente pero vacío: alt="". Así los lectores de pantalla la omiten. No dejes el atributo fuera: su ausencia es diferente a su presencia vacía.

Formatos: WebP, JPEG, PNG y AVIF

Elegir el formato correcto puede reducir el peso de una imagen entre un 25% y un 80% sin pérdida visible de calidad.

• JPEG sigue siendo válido para fotografías con mucho detalle de color y gradientes. La compatibilidad es universal.
• PNG es el formato adecuado cuando necesitas fondo transparente (logotipos, iconos, capturas con texto) o cuando la nitidez de bordes es crítica.
• WebP ofrece compresión entre un 25% y un 35% superior al JPEG para calidad equivalente. Tiene soporte en todos los navegadores modernos. Debe ser tu formato por defecto para fotografías e ilustraciones sin transparencia.
• AVIF es el formato más eficiente disponible hoy: puede reducir el tamaño hasta un 50% respecto a JPEG. Sirve WebP como fallback usando el elemento <picture>.

<picture>
<source srcset="imagen.avif" type="image/avif">
<source srcset="imagen.webp" type="image/webp">
<img src="imagen.jpg" alt="Descripción de la imagen">
</picture>

Compresión sin pérdida visible

Un archivo WebP sin comprimir puede pesar más que un JPEG bien optimizado. El formato por sí solo no lo resuelve todo.

• Squoosh (squoosh.app) es una herramienta gratuita en el navegador que permite comparar el resultado antes y después de la compresión en tiempo real.
• TinyPNG / TinyJPG ofrece compresión por lotes vía web o API.
• ShortPixel e Imagify son plugins para WordPress que comprimen las imágenes automáticamente al subirlas y convierten a WebP sin intervención manual.

El objetivo es mantenerse por debajo de los 100 KB para imágenes de contenido y por debajo de los 50 KB para iconos e imágenes de interfaz.

Lazy loading y su impacto en LCP y CLS

El atributo loading="lazy" indica al navegador que retrase la carga de una imagen hasta que el usuario se acerque a ella al hacer scroll. Esto reduce el peso inicial de la página y mejora el tiempo hasta la interactividad.

Qué imágenes NO deben llevar lazy load

La imagen que ocupa el área visible sin hacer scroll (above the fold) no debe tener loading="lazy". Si esa imagen es el LCP del documento —lo cual es muy frecuente en cabeceras, heroes y fichas de producto— aplicarle lazy load retrasa precisamente el elemento que Google mide para calcular el LCP, empeorando la puntuación de Core Web Vitals.

La regla es sencilla: lazy load en todo excepto en la imagen principal de la pantalla inicial. Para la imagen hero, usa fetchpriority="high" en su lugar.

La importancia de declarar dimensiones

Para evitar el CLS (Cumulative Layout Shift), es imprescindible declarar width y height en el HTML o usar aspect-ratio en CSS. Sin estas dimensiones, la página «salta» al cargar la imagen.

Schema ImageObject: cuándo y cómo añadirlo

El schema de tipo ImageObject ayuda a Google a entender el contexto de una imagen y puede mejorar su aparición en resultados enriquecidos. Es especialmente útil en páginas de producto, artículos de blog con imágenes destacadas y galerías. No es necesario añadirlo en todas las imágenes — con marcarlo en la imagen principal del contenido es suficiente.

{
  "@context": "https://schema.org",
  "@type": "ImageObject",
  "url": "https://www.ejemplo.com/imagenes/auditoria-seo-tecnica.webp",
  "width": 1200,
  "height": 630,
  "name": "Informe de auditoría SEO técnica",
  "description": "Captura de pantalla de un informe de auditoría SEO técnica con errores de rastreo e indexación.",
  "encodingFormat": "image/webp"
}

Lista de comprobación rápida

• El nombre del archivo es descriptivo, en minúscula y con palabras separadas por guiones.
• Cada imagen tiene atributo alt (vacío solo si es decorativa).
• El alt text describe la imagen con naturalidad e incluye la keyword si encaja.
• El formato es WebP o AVIF (con fallback si es necesario).
• El peso de cada imagen es inferior a 100 KB después de comprimir.
• Las imágenes tienen width y height declarados en el HTML.
• La imagen principal (LCP) no lleva loading="lazy" — usa fetchpriority="high".
• El resto de imágenes llevan loading="lazy".
• Se ha añadido schema ImageObject en la imagen principal del contenido cuando procede.

Trabaja el SEO de imágenes como parte de tu estrategia global

La optimización de imágenes no es un ajuste puntual que se hace una vez y se olvida. Es un proceso que debe integrarse en el flujo de trabajo de publicación de contenidos y en cualquier auditoría técnica periódica.

En Seoinhouse, agencia SEO en Barcelona con más de 13 años de experiencia, auditamos y optimizamos todos estos factores como parte de nuestros proyectos SEO técnicos o de diseño web. Si quieres saber en qué estado está tu web y qué margen de mejora tienes, podemos analizarlo juntos, llámanos al 653030694.

También puedes leer:

Hosting para SEO: Guía completa + 5 mejores opciones en España en 2026

Cómo utilizar headings correctamente para SEO y SEO para IA en tu web

Error 404: qué es, cómo detectarlo y cómo solucionarlo sin perder posicionamiento

AEO para WooCommerce: Así leen tu tienda los agentes de IA