¿Qué es el atributo alt?
El atributo alt (texto alternativo), también llamado «descripciones alt» o incorrectamente como «etiquetas alt», se utiliza dentro del código HTML para describir la apariencia, función y descripción de una imagen en una página web.
Es el texto que aparece en lugar de una imagen en una página web, si la imagen no carga en la pantalla de un usuario.
Una de las cosas más importantes que el texto alternativo de la imagen puede hacer por tu sitio es convertir las imágenes en resultados de búsqueda con hipervínculos, lo que le brinda a su sitio web otra forma de recibir visitantes orgánicos.
A pesar de tus mejores esfuerzos en SEO, podrías estar perdiendo otra fuente de tráfico orgánico: las imágenes de tu sitio web.
Para que sirve el atributo alt:
Accesibilidad web.
A los usuarios con dificultad o problemas visuales que utilicen lectores de pantalla, se les lee un atributo alt para comprender mejor una imagen en la página web.
Descripción si no carga imagen
Si la imágen no se puede cargar, se mostrará el texto alternativo en su lugar.
Mejores descripciones
¿Qué es el atributo alt en Imágenes? El atributo alt proporciona mejores descripciones / contexto de la imagen a los rastreadores de los motores de búsqueda, ayudándoles a indexar una imagen correctamente.
¿Por qué es importante el atributo alt (texto alternativo) para el SEO?
Los rastreadores de búsqueda aún no pueden «ver» las imágenes en una página web como nosotros, por lo que requieren una descripción de la imagen para poderla entender
En muchas ocasiones, los usuarios de Google no quieren el resultado de búsqueda clásico; quieren las imágenes, como por ejemplo una infografías.
Aquí es donde entra en uso el texto alternativo, dando una descripción a nuestra imagen para que aparezca en los resultados de búsqueda.
¿Cómo escribir un buen texto alternativo?
- Describe la imagen de la manera más específica posible.
- Mantenlo (relativamente) corto.
- Usa tus palabras clave
- Evita saturar de palabras clave.
- No incluyas «imagen de», «imagen de», etc. en tu texto alternativo.
- No descuides los botones de formulario.
Este es el ejemplo de un buen texto alternativo que describe a perfección la imagen.
<img src=»generacioneshumanas.jpg» alt=»Infografía de las generaciones humanas«>
Como puedes ver el uso del atributo alt es de suma importancia para el seo y aparecer en los resultados de búsqueda.