¿Qué es Atributo ALT en imágenes?

El Atributo Alt, es un atributo del tipo texto HTML con el cual se describe una imagen, si esta no se puede visualizar por alguna razón, entonces el atributo ALT mostrará texto alternativo en su lugar.

Qué es Atributo ALT en imágenes

¿Para qué sirve el atributo Alt?

En el SEO y en el marketing en general, sirve para ayudar a los motores de búsqueda a identificar el contenido de una imagen, en caso de que no se pueda visualizar la imagen, se mostrará un texto para describir la misma, así los usuarios y los web spiders sabrán sobre que trata la misma.

¿Cómo es?

El HTML del atributo Alt se escribe de la siguiente manera:

<Img src =”directory/image.jpg” alt=“esta es una breve descripción de la imagen”>

Donde directory/image.jpg es la ruta de la imagen, es decir donde está alojada la URL de dicha imagen en nuestro servidor y “esta es una breve descripción de la imagen” es donde colocaremos nuestro atributo Alt.

Cómo poner atributo alt a una imagen

Si usas WordPress, esto es muy simple. El procedimiento es el siguiente (estoy usando la versión clásica – plugin – del editor de WordPress):

1. Te sitúas encima de la imagen, al hacerle clic aparecerán varias opciones, sólo debes darle clic al símbolo del lápiz (Editar).

Cómo poner atributo alt a una imagen

2. Seguidamente debes colocar la palabra clave correspondiente en «Texto alternativo». También conviene usar una palabra clave en el atributo «title».

Colocar ALT imágenes

¿Cómo ver los atributos Alt de una web?

Por lo general, no se suele mostrar el atributo Alt de una imagen dentro de los sitios web, ya que la mayoría de webmaster no lo dejan visible, sin embargo, puedes conocer los Alt de las imágenes de un sitio web de las siguientes maneras.

  • Posando el mouse por encima, en algunos sitios web podrás ver el atributo Alt junto con la leyenda de la imagen al posar el cursor por encima esta misma.
  • Inspeccionando el código fuente, da clic derecho sobre la imagen y selecciona inspeccionar, allí podrás revisar el código HTML de la misma y también poder ver su atributo Alt.
  • Utilizando herramientas, como puede ser la extensión para Google Chrome SEO Meta in 1 Click, la cual te ayudará a identificar todas aquellas imágenes que no posean este atributo.

¿Cómo optimizarlo para mejorar el SEO?

A nivel de SEO, para optimizar correctamente el atributo Alt de una imagen, este mismo debe describir el contenido de la imagen con bastante precisión y pocas palabras. Si se trata de un gráfico con texto, este también debería incorporarse al atributo ALT.

Recordemos que el atributo Alt es importante para que los usuarios puedan saber de qué va la imagen si esta no se puede visualizar y para ayudarle a los motores de búsqueda a comprender mejor de que va la misma.

Accesibilidad web

Los atributos Alt son bastante útiles para la accesibilidad a nuestra web, por las siguientes razones:

  • Los motores de búsqueda comprenderán mejor nuestro contenido y podrán posicionarlo de una mejor manera, mostrando así nuestro sitio web a más usuarios.
  • Si una imagen no puede visualizarse, entonces el usuario podrá leer su atributo Alt como un texto alternativo y así saber de que trataba la misma.
  • Si una persona no vidente o con discapacidades visuales ingresa a nuestro sitio web apoyándose de un programa de lectura, este leerá el atributo Alt al usuario. Si no lo tienes entonces él no podrá comprender sobre qué trata la imagen, se podría decir de esta manera que hacemos que la imagen “sea visible” para las personas que no pueden ver.

Razones por las que no se muestran

  • El webmaster encargado de optimizarlos no lo ha hecho.
  • El navegador web utilizado por el usuario es muy antiguo.
  • Algunos navegadores poseen una opción llamada “protección de tracking”, la cual ofuscara el atributo Alt de las imágenes.
  • En otros navegadores como Mozilla Firefox puedes desactivar la visualización de imágenes, una técnica bastante común en los programadores, quienes suelen hacer esto para que la información de los sitios web que visitan carguen más rápido.
  • URL rota, si la URL de la imagen está rota esta no se mostrará, ni tampoco se mostrará su Alt.

Importancia del atributo ALT dentro del SEO

Los atributos Alt juegan un papel importante dentro del SEO ya que con ellos podemos ayudar a los buscadores y a los usuarios a comprender sobre que van nuestras imágenes.

Te recomiendo que el texto de tus Alt sea siempre sea bastante preciso, con pocas palabras y que esté rodeado de contenido similar al que trata la imagen.

Google en la actualidad ya no necesita leer el Alt de una imagen para saber de qué va la misma, pero sugiere utilizarlos para ayudar a su buscador a comprender mejor el sitio web.

Errores en los atributos Alt

Pueda que tú Alt no se esté mostrando en las imágenes de tu sitio web por las siguientes razones.

  • URL rota.
  • Dejar el atributo Alt en blanco.
  • No optimizarlo correctamente.
  • Error por HTML mal escrito.
  • Servidor caído.
  • Navegador no compatible.

Optimizar los atributos alt es una práctica SEO bastante común y que se recomienda que se haga siempre.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

×

Hola; haz clic en nuestro representante para escribirle directamente a su WhatsApp

× Escríbenos al Whatsapp