Atributo ALT

En la categoria:

¿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 directamente 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 utilizan este atributo para identificar el contenido de la imagen, ya que los archivos de imagen generalmente no pueden ser leídos por los crawlers de los motores de búsqueda. También es útil proporcionar un texto alternativo para los usuarios y específicamente para los usuarios con discapacidad visual que tienen sitios web leídos por programas de lectura.

¿Cómo es el Atributo ALT?

El atributo ALT tiene el siguiente aspecto:

<Img src ="directory/image.jpg" alt=“This is a meaningful image description”>

Los atributos ALT aparecen en la pantalla en lugar de imágenes y gráficos que no se pueden mostrar. Con el uso convencional de un sitio 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 se trata de gráficos con texto, ese texto específico también 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.

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 también es similar desde la perspectiva de los motores de búsqueda. Googlebot todavía no puede leer los archivos de imagen. Requiere información adicional para identificar el contenido de la imagen. Los atributos ALT también son útiles bajo el título de accesibilidad web, ya que permiten a los usuarios de Internet con discapacidades visuales que un programa de lectura les lea el texto del atributo ALT. Por lo tanto, 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 varias razones 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.
  • Enlace 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 mostró el atributo ALT como un tool tip. Por lo tanto, a menudo se utilizaba erróneamente en otros navegadores como una herramienta de ayuda. Sin embargo, esa función pertenece a la etiqueta title, asumiendo que se pretende utilizar 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 sitio web no se verá afectada. A través 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 sobre todo el contexto de un sitio web.

Optimización de las etiquetas ALT

Generalmente, se recomienda utilizar la palabra clave principal de un sitio web para el atributo ALT, para mejorar el enfoque de las palabras clave. Al mismo tiempo, el texto debe ser una descripción precisa del contenido de la imagen. Sin embargo, el atributo ALT no debería utilizarse para rellenar palabras clave, ya que Google y otros buscadores lo han clasificado como spam. El uso de palabras clave en el ALT-tag se usa para mejorar el posicionamiento en la búsqueda de imágenes. La optimización de los atributos ALT es, por lo tanto, 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 especialmente 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 también juega un papel en el tiempo de carga y por lo tanto en el rendimiento del sitio web.
Además, el atributo ALT puede ser utilizado para posicionar lo mejor posible en la búsqueda de imágenes y obtener más visitantes a su sitio web.