ilmaistro.com

Tecnología, Análisis, Software y Cultura Geek

Sobre el uso del atributo ALT o TITLE para describir imágenes

| 1 Comentario

title-alt-atributo-imagenes-500x250

Un amigo me pregunta: ¿Cuál es la diferencia entre usar el atributo Alt o el atributo Title para describir una imagen? ¿Cuando debo usar uno u otro? Este es un tema que tiene implicancias en cuanto a usabilidad y SEO, por lo que trataré de explicarlo de manera sencilla.

En primer lugar, el código HTML necesario para colocar una imagen en una web es el siguiente:

[html]<img src="miimagen.jpg" alt="texto descriptivo de la imagen" title="texto que indica hacia donde enlaza la imagen"/>[/html]

Una buena cantidad de webmasters omite ambos atributos, olvidando que estos son excelentes para colocar una que otra keyword relevante al contenido de la página donde se está colocando la misma (recuerden que el bot de Google ingresará a nuestra página y revisará todo el código de la misma). El contar con estos atributos puede afectar positivamente el posicionamiento de la página.

 El texto que coloquemos en el atributo ALT aparecerá en caso la imagen no cargue (en lugar de la clásica imagen por defecto), ya sea porque el usuario o el navegador ha bloqueado la carga de las mismas. Lo ideal es, entonces, colocar en este atributo un texto corto que describa el contenido de la imagen que debió haber cargado (aunque, a decir verdad, no todos los navegadores muestran este texto. Chrome, por ejemplo, no lo hace).

penguin El texto que coloquemos en el atributo TITLE aparecerá cuando el usuario pase el mouse sobre la imagen, y lo ideal es que este describa a dónde vamos a llegar al hacer click sobre la misma (en caso la imagen sea un enlace) o que brinde información extra sobre la imagen.

Una regla fácil de seguir para optimizar nuestras imágenes sería entonces utilizar SIEMPRE el atributo ALT para toda imagen de nuestro sitio, mientras que el atributo TITLE podemos reservarlo para aquellas imágenes que enlacen a otro contenido, ingresando un texto que brinde información sobre el contenido hacia el que apunta la imagen. Es muy importante que no sobrecarguen estos atributos con listas o series sin sentido de keywords o palabras claves que quieran posicionar, eso no funciona. Incluyan alguna keyword importante, peor mantengan los textos entendibles y, sobre todo, cortos.

atributos-imagen-wordpress-500x205

Como dato extra, en WordPress podemos manejar fácilmente ambos atributos desde el mismo cuadro que aparece al cargar una imagen.

Posts relacionados

Autor: Henry Silva

Hola! Soy Henry Silva, webmaster de ilmaistro.com, emprendedor y empresario. Me gusta escribir sobre tecnología, me encantan las redes sociales y tengo mi propia empresa de servicios de posicionamiento web: Capybara SEO. Si deseas, puedes contactarme o saber más de mi.

One Comment

  1. Buen dato Maistro 🙂 Retuiteando para los novatos o gente que sabe HTML pero aun no determina bien la diferencia entre ambos.

Agregue un comentario

Required fields are marked *.