Texto alternativo: cómo describir las fotos de tu web

Google no ve las fotos como tú. Un lector de pantalla, tampoco. Para saber qué hay en una imagen, leen una frase corta que va escondida en el código: el texto alternativo, o «alt». Si no está, para ellos esa foto es un hueco.

Para qué sirve el texto alternativo

• Accesibilidad. Las personas ciegas o con poca visión navegan con un programa que lee la página en voz alta. Así, al llegar a una foto, lee esa descripción. En cambio, sin él, oyen «imagen» o el nombre del archivo: «IMG_4382.jpg».
• Google Imágenes. Mucha gente busca con imágenes: un corte de pelo, un plato, una reforma. Por eso, el atributo alt ayuda a que tus fotos salgan ahí y lleven a tu web.
• Contexto para Google y las IAs. Una foto de tu local con «Recepción de la clínica dental en la avenida del Brillante» confirma de qué va la página y dónde estás.
• Si la foto no carga, con una conexión mala, el navegador enseña ese texto en su lugar.

Cómo escribir un buen texto alternativo

Imagina que se la describes a alguien por teléfono, en una frase:

• Lo que se ve y lo que importa. «Fisioterapeuta tratando la rodilla de un corredor en camilla.»
• Concreto. «Tarta de queso con frutos rojos» mejor que «postre».
• Corto. Una frase, normalmente menos de 125 caracteres.
• Sin «imagen de» ni «foto de». El lector de pantalla ya avisa de que es una imagen.
• Con tus palabras de negocio cuando encajen, no a la fuerza. Si la foto es de tu local en Córdoba, dilo. Si es una taza de café, no metas «abogado en Córdoba».

Cuándo dejar vacío el texto alternativo

Sin embargo, algunas imágenes son solo decoración: una línea, una textura de fondo, un icono junto a un texto que ya dice lo mismo. Esas llevan el alt vacío a propósito, para que el lector de pantalla se las salte y no aburra.

La regla: si quitas la imagen y la página pierde información, necesita una descripción. Si no pierde nada, va vacío.

Casos especiales

• Logo: el nombre del negocio. «Clínica Movimiento», no «logo».
• Imagen que es un enlace: describe adónde lleva. «Ver la carta del restaurante.»
• Imagen con texto dentro (un cartel, una oferta): el alt repite lo que pone. Mejor aún, que ese texto esté en la página como texto de verdad.
• Galerías de trabajos: cada foto con lo que muestra. Es lo que hace que un fotógrafo o un peluquero salga en Google Imágenes.

Errores habituales

• Dejar el nombre del archivo.
• Escribir lo mismo en todas las fotos.
• Usarlo para meter una lista de palabras clave.
• Describir con detalle una imagen puramente decorativa.

Cómo lo hago yo

En las webs de Nueva Página cada imagen lleva su descripción pensada para ella, y las decorativas van marcadas como tales. Además, las fotos se optimizan para que carguen rápido, como cuento en fotos para tu web. Todo esto entra en el SEO básico de cualquier plan.

Cómo revisar el texto alternativo de tu web

No necesitas saber programar. Haz clic derecho sobre una foto, elige «Inspeccionar» y busca `alt=`: lo que va entre comillas es su descripción. Si está vacío en una foto importante, o pone algo como «IMG_4382», hay que cambiarlo. Además, existen extensiones gratuitas del navegador que enseñan el alt de todas las imágenes a la vez.

Para escribirlo bien, el W3C tiene un tutorial sobre imágenes accesibles con ejemplos de cada caso. Y Google explica en sus prácticas recomendadas para imágenes cómo usa ese texto. Por último, si tus fotos pesan mucho, revisa también fotos para tu web. Una foto sin texto alternativo es una foto que Google no entiende.

Preguntas frecuentes

¿El texto alternativo es lo mismo que el pie de foto?

No. El pie de foto lo ve todo el mundo debajo de la imagen. El texto alternativo solo lo leen el lector de pantalla y los buscadores.

¿Tengo que escribirlo yo?

Si tú me cuentas qué sale en cada foto, mejor: tú conoces el contexto. Si no, lo escribo yo y te lo enseño.

¿Afecta al posicionamiento?

Sobre todo en Google Imágenes. En la búsqueda normal es una señal pequeña, pero suma junto al resto.

¿Mi web llevará el texto alternativo de cada foto?

Sí. En las webs de Nueva Página cada imagen lleva el suyo, y las decorativas van marcadas como tales. Va dentro del SEO básico de la calculadora de precio.