Saltar al contenido principal

¿Qué es el Atributo ALT?

El atributo ALT o etiqueta ALT es un atributo HTML para un texto que describe una imagen. El atributo ALT se coloca de forma directa en la etiqueta de la imagen. Si una imagen no se puede mostrar por alguna razón, el atributo ALT proporciona texto alternativo para mostrar en su lugar.

¿Para qué sirve el Atributo ALT?

Los motores de búsqueda usan este atributo para identificar el contenido de la imagen, puesto que los archivos de imagen generalmente no pueden ser leídos por los crawlers de los motores de búsqueda. Además es útil proporcionar un texto alternativo para los usuarios y específicamente para los usuarios con discapacidad visual que disponen sitios web leídos por programas de lectura.

¿Cómo es el Atributo ALT?

El atributo ALT tiene el siguiente aspecto:

<Img src ="https://es.ryte.com/directory/image.jpg" alt=“This is a meaningful image description”>

Los atributos ALT aparecen en la pantalla en vez de imágenes y gráficos que no se pueden mostrar. Con el uso convencional de un portal web, los atributos no son visibles. Sólo se pueden ver los atributos Alt cuando se accede al código fuente de una web o con las herramientas apropiadas. Si el atributo está correctamente integrado, describe el contenido de la imagen con precisión y con pocas palabras. Si consiste en gráficos con texto, ese texto específico además debería incorporarse al atributo ALT. Todas las demás imágenes deben tener una descripción apropiada que sea útil para los usuarios de Internet e indique el contenido de la imagen a los motores de búsqueda.

600x400-AtributoALT-es-01.png

Para el usuario, esto tiene la ventaja de que si una imagen no se puede mostrar, una descripción específica de la imagen disponible en su lugar. Esto además es equivalente desde la perspectiva de los motores de búsqueda. Googlebot aún no puede leer los archivos de imagen. Requiere información adicional para identificar el contenido de la imagen. Los atributos ALT además son útiles bajo el título de accesibilidad web, puesto que permiten a los usuarios de Internet con discapacidades visuales que un programa de lectura les lea el texto del atributo ALT. De esta manera, las imágenes serán «visibles» para las personas con problemas de visión.

Razones por las que las imágenes no se muestran correctamente

Puede haber varios motivos por las que las imágenes no se muestran.

  • Debido a un navegador antiguo: ciertos tipos de navegadores no pueden interpretar ciertos archivos de imagen.
  • Protección de tracking: Algunos navegadores, como Internet Explorer, ofrecen una protección especial de rastreo; cuando se activa, algunas imágenes no se muestran correctamente.
  • La visualización de la imagen está desactivada: Los navegadores como Mozilla Firefox ofrecen a los usuarios la opción de no mostrar archivos de imagen.
  • Link del defecto al archivo de imagen: Si el navegador no puede mostrar una imagen, puede deberse a una URL defectuosa de la fuente de la imagen. Estos errores pueden ocurrir, por ejemplo, si el índice de imagen en el servidor se ha movido o renombrado.

Internet Explorer 7 demostró el atributo ALT como un tool tip. De esta manera, habitualmente se utilizaba erróneamente en otros navegadores como una herramienta de ayuda. No obstante, esa función pertenece a la etiqueta title, asumiendo que se pretende usar HTML válido.

Importancia para el SEO

Para el SEO, la etiqueta ALT juega un papel importante tanto para el usuario como para el buscador como contenido para Googlebot. Si el atributo ALT se muestra sin soporte de navegador, la usabilidad del portal web no se verá afectada. Por medio de del texto alternativo, el usuario puede ver que se debe representar. Para los motores de búsqueda, las ALT-tags proporcionan indicaciones importantes sobre el contenido de la imagen y especialmente el contexto de un portal web.

Optimización de las etiquetas ALT

Generalmente, se recomienda usar la palabra clave principal de un portal web para el atributo ALT, para impulsar el enfoque de las palabras clave. A la vez, el texto debe ser una descripción precisa del contenido de la imagen. No obstante, el atributo ALT no debería utilizarse para rellenar palabras clave, puesto que Google y otros buscadores lo han clasificado como spam. El uso de palabras clave en el ALT-tag se utiliza para mejorar el posicionamiento en la búsqueda de imágenes. La optimización de los atributos ALT es, de este modo, una parte importante de la imagen SEO y contribuye a la optimización sostenible de páginas web.

Ejemplo

El operador de un blog informativo sobre gatos integra la imagen de un gato fundamentalmente especial. La URL del sitio es: mycatwebsite.com/cats-with-big-ears.
La imagen se integra así en el blog:

[[]]

El objetivo de la palabra clave se puede reforzar con el contenido de la URL. En el ámbito de imagen SEO, los datos del archivo no debe ser subestimado. Esto además juega un papel en el tiempo de carga y de este modo en el rendimiento del portal web.

Al mismo tiempo, el atributo ALT puede ser utilizado para posicionar lo mejor viable en la búsqueda de imágenes y conseguir más visitantes a su portal web.

Enlaces Web

R Marketing Digital