Cómo optimizar imágenes para SEO paso a paso

Por qué importan las imágenes en el SEO

Las imágenes suelen ser el elemento más olvidado del SEO, y no son solo decoración: influyen en la velocidad, en la conversión y en tu visibilidad. Si no las cuidas:

• Tu sitio se vuelve lento. Las imágenes pesadas son la causa más común de una carga lenta, y muchas personas se van antes de que la página termine de cargar.
• Pierdes visibilidad. Sin un texto alternativo, tus imágenes no compiten en Google Imágenes.
• La experiencia en el celular empeora, justo donde se concentra la mayoría de las visitas de una tienda en línea.

La buena noticia: no necesitas ser programador. Hay herramientas gratuitas y plugins que hacen casi todo el trabajo, y en Shopify y WooCommerce los campos que importan se completan sin tocar código.

Elige el formato correcto

El objetivo es una imagen liviana, idealmente bajo 150 KB y como máximo unos 300 KB, sin sacrificar la calidad, sobre todo si vendes productos. Este sitio, por ejemplo, entrega sus fotos en WebP.

Banners: tamaño y peso

• Prepara versiones por dispositivo: una horizontal para escritorio y otra adaptada al celular.
• Cuida el peso: menos de 200 KB en escritorio y menos de 100 KB en el celular, que muchas veces navega con datos móviles.
• No pongas el texto dentro de la imagen. Cuando el gestor de contenido recorta el banner para cada pantalla, el texto se corta. Además, Google no lee el texto de una imagen: si en el banner principal va tu título H1, tiene que estar escrito en HTML, sobre la imagen como fondo.
• Diseña pensando primero en el celular y adapta después a escritorio.

Dos técnicas ayudan a que la página se sienta más rápida: la carga progresiva, que muestra la imagen de a poco mientras carga, y la carga diferida (lazy loading), que carga las imágenes de más abajo recién cuando la persona hace scroll. Ojo: la imagen principal de la página no debe llevar carga diferida, como vemos en la clase de Core Web Vitals.

Imágenes de producto

• Formato cuadrado, de unos 1200 × 1200 píxeles. Permite hacer zoom sin perder calidad, una función que Shopify y WooCommerce traen por defecto. En productos de lujo, donde el detalle importa, puedes subir a 2000 × 2000, cuidando que el peso no se dispare.
• Menos de 150 KB por imagen.
• Entre cinco y siete fotos por producto, sin superar unos 800 KB en total.

Y qué fotos incluir:

1. Una imagen principal: el producto de frente, sobre fondo blanco. Es la que se ve en los listados.
2. Entre tres y seis imágenes secundarias desde distintos ángulos (lateral, trasero, desde arriba), cada una con información nueva.
3. Imágenes de contexto: el producto en uso, en su entorno natural.
4. Una imagen de escala, junto a una persona u otro objeto, para que se entienda el tamaño real. Evita la clásica sorpresa de recibir algo mucho más chico de lo esperado.

Nombres de archivo, consistencia y velocidad

• Nombra los archivos con palabras clave. En vez de IMG_4587.jpg, usa algo como zapatilla-running-azul-frontal.webp.
• Mantén un estilo visual coherente: la misma iluminación y el mismo fondo en todos tus productos.
• Usa miniaturas optimizadas, en vez de cargar la imagen grande y achicarla.
• Sirve las imágenes desde un CDN, que las entrega desde el servidor más cercano a cada visita. Lo explico en la guía qué es un CDN.

Imágenes para el blog

• Imagen destacada: 1200 × 630 píxeles. Es la proporción que usan Facebook y LinkedIn para mostrar la vista previa cuando alguien comparte el artículo.
• Imágenes dentro del contenido: unos 800 × 500 píxeles y menos de 100 KB. Enriquecen el artículo y ayudan a que la persona se quede leyendo.

Usa imágenes originales

Las fotos de bancos gratuitos las usa todo el mundo, y copiar imágenes de la competencia es una mala práctica que Google detecta. Las imágenes propias toman más trabajo, pero marcan la diferencia. Hoy, además, puedes crearlas o transformarlas con herramientas de inteligencia artificial a partir de fotos de tus productos.

Ubica cada imagen cerca del texto con que se relaciona, usa leyendas cuando ayuden, y agrega datos estructurados de producto con su imagen, para que pueda aparecer en tu resultado de Google.

El texto alternativo

Si tuviera que elegir un solo elemento de la optimización de imágenes, sería este. El texto alternativo (atributo alt) describe la imagen. Google no ve imágenes: lee ese texto para entenderlas. Es un factor directo para posicionar en Google Imágenes, te da un espacio para palabras clave secundarias y mejora la accesibilidad para personas que usan lectores de pantalla.

En los gestores de contenido es un campo que completas al subir la imagen. Cómo escribirlo:

• Descriptivo y específico: qué se ve, no solo qué es.
• Con la palabra clave de forma natural, sin repetirla de más.
• De unos 80 a 125 caracteres.

Herramientas

• Para comprimir y convertir: hay muchas herramientas web gratuitas donde arrastras la imagen y te la devuelven optimizada. En WordPress, plugins como Smush o Imagify lo hacen automáticamente al subirlas.
• Para analizar la velocidad: PageSpeed Insights, GTmetrix y WebPageTest te dicen qué imágenes están frenando tu página.
• Para revisar el texto alternativo de forma masiva: Screaming Frog, Semrush o WAVE muestran qué imágenes no lo tienen.

Qué revisar en tu sitio

• Tus imágenes están en WebP, o al menos en un formato adecuado para cada caso.
• Ninguna imagen supera los 300 KB, y las de producto están bajo 150 KB.
• Se suben al tamaño en que se muestran, no al de la foto original.
• Los banners tienen versión para celular y su texto está en HTML, no dentro de la imagen.
• Las fotos de producto son cuadradas y muestran varios ángulos, contexto y escala.
• Los archivos tienen nombres descriptivos.
• Las imágenes importantes tienen texto alternativo.
• Las imágenes de más abajo usan carga diferida, y la principal no.

Errores comunes

• Subir la foto tal como sale de la cámara, con varios megas de peso.
• Poner el título principal dentro de la imagen. Google no lo lee.
• Dejar el texto alternativo vacío o llenarlo de palabras clave.
• Usar las mismas fotos de banco que tu competencia.

Tu próximo paso: pasa tu página más visitada por PageSpeed Insights y revisa cuánto podrías ahorrar optimizando sus imágenes. La clase 10 explica el archivo robots.txt.