SEO de imágenes: texto alt, formatos y velocidad de carga

Escribe el texto alternativo para una persona, no para un rastreador

El texto alternativo es un atributo de accesibilidad que los buscadores además leen. Alguien que usa un lector de pantalla lo oye en lugar de la imagen, así que la prueba es sencilla: ¿esta frase le dice lo que se está perdiendo? «Botas Chelsea de piel color camel, vista lateral, con el panel elástico a la vista» aprueba. «botas piel botas comprar botas online botas mujer» no, y a ambos públicos les suena a spam.

Que sea una frase normal. Di qué hay en la imagen y por qué está en esta página. Si la imagen es puramente decorativa, una textura de fondo o un separador, dale un atributo alt vacío en lugar de una descripción. Un alt vacío es una instrucción real que le dice al lector de pantalla que la salte. Omitir el atributo por completo es distinto y peor, porque entonces algunos lectores anuncian el nombre del archivo.

Los nombres de archivo y el texto que rodea la imagen

El nombre del archivo es una señal débil, pero no cuesta nada hacerlo bien. Renombrar IMG_4471.jpg como bota-chelsea-camel-lateral.jpg antes de subirla te lleva cuatro segundos. No lo satures. Un nombre de archivo con nueve palabras clave separadas por guiones parece exactamente lo que es.

El texto que rodea la imagen hace más trabajo que el nombre del archivo. Un pie de foto, el párrafo junto al que está la imagen, el encabezado más cercano: eso es lo que un índice usa para deducir de qué es la foto y si la página es una respuesta razonable a una búsqueda. Una imagen metida en medio de un texto que no tiene relación con ella tiene muy poco de donde agarrarse.

Las fotos de producto tienen sus propias reglas

En una tienda, la imagen suele ser lo que decide la venta, y las mismas decisiones que ayudan al comprador ayudan a la ficha. Dale a cada variante su propia fotografía en vez de limitarte a cambiar el color en la descripción: un comprador que ve el color equivocado se va, y esos abandonos se notan. Mantén el encuadre y el fondo iguales en toda una gama para que una cuadrícula de resultados parezca un catálogo y no un mercadillo. Incluye algo que dé una idea de la escala cuando el tamaño no quede claro.

En cuanto al marcado, los datos estructurados de producto con un campo de imagen son lo que permite que tu fotografía aparezca junto a la ficha en resultados de búsqueda más completos. Es un requisito, no una garantía, y solo sirve si la URL de la imagen a la que apunta es accesible de verdad para un rastreador.

Haz que carguen bien

• Pon los atributos width y height en cada etiqueta img. Así el navegador reserva el espacio correcto antes de que llegue el archivo, y la página deja de moverse mientras se carga.
• Usa carga diferida (lazy loading) en las imágenes que quedan por debajo de la primera pantalla, y nunca en la imagen principal de arriba. Aplicar carga diferida a lo primero que ve el visitante retrasa justo el elemento con el que se mide tu puntuación de carga, un autogol sorprendentemente habitual.
• Añade un srcset para que un móvil descargue un archivo del tamaño de un móvil. Servir la misma imagen de escritorio a todos los dispositivos desperdicia el ancho de banda de quienes con más probabilidad tienen una conexión lenta.
• Redimensiona antes de subir en lugar de limitar el tamaño con CSS. Una imagen ajustada a 900 píxeles de ancho con CSS sigue descargando los 4032 píxeles del original. La guía de compresión explica dónde está el ahorro real.

Lo que te frena sin que lo notes

Las fotos de banco de imágenes son el problema grande. Si la misma foto de archivo aparece en otros cuatrocientos sitios, no hay ningún motivo para que a alguien le muestren la tuya, y nada en tu texto alternativo cambia eso. Tus propias fotografías, aunque sean imperfectas, son las únicas imágenes de tu sitio que son de verdad tuyas.

Después vienen los bloqueos técnicos. Las imágenes que solo cargan tras un clic o un script activado al hacer scroll puede que un rastreador nunca las vea. Un directorio de imágenes bloqueado en robots.txt no se puede indexar por bueno que sea el marcado. Las imágenes alojadas en un subdominio o una CDN que no has verificado se pueden indexar de un modo que las separa de tus páginas. Ninguno de estos casos es raro, y todos merecen una revisión antes de que te pases un mes escribiendo mejores textos alternativos.

Algo a tener en cuenta al optimizar

Cualquier conversor que funcione en el navegador, este sitio incluido, decodifica tu imagen y escribe un archivo nuevo a partir de los píxeles. Nada copia los metadatos, así que el resultado no tiene bloque EXIF: sin datos de cámara, sin fecha de captura, sin GPS y sin campos de copyright o crédito IPTC incrustados. Eliminar los datos de ubicación antes de publicar suele ser justo lo que quieres. Perder tus propios campos de atribución en una fotografía que licencias no lo es, así que procesa una copia y conserva el original.

Qué esperar de todo esto

Hacer bien el tema de las imágenes hace que una página cargue más rápido, sea más accesible y tenga más probabilidades de aparecer en las búsquedas para las que ya tiene mérito. No hace que una página con poco contenido posicione para un término que no le corresponde, y el tráfico que llega desde la búsqueda de imágenes suele comportarse distinto al que llega desde un resultado de texto, así que mide los dos por separado antes de sacar conclusiones. Merece la pena hacer este trabajo. Solo merece la pena hacerlo con expectativas realistas.

Cuando quieras ponerlo en práctica, el compresor de imágenes y el redimensionador de imágenes de aquí procesan un lote de una vez, y los dos funcionan enteramente dentro de tu navegador, así que las fotos de producto que aún no has publicado no salen de tu equipo mientras las optimizas.