Menu

Todo lo relacionado a Internet, Programación y Tecnología

¿Es necesario el atributo ALT en las imágenes?

Cuando se tiene un sitio web o un blog, siempre es necesario contar con un mínimo de conocimientos básicos para poder publicar contenido de calidad, tanto para el usuario como para los buscadores. En este caso al escribir una entrada (contenido o lo que sea), no quedamos exentos de agregar elementos HTML, por lo que debemos de saber cómo estos pueden afectar nuestro SEO (Search Engine Optimization), y más cuando se trata de algunos muy usados como las etiquetas para imágenes.

Normalmente para mostrar una imagen colocamos lo siguiente:

<img src="http://www.example.com/imagen.png" />

O de esta otra forma (HTML5):

<img src="http://www.example.com/imagen.png">

Ahora, la forma correcta de mostrar una imagen es así:

<img alt="pequeña descripción sobre la imagen" src="http://www.example.com/imagen.png" />

O de esta otra forma (HTML5):

<img alt="pequeña descripción sobre la imagen" src="http://www.example.com/imagen.png">

De esta forma cuando las imágenes no carguen por alguna extraña razón, se mostrara el texto en su lugar, y con respecto a Google, este toma el texto como un pequeño factor para posicionar las imágenes en los resultados de búsqueda. Así que siempre y cuando sea parte del contenido, es recomendable llenar este atributo de forma coherente, y no dejarlo en blanco salvo excepciones.

Una excepción que se da en HTML5 (No en XHTML), es que en algunas ocasiones el atributo ALT puede ser opcional.

Ejemplo cuando el atributo es opcional:

<h1><img alt src="http://www.example.com/icono-del-contenido.gif">El Título de mi gran contenido.</h1>

En este caso es totalmente valido no llenar el atributo ALT, pero aun así, según los estándares de la W3C debemos colocar el atributo ALT vacío.

Es válido porque la imagen está estrechamente relacionada con el texto que le procede.

Ejemplo cuando si es necesario llenar el atributo ALT:

<p>Algo por aquí... <img src="http://www.example.com/imagen.jpg" alt="Imagen de algo"> ... Algo por acá...<p>

Es necesario llenar el atributo porque la imagen es independiente del texto, y puede que esta aporte más información.

Como conclusión, el atributo ALT más que nada es necesario porque es para mejorar la accesibilidad, y a diferencia del atributo TITLE, el atributo TITLE es una descripción un poco más completa sobre la imagen, ya que esta es mostrada a los usuarios, al colocar el puntero sobre la imagen.

Written by Alan on Sunday February 11, 2018

Enlace permanente - categorías: Programación, SEO (Search Engine Optimization) - etiqueta: html

« Seleccionar un elemento que tenga varias clases CSS - ¿Agregar AdSense a un sitio o blog nuevo, o con muy pocas visitas? »