Entra en la carpeta de imágenes de casi cualquier web y vas a encontrar nombres como IMG_4821.jpg, foto-final-2.png o captura-pantalla.webp. Son fotos que probablemente pesan varios megas, no dicen nada a Google sobre lo que muestran y, encima, están ralentizando la carga de la página sin que nadie se haya dado cuenta. El SEO de imágenes es, seguramente, el terreno más fácil de mejorar y más ignorado de todo el posicionamiento web.
Lo primero y más simple: el nombre del archivo
Antes de subir una foto a tu web, cámbiale el nombre. "IMG_4821.jpg" no le dice nada a Google. "bicicleta-electrica-plegable-negra.jpg" le dice exactamente qué hay en la imagen, en el mismo idioma que usarías para buscarla. Es un detalle que lleva quince segundos y que, multiplicado por las cientos de imágenes que puede tener un catálogo de producto, marca una diferencia real en cuántas de esas imágenes aparecen cuando alguien busca en Google Images.
Usa palabras separadas por guiones, sin acentos ni caracteres especiales, y describe lo que se ve, no lo que te gustaría vender. "Zapatillas-running-hombre-azules.jpg" funciona; "oferta-imperdible-zapatillas.jpg" no dice nada sobre el contenido real de la imagen.
El texto alternativo (alt): no es un truco, es una descripción
El atributo alt de una imagen nació para accesibilidad: es lo que lee un lector de pantalla a una persona ciega para explicarle qué imagen hay ahí, y es lo que se muestra si la imagen no llega a cargar. Google lo usa igual, como su principal fuente de información sobre el contenido visual de una imagen, porque (a diferencia de una persona) no "ve" la foto de forma perfecta, sino que se apoya en el contexto que le das.
La forma correcta de escribirlo es describir la imagen como se la describirías a alguien por teléfono: "Cocina moderna en blanco y madera con isla central" es un buen alt text. "Cocina, reforma cocina, reforma cocina barata, presupuesto cocina" es keyword stuffing, y Google lo identifica y lo penaliza en vez de premiarlo. Una imagen, una descripción honesta; no hace falta meter la palabra clave a machetazos.
El formato y el peso: aquí es donde se pierde velocidad
Las imágenes suelen ser, con diferencia, el elemento más pesado de una página web. Una sola foto sin comprimir de una cámara moderna puede pesar 5, 8 o 10 megas; en una web, eso se traduce en varios segundos de carga extra en una conexión móvil normal.
- Usa WebP. Es un formato moderno que consigue una calidad visual prácticamente idéntica a JPG o PNG con un peso muy inferior (a menudo entre un 25% y un 50% más ligero). Casi todos los navegadores actuales lo soportan sin problema.
- Comprime, no solo conviertas. Aunque uses WebP, conviene aplicar una compresión con calidad alrededor del 80-85%: al ojo humano le cuesta distinguir la diferencia con el original, pero el archivo pesa una fracción.
- Redimensiona al tamaño real de uso. Si la imagen se va a mostrar a 800 píxeles de ancho en la web, no tiene sentido subir el archivo original de 4.000 píxeles: solo estás obligando al navegador a descargar cinco veces más datos de los que necesita.
- Aplica carga diferida (lazy loading) a las imágenes que no se ven nada más entrar en la página, para que el navegador no gaste tiempo cargando fotos que están más abajo hasta que el usuario llegue a esa parte.
La conexión directa con Core Web Vitals
Google mide la experiencia real de carga de tu web con un conjunto de métricas llamado Core Web Vitals, y una de las más importantes es el LCP (Largest Contentful Paint: cuánto tarda en aparecer el elemento más grande visible en la pantalla). En la inmensa mayoría de páginas web, ese elemento más grande es... una imagen: la foto de cabecera, la imagen destacada del producto, la foto del hero. Si esa imagen pesa demasiado, tu LCP se dispara, y eso afecta directamente tanto a tu posicionamiento como a la sensación de lentitud que percibe quien visita la web (y que suele traducirse en abandono antes de que termine de cargar).
Dicho de otra forma: optimizar imágenes no es solo un tema de "aparecer en Google Images". Es probablemente la palanca individual más rápida y más barata para mejorar la velocidad general de tu web, y la velocidad es, a su vez, un factor de posicionamiento directo.
Google Images como fuente de tráfico que casi nadie cuida
Existen sectores enteros (recetas de cocina, decoración, moda, bricolaje, tutoriales visuales) donde una parte muy significativa del tráfico llega directamente desde Google Images, no desde la búsqueda de texto normal. Alguien busca "estanterías de pared originales" en la pestaña de imágenes, ve una foto que le convence, hace clic y llega a tu web sin haber pasado por el resultado de texto de siempre. Si tus imágenes no están optimizadas (nombre, alt, tamaño correcto, contexto de texto alrededor), directamente no participas en esa búsqueda, por muy buena que sea la foto.
Un detalle que se olvida: el sitemap de imágenes
Si tienes muchas imágenes importantes (un catálogo de producto grande, por ejemplo), puedes incluir información de imágenes dentro de tu sitemap XML para ayudar a Google a descubrirlas e indexarlas más rápido, sobre todo si esas imágenes se cargan de forma dinámica con JavaScript y podrían pasar desapercibidas en un rastreo normal.
Imágenes responsive: la misma foto en varios tamaños
Un detalle técnico que se suele pasar por alto: no hace falta servir la misma imagen enorme a un móvil de 375 píxeles de ancho y a un monitor de escritorio de 1920. El atributo srcset del HTML permite indicar varias versiones de una misma imagen en distintos tamaños, para que el navegador elija automáticamente la más adecuada según el dispositivo y el tamaño de pantalla real de quien la ve. En la práctica, esto significa que quien navega desde el móvil descarga una versión mucho más ligera de la misma foto, sin que se note ninguna diferencia de calidad, simplemente porque su pantalla es más pequeña y no necesita más resolución que esa.
Las leyendas (captions) también cuentan
Si añades una leyenda visible debajo de una imagen (por ejemplo, en un artículo de blog con fotos de un proyecto realizado), ese texto refuerza el contexto que Google tiene sobre la imagen, de forma parecida a como lo hace el alt, pero visible para cualquier persona que lea el artículo. Una leyenda como "Reforma de cocina completada en 15 días en Tres Cantos" aporta información concreta (ubicación, plazo, tipo de proyecto) que ni el nombre del archivo ni el alt text por sí solos suelen recoger con tanto detalle, y de paso mejora la experiencia de lectura para quien solo está echando un vistazo rápido a las fotos sin leer el texto completo.
Preguntas frecuentes
¿Cuánto debería pesar como máximo una imagen en mi web?
No hay una cifra única válida para todo, pero como referencia práctica: una imagen de cabecera o hero no debería superar los 200-300 KB una vez optimizada, y una imagen de producto en un catálogo, los 100-150 KB. Si una sola imagen supera el medio mega, casi siempre se puede comprimir mucho más sin pérdida visible de calidad.
¿WebP funciona en todos los navegadores?
Prácticamente sí: todos los navegadores modernos (Chrome, Firefox, Safari, Edge) lo soportan desde hace años. Para la rarísima excepción de un navegador muy antiguo, se puede configurar un formato de respaldo automático, pero hoy en día ya no suele ser necesario preocuparse por ello.
¿Vale la pena optimizar imágenes de una web que ya lleva años funcionando?
Sí, y a menudo es una de las mejoras con mejor relación esfuerzo/resultado que existen: no hay que tocar diseño ni contenido, solo revisar y recomprimir lo que ya está subido. En webs con muchos años de fotos acumuladas sin criterio, es habitual recortar el peso total de la página a la mitad simplemente optimizando las imágenes existentes.