¿HABLAMOS?

Blog

¿Sobre qué quieres leer?

MARKETING ONLINE
POSICIONAMIENTO
ECOMMERCE
DISEÑO
...y no te pierdas nuestro
DICCIONARIO

/¿Qué diferencia hay entre los atributos de imagen Alt y Title?

Publicado por Raquel García el 1/12/2017

A veces, puede parecer que el texto alternativo  de una imagen (alt),  y el título (title) son lo mismo pero no; a continuación, os explicamos cuáles son sus diferencias y las ventajas de utilizar cada atributo.

04.alt-title-V01.jpg

El texto alternativo, alt, es información alternativa que se le añade a las imágenes.

<img href=” https://www.tiralineasestudio.com/logo.png” alt=”Logo Tiralineas Estudio” />

Es el texto que aparece en sustitución de la imagen cuando ésta no se ve, bien porque los usuarios han desactivado las imágenes o bien porque no pueden verlas por alguna razón, como por ejemplo, que su navegador no admita imágenes, tengan algún tipo de discapacidad, la web tarde en cargar, etc.

El atributo alt ayuda a comprender de qué trata la imagen, mejora la accesibilidad del sitio y ayuda a garantizar  el cumplimiento de los requisitos ADA (ley para personas con discapacidades).

Al mismo tiempo, también tiene ventajas para nuestro sitio web, ya que agregar palabras clave como las que aparecen en el alt  mejoran el SEO de la web. ¿Cómo? Funciona de la misma manera que las búsquedas regulares de palabras clave, solo que los resultados son los que aparecen al pinchar en la sección imágenes del buscador.

Por otro lado, el título de la imagen o title debe proporcionar información adicional y seguir las reglas de un título regular. Debe ser relevante, breve y conciso.

<img href=” https://www.tiralineasestudio.com/logo.png” alt=”Logo Tiralineas Estudio” title=”Tiralineas web y posicionamiento”/>

El atributo title aparece cuando pasas el cursor sobre una imagen.

Aunque el title es más relevante para el usuario que para nuestra empresa y, por lo tanto,  no es esencial utilizarlo (el alt resulta prácticamente obligatorio), sí que es recomendable.

Otra característica del title es que también se utiliza para enlaces, ofreciendo una breve descripción de dónde conduce ese link.

Son dos atributos fáciles de implementar en nuestra web y que resultan de gran ayuda, tanto para el usuario como para nosotros, así que no dudéis en utilizarlos.