¿Qué es el texto alternativo (alt text)?
El texto alternativo es un texto alternativo al nombre de una imagen que describe la apariencia y el papel de la imagen en un sitio web determinado. Este texto aparece en lugar del elemento visual cuando no se puede cargar en la pantalla del usuario.
Su función no es solo ofrecer una pista cuando no puedes ver la imagen en un sitio web, sino que también sirve para:
- Permitir que los lectores con discapacidad visual interpreten la imagen.
- Proporcionar información adicional a los motores de búsqueda para que puedan comprender el tema de la imagen.
Este texto se utiliza dentro del código HTML para describir el contenido de una imagen. El texto alternativo también se conoce como atributo alt, descripción alt o etiqueta alt.
¿Por qué es importante para el SEO?
En resumen, el texto alternativo o el texto alternativo para imágenes es esencial para posicionar un sitio porque mejora la experiencia del usuario en la página.
Hace que el diseño web sea más accesible porque, como hemos dicho, describe las imágenes a aquellos visitantes que, por alguna razón, no pueden verla (personas con discapacidad visual, así como lectores de pantalla e incluso navegadores que bloquean las imágenes).
Por otro lado, aunque los motores de búsqueda han mejorado significativamente su tecnología de reconocimiento de imágenes en los últimos años, lo cierto es que los bots aún no pueden interpretar las imágenes sin más. Y si interpretan erróneamente el contenido de una imagen, la página puede terminar clasificándose para keywords que no se corresponden con la página o incluso experimentar una caída en el ranking.
El atributo alt te permite incluir las keywords para las que quieres posicionarte. Teniendo en cuenta que los motores de búsqueda todavía dan mucho peso a las keywords a la hora de clasificar las páginas web, es conveniente incluirlas al crear una etiqueta alt. En este sentido, podemos decir que son un elemento fundamental para el image SEO.
Un ejemplo de texto alternativo de imagen bueno y malo
Imaginemos que tenemos una foto de una mousse de limón con una hoja de menta encima. Con esta imagen como ejemplo, veremos buenas y malas prácticas para el texto alternativo.
Un ejemplo de un mal texto alternativo:
< img src="lemon-mousse.png" alt="Lemon mousse image">Como veremos más adelante, al crear el texto alternativo, se recomienda ser breve y omitir palabras innecesarias como "imagen". Además, en este caso, no describe completamente la imagen.
Un ejemplo de texto alternativo correctamente optimizado:
< img src="lemon-mousse.png" alt="Lemon mousse with a mint leaf on top">Aquí tenemos una etiqueta alt que comienza directamente con la descripción de lo que se ve, que es concisa y completa.
Cómo escribir un excelente texto alternativo
Con estos ejemplos en mente, vamos a destacar aquellos aspectos a los que debemos prestar especial atención a la hora de crear la etiqueta alt:
Sé específico al describir la imagen
Para crear la descripción alt, debes considerar el tema de la imagen y su contexto, pero tienes que escribir una definición breve. Cuanto más descriptiva y concisa, mejor.
Usa menos de 125 caracteres
Normalmente, las herramientas de lectura de pantalla cortan el texto en 125 caracteres. Esto puede ser desventajoso para las personas con discapacidad visual, ya que es posible que no puedan averiguar de qué se trata la imagen.
Describe la imagen de forma directa
Ya hemos visto que debes ser conciso al crear el atributo alt de HTML y no exceder un cierto número de caracteres.
Por lo tanto, es innecesario comenzar la descripción con frases como “imagen de…”. Esto no es solo por la longitud, sino también porque Google ya la identificará como una imagen del código fuente HTML.
Modera el uso de keywords
Aunque hemos visto que se recomienda incluir keywords en la etiqueta alt, debes tomar este consejo con cuidado. Solo debes incluir la keyword principal si encaja perfectamente con el contenido de la imagen.
Si no es así, considera usar keywords semánticas o los términos principales dentro de una long tail keyword.
Por ejemplo, si la keyword es “cómo hacer un horno de leña”, es posible que desees usar “hacer un horno de leña” porque el “cómo” puede parecer poco natural en el texto alternativo.
No pongas tu keyword principal en el atributo alt de todas las imágenes
Tu publicación puede tener una serie de imágenes. Bien, no debes poner la misma keyword en todas tus imágenes, sino solo en la que mejor represente el tema.
