¿Qué es el ALT text?
El ALT text es un texto alternativo al nombre de una imagen que describe la apariencia y cometido de la misma en una determinada web. Este texto aparece en lugar del elemento visual cuando este no puede cargarse en la pantalla del usuario.
Pero su función no solo es ofrecer una pista cuando no se puede saber qué hay detrás de una foto en una web, sino que además sirve para:
- Que los lectores que tienen una discapacidad visual puedan interpretar la imagen.
- Que los motores de búsqueda puedan rastrear mejor el sitio, y clasificarlo.
Este texto se utiliza dentro del código HTML, con el fin de describir el contenido de una imagen. Se conoce también con otros nombres: atributo ALT, descripción ALT o etiqueta ALT.
¿Por qué es importante para el SEO?
Ahora que ya conocemos el significado del ALT text o texto alternativo para imágenes, debemos saber que este es fundamental para posicionar un sitio porque sirve para mejorar la experiencia del usuario en la página.
Hace que el diseño web sea más accesible, ya que como hemos comentado, describe las imágenes a aquellos visitantes que por alguna razón no pueden verla (tanto personas con problemas de visión, como lectores de pantalla e incluso navegadores que bloquean imágenes).
Por otra parte, aunque los motores de búsqueda han mejorado mucho su tecnología para reconocer las imágenes durante los últimos años, lo cierto es quelos rastreadores aún no pueden interpretar las imágenes sin más. Y si estos se equivocan en este aspecto, es posible que la página termine clasificándose por palabras clave que no eran su objetivo, o incluso que pierdan totalmente su clasificación.
Pues bien, precisamente el atributo Alt permite incluir las palabras clave por las que se desea posicionar. Y teniendo en cuenta que los motores de búsqueda siguen dando mucha importancia a las keywords a la hora de decidir qué posición dar a una página, es conveniente incluirlas a la hora de crear una etiqueta ALT para imágenes. En este sentido, podemos decir que son un elemento fundamental para el SEO de imágenes.
Un ejemplo de texto alternativo de imagen bueno y malo
Imaginemos que tenemos una imagen en la que se ve claramente una mousse de limón con una hoja de menta encima. A partir de ahí, veamos cómo deberíamos construir y cómo no el ALT text:
Ejemplo de lo que no debería ser un ALT text
< img src="lemon-mousse.png" alt="Lemon mousse image">Como veremos más adelante al crear el ALT text se recomienda ir al grano, y no empezar por ejemplo con “imagen de”. Además en este caso no describe del todo la imagen.
Ejemplo de lo que sí podría ser un ALT text
< img src="lemon-mousse.png" alt="Lemon mousse with a mint leaf on top">Aquí nos encontramos con una etiqueta ALT que empieza directamente por la descripción de lo que se ve, la cual además es concisa pero completa.
Cómo escribir un excelente Alt text
Teniendo estos ejemplos por delante, vamos a destacar aquellos aspectos a los que debemos prestar especial atención a la hora de crear la etiqueta ALT:
Sé concreto a la hora de describir la imagen
Para crear la descripción ALT debes tener en cuenta el tema de la imagen y su contexto, pero es importante que hagas una definición breve.
Utiliza menos de 125 caracteres
Normalmente las herramientas de lectura de pantalla cortan justo ahí, y no continúan leyendo. Y así, por ejemplo las personas que tienen algún problema de visión pueden no terminar de saber de qué trata la imagen.
Describe la imagen de forma directa
Ya hemos visto que hay que ser conciso a la hora de crear el atributo HTML alt, y que incluso no se debe superar un número de caracteres.
Por ello, sobra empezar la descripción con frases como “imagen de…”. Pero no solo por razón de espacio, sino porque Google lo va a identificar como una imagen a partir del código fuente HTML.
Modera el uso de palabras clave
Aunque hemos visto ya que es recomendable que la etiqueta ALT en HTML contenga keywords, hay que tomar este consejo en su justa medida. Tan solo se debe incluir la palabra clave de destino en el caso de que encaje muy bien en el tema a describir.
De no ser así, ten en cuenta solamente las palabras clave semánticas, o tan solo los principales términos dentro de una palabra clave long tail.
Por ejemplo, si la palabra clave es “cómo fabricar un horno de leña”, puedes utilizar mejor “fabricación de horno de leña”, porque el “cómo” puede quedar poco natural en el texto alternativo.
No ponga su palabra clave principal en el atributo alt de todas las imágenes
Puede ser que tu post tenga una serie de imágenes. Pues bien, no pongas tu palabra clave en el atributo ALT de cada una de ellas, sino tan solo en la que represente mejor el tema.
