Puntos Clave:
- Los textos alt son el elemento SEO más importante para imágenes y deben describir precisamente el contenido
- Formatos modernos como WebP reducen tamaños de archivo en 25-35% con igual calidad
- Los nombres de archivo descriptivos ayudan a Google a entender el contenido de la imagen
Google Image Search genera miles de millones de búsquedas diariamente. Sin embargo, muchos sitios web descuidan completamente su SEO de imágenes. La optimización no es ni complicada ni consume tiempo – si sabes qué importa.
Las imágenes bien optimizadas traen tráfico desde la búsqueda de imágenes, mejoran la experiencia del usuario e incluso pueden aparecer como resultados enriquecidos en los resultados de búsqueda regulares. Al mismo tiempo, son cruciales para la velocidad de carga de tu sitio.
Textos Alt: El Corazón del SEO de Imágenes
El texto alt (texto alternativo) describe el contenido de la imagen. Aparece cuando la imagen no puede cargar y es leído en voz alta por los lectores de pantalla. Para Google, es la señal más importante para entender el contenido de la imagen.
Un buen texto alt es preciso y descriptivo. En lugar de "imagen" o "foto", describe lo que realmente se ve. Mantente natural y no fuerces palabras clave.
Ejemplos de Textos Alt
| Malo | Bueno |
|---|---|
| imagen1.jpg | Golden Retriever jugando en el parque con pelota roja |
| Foto | Barista preparando cappuccino con arte latte |
| Banner | Oficina moderna con escritorio de madera y plantas |
| IMG_4523 | Atardecer sobre la Ópera de Sídney |
Para imágenes decorativas sin significado de contenido – como divisores o patrones de fondo – puedes dejar el texto alt vacío (alt=""). Esto le dice a los lectores de pantalla que pueden saltar la imagen.
Optimizando Nombres de Archivo
Antes de subir una imagen, nombra el archivo de manera significativa. Google lee los nombres de archivo y los usa como una señal adicional.
Usa palabras descriptivas en lugar de combinaciones de números. Separa las palabras con guiones, no con guiones bajos. Mantén los nombres cortos pero significativos.
Antes: DSC_4892.jpg Después: bolso-cuero-artesanal-marron.jpg
Para sitios web multilingües, puedes usar nombres de archivo en el idioma respectivo. Esto fortalece la relevancia local.
Eligiendo el Formato de Imagen Correcto
Diferentes formatos se adaptan a diferentes casos de uso. La elección correcta ahorra almacenamiento sin pérdida de calidad.
| Formato | Ideal Para | Ventajas |
|---|---|---|
| WebP | Uso general | Menor tamaño de archivo, buena calidad |
| AVIF | Navegadores modernos | Aún más pequeño que WebP |
| JPEG | Fotos | Amplio soporte |
| PNG | Transparencia, capturas de pantalla | Compresión sin pérdida |
| SVG | Logos, iconos | Escalable sin pérdida de calidad |
WebP debería ser tu formato estándar en 2025. Es compatible con todos los navegadores modernos y ofrece el mejor equilibrio de calidad y tamaño de archivo. Para máxima compatibilidad, puedes ofrecer JPEG como alternativa.
Tamaño de Imagen y Compresión
Los archivos de imagen grandes son la razón más común de sitios web lentos. Una foto sin comprimir de una cámara puede fácilmente tener 5 MB – demasiado para la web.
El enfoque óptimo:
-
Dimensiones correctas: No subas imágenes más grandes de lo necesario. Una imagen mostrada a 800 píxeles de ancho no necesita 4000 píxeles de anchura.
-
Aplicar compresión: Herramientas como TinyPNG, Squoosh o ImageOptim reducen el tamaño del archivo sin pérdida visible de calidad.
-
Usar imágenes responsivas: Con srcset, puedes ofrecer diferentes tamaños para diferentes pantallas.
Como regla general: La mayoría de las imágenes web deben permanecer bajo 200 KB. Las imágenes hero o banners grandes pueden ser ligeramente más grandes, pero raramente más de 500 KB.
Implementando Carga Diferida
La carga diferida (lazy loading) significa que las imágenes solo cargan cuando entran en el área visible. Esto acelera significativamente la carga inicial de la página.
El HTML moderno soporta carga diferida nativamente con el atributo loading:
<img src="imagen.webp" alt="Descripción" loading="lazy">
Las imágenes en el área inmediatamente visible (above the fold) no deberían cargarse diferidamente. Eso empeoraría el Largest Contentful Paint (LCP).
Datos Estructurados para Imágenes
Con datos estructurados, puedes decirle a Google información adicional sobre tus imágenes. Particularmente relevantes son:
- Marcado de producto: Muestra precio y disponibilidad en búsqueda de imágenes
- Marcado de receta: Permite la visualización en carruseles de recetas
- Marcado how-to: Etiqueta imágenes de pasos en tutoriales
Estos marcados pueden llevar a resultados enriquecidos que obtienen más atención en los resultados de búsqueda.
Usando una Red de Distribución de Contenido
Un CDN distribuye tus imágenes a servidores en todo el mundo. Los visitantes cargan imágenes desde el servidor más cercano, acortando los tiempos de carga.
Para sitios web internacionales, un CDN es casi obligatorio. Pero incluso con audiencias locales, puede ayudar a manejar picos de tráfico y mejorar el rendimiento.
Muchos proveedores de hosting e constructores de sitios web ya integran funciones de CDN. Cloudflare, Bunny CDN o imgix son opciones populares.
Creando un Sitemap de Imágenes
Un sitemap de imágenes ayuda a Google a encontrar e indexar todas las imágenes de tu sitio web. Es especialmente importante cuando las imágenes se cargan vía JavaScript.
En un sitemap de imágenes, listas la URL de cada imagen junto con metadatos opcionales como título y descripción. La mayoría de los CMS pueden generar sitemaps de imágenes automáticamente.
Verifica la optimización de tus imágenes con nuestro Analizador de Velocidad y ve dónde hay margen de mejora.
Preguntas Frecuentes
¿Qué longitud debe tener un texto alt?
Los textos alt deben ser precisos, típicamente entre 5 y 15 palabras. Describe el contenido de la imagen completamente pero sin palabras de relleno innecesarias. Los textos alt muy largos pueden ser truncados por algunos lectores de pantalla.
¿Debo poner palabras clave en los textos alt?
Las palabras clave pueden ser parte de un texto alt si encajan naturalmente. Una imagen de una manzana roja puede llamarse "manzana roja sobre mesa de madera". Pero evita el relleno de palabras clave: "manzana comprar manzana barata frutería manzana" sería demasiado.
¿Necesito optimizar todas las imágenes antiguas de mi sitio web?
Prioriza por tráfico e importancia. Comienza con imágenes en páginas muy visitadas y avanza desde ahí. Para nuevo contenido, usa imágenes optimizadas desde el principio.