ASESORÍA GRATUITA
EN ES

Atributo Alt en distintas ocasiones

El atributo alt es para colocarle un nombre o frase a la imagen que se quiere montar en un sitio web. Está inserto en el código HTML en donde se encuentra el elemento img, en distintas situaciones.

Es muy importante para el SEO que en el código HTML esté inserto el atributo Alt, pues otorga información valiosa para que el Robot sepa de qué va la imagen (consideren imágen también como íconos, dibujos, etc).  

Tipos de atributos Alt

  1. Si la imagen lleva texto
    1. Imágenes decorativas: en general, en las imágenes decorativas, el atributo alt no suelen utilizarse, porque en vez de aportar información la duplica o hace interferencia en la que realmente es importante. Aunque, de igual manera, se debe poner un Alt nulo. Es decir: Alt= “ “.
  1. Una imagen de diseño: no se debe asociar una  línea de diseño, por ejemplo, con el atributo que la describa. Puede llegar a tapar información.
  2. Imagen con su nombre al lado como enlace: no tiene sentido ponerle a esa imagen el atributo, pues ya está el enlace que lleva el mismo nombre. Duplica información.
  3. Imagen con descripción a su lado: Duplica información
  4. Imagen de ambientación: puede llegar a confundir al usuario, pues la descripción de imagen de fondo, en general, no se suele aportar, sino que confunde al usuario 
  1. Imágenes funcionales: 
    1. Si una imagen es un hipervínculo, poner atributo Alt
    2. Si una imagen quiere transmitir información de que trata su hipervínculo, porque, por ejemplo, abre otra pestaña, poner atributo Alt
    3. Si una imagen tiene una función, poner la función de esta en el atributo Alt.
  1. Imágenes de texto:
    1. Si una imagen contiene el texto, agregar lo que es el texto.
    2. Cuando la imagen no es parte de un enlace, poner el atributo Alt del nombre.
  1. Imágenes informativas:
    1. Cuando la imagen es un contacto, poner que es un número de contacto o teléfono en el atributo Alt.
    2. Cuando se necesita más información de lo que la imagen representa, poner todo eso en el atributo Alt
    3. imágenes que transmiten una emoción, colocarlo en el atributo.
    4. Si la imagen o ícono es un archivo, mencionar en el atributo cuál tipo de archivo es.    

Fuente

Agencia Digital
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram