¿Qué es el atributo ALT?

La ultima actualizacion de 26 de noviembre de 2021

Importante

Los atributos Alt son texto que describe una imagen. Son útiles para los motores de búsqueda y los visitantes con discapacidad visual.

Un atributo alt es la versión de texto «alternativa» de una imagen que se muestra en un sitio web cuando una imagen no está disponible o cuando un visitante quiere la alternativa de texto. A continuación se muestra en negrita el aspecto de un atributo alt en HTML:

nota pensar

<img src="libro.gif" alt="diario de cuero abierto" />

Los atributos alt benefician a tres grupos principales:

  1. los visitantes con problemas de visión
  2. los motores de búsqueda
  3. vendedores

Visitantes con discapacidades visuales

Los atributos Alt proporcionan a los visitantes con discapacidad visual una alternativa a las imágenes. Esto permite a los visitantes utilizar programas que leen el texto en voz alta para entender qué aportan las imágenes al contenido.

Por ejemplo, los discapacitados visuales están en desventaja cuando navegan por un sitio web que utiliza imágenes para la navegación, ya que no tienen forma de conocer las categorías principales del sitio web. Pero, si las imágenes tienen atributos alt, hay una manera de averiguar el propósito de estas imágenes.

Motores de búsqueda

El atributo alt ayuda a los motores de búsqueda a descifrar el tema de una imagen para que sepan cuándo incluir una imagen en los resultados de búsqueda relevantes. Esto hace que las imágenes con atributos alt tengan más probabilidades de ser encontradas.

nota pensar

Si estas interesado en saber mas sobre aparecer en los resultados de imagenes te recomendamos este articulo : SEO para imagenes

Comerciantes

Es una buena práctica utilizar atributos alt con imágenes relevantes, ya que los atributos alt tienen más probabilidades de aparecer en los resultados de búsqueda. La búsqueda de imágenes de Google recibe más de mil millones de visitas al día. La optimización de sus imágenes podría aportarle una mayor parte de este tráfico.

Un mayor número de visitas a sus imágenes puede aumentar el conocimiento de su marca si sus imágenes muestran su marca. Además, cuanto más alto estén sus imágenes en la búsqueda de imágenes, más probable será que la gente haga clic en los resultados de las imágenes y visite sus páginas. Por lo tanto, la optimización de las imágenes puede dar lugar a un mayor tráfico en su sitio web.

Una breve guía técnica

El atributo alt se utiliza dentro de la etiqueta de la imagen en HTML.

HTML es un lenguaje de formato. Su función principal es explicar a programas como Chrome cómo organizar elementos de diseño como imágenes y texto en una página web. HTML se compone de diferentes etiquetas que explican qué debe mostrarse y cómo.

Si quieres ver cómo es el HTML, edita una entrada de blog en WordPress y haz clic en la pestaña Texto para mostrar la versión HTML de una entrada de blog. Una etiqueta HTML común que probablemente verás es la etiqueta de imagen. Su aspecto es el siguiente

nota pensar

<img ... />

Los atributos dentro de una etiqueta especifican qué se muestra y cómo se ve. Dentro de la etiqueta de imagen, el atributo src (abreviatura de «source») explica qué imagen debe mostrarse. La etiqueta de imagen de abajo tiene un atributo src que especifica que la imagen book.gif debe ser mostrada.

nota pensar

<img src="libro.gif" />

Hay muchos otros atributos de imagen. Por ejemplo, puedes especificar la altura y la anchura de una imagen con atributos.

nota pensar

<img src="libro.gif" height="200" width="100" />

El atributo alt, en particular, es la alternativa de texto de una imagen. Normalmente, los atributos alt explican qué es una imagen. Este es un ejemplo de una etiqueta de imagen que utiliza el atributo alt.

nota pensar

<img src="book.gif" height="200" width="100" alt="diario de cuero abierto con escritura" />

Terminología

Alt Text

A menudo se utilizan indistintamente los términos «atributo alt» y «texto alt». El texto alt es el valor que especifica el atributo alt. Cara sonriente es el texto alt especificado dentro del atributo alt=»Cara sonriente».

Etiqueta alt

El término «etiqueta alt» es un uso incorrecto y una fusión de dos términos distintos. El atributo alt es un tipo de atributo utilizado dentro de la etiqueta de la imagen. Técnicamente, las «etiquetas alt» no existen aunque se utilicen para referirse comúnmente a los atributos alt y/o al texto alt.