Sin la etiqueta alt en las imágenes, muchas páginas web resultan difíciles o incluso imposibles de navegar, y los usuarios deben «encontrar su camino en la oscuridad».
El contenido de calidad y atractivo es un requisito previo para la optimización de motores de búsqueda. Si tu sitio web se basa en la publicación de una gran cantidad de contenido de texto, eso significa que debes incluir imágenes- comentamos cómo optimizar el formato y el tamaño de las imágenes en esta guía. Las imágenes, es decir, las fotos, ilustraciones, e infografías, son fundamentales para hacer que tu contenido se vea más atractivo: si los usuarios de tu web ven un texto larguísimo e ininterrumpido, esto se traducirá en visitas cortas y tasas de rebote elevadas.
Desde una perspectiva SEO, el problema con las imágenes, es que los ordenadores son capaces de seleccionar formas y colores generales de una imagen, pero no pueden realmente decir lo que está pasando en la imagen. Eso significa que cuando un motor de búsqueda rastrea tu página, no «verá» la imagen, y eso puede ser problemático.
Si los motores de búsqueda no saben lo que hay en una imagen, no hay manera de que digan cómo se relaciona con el contenido de la página, o si lo hace en absoluto. Tampoco podrán averiguar si es relevante para una consulta de búsqueda de imágenes. Afortunadamente, hay una manera relativamente simple de resolver este problema para mejorar tu SEO y la experiencia del usuario: el texto alternativo de la imagen.
¿Qué es el la etiqueta alt?
La etiqueta alt, a menudo llamada «atributo alt «, «texto alternativo» o «alt text», es un atributo HTML añadido a las etiquetas de imagen que proporciona una descripción de la imagen:
<Img src = "https://www.ejemplo.com/ejemplo-imagen.jpg" alt = "Este es el texto alternativo" />
Cuando el navegador no puede cargar una imagen, muestra el texto alternativo en un recuadro, como vemos a continuación:
Etiqueta alt mostrada en un recuadro
Los lectores de pantalla, los navegadores por voz, las pantalla Braille y otras tecnologías de ayuda para los usuarios de la web con problemas visuales también utilizan la etiqueta alt. Además, el texto alternativo aparecerá en el caso de que no se llegue a cargar la imagen.
¿Cómo se usa la etiqueta alt para SEO?
Desde una perspectiva SEO, la etiqueta alt es uno de los factores más importantes para la optimización de imágenes, y es el más importante después del nombre del archivo de imagen. Representa también una oportunidad para añadir palabras clave a tus imágenes para ayudarles a clasificar en los resultados de búsqueda.
No te olvides que se trata de una descripción para alguien (o algo) que no puede ver. Por lo tanto, la etiqueta alt debe ser:
- Descriptiva
- Detallada
Cuando escribas el texto alternativo,incluye la palabra clave de la página, que no debería ser demasiado difícil ya que, idealmente, tu imagen está relacionada con el contenido de la página. Es mejor utilizar sólo una palabra clave a menos que haya dos que estén estrechamente relacionadas. El relleno de palabras clave, como siempre, debe evitarse.
Trata de ser específico y detallado al escribir texto alternativo, y utilizar un lenguaje natural comprensible por las personas. Esto se debe por dos razones:
- El atributo alt es utilizado por los seres humanos, por lo que un buen texto alt es una buena experiencia de usuario, y una buena experiencia de usuario es un buen SEO.
- La etiqueta alt debe parecerse al lenguaje que utilizan las personas cuando escriben sus búsquedas en Google, lo cual mejorará el posicionamiento.
No hay límite de caracteres ni reglas estrictas (como con las etiquetas de título o las descripciones), pero Google recomienda mantenerlas cortas y proporcionar un contexto adecuado. «Siempre que sea posible, es recomendable asegurarse de que las imágenes aparezcan junto a un texto relevante. También es recomendable utilizar pies y títulos descriptivos y adecuados para las imágenes.»
Estos son algunos ejemplos de etiqueta alt para una imagen en una página que apunta a la palabra clave «panda de celebración»:
Panda de de celebración con sombrero de fiesta naranja sentado frente a un ordenador
Este es el código HTML para esa etiqueta de imagen:
<Img src = "https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/celebrating_panda-1480416313590.jpg" alt = "Panda de celebración con sombrero de fiesta naranja sentado frente a un ordenador" />
Esto representa la etiqueta alt ideal: describe lo que está sucediendo en la imagen, utiliza la palabra clave de destino al principio y menciona una palabra clave relacionada semánticamente, «sombrero de fiesta». No basta con utilizar la palabra clave » panda de celebración», ya que la etiqueta alt no describe completamente la imagen, pero es mejor que dejarla en blanco. Rellenar la etiqueta alt con palabras clave, como la etiqueta de imagen de abajo, no es recomendable, ya que Google lo clasifica como spam:
<img src="https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/celebrating_panda-1480416313590.jpg" alt=”panda de celebración, panda, panda feliz, fiesta del panda, panda de fiesta, panda celebrando, oso panda, oso panda de celebración”/>
Por lo tanto, una buena etiqueta alt hará que tu página sea más funcional, y además, será mejor valorada por los buscadores.