Creación de buenos enlaces en HTML/XHTML

Este consejo seguro que viene bien a un montón de bloggers y autores de contenido.

Un enlace, en el lenguaje HTML o XHTML (enlace en inglés), es un texto que al pinchar con el ratón dirige al usuario a una nueva página. Se crea con la marca <a> de esta forma:

<a href="ruta/de/la/pagina.html">descripción del enlace</a>

Un buen enlace no se crea con tan solo aplicar esta marca. Un buen enlace ha de describir en pocas palabras y con la mayor precisión el contenido del documento al que enlaza.

A continuación presento un ejemplo de mal y buen enlace:

Escribir los enlaces así es mejor por razones de accesibilidad y usabilidad:

• Los enlaces pinche aquí obligan al usuario a tener que leer el contexto del enlace para averiguar si ese enlace le lleva a donde él quiere.
• A simple vista, es complicado identificar enlaces descritos como pinche aquí entre un mar de enlaces del mismo tipo.

Por otro lado, siempre viene muy bien utilizar con frecuencia esta poderosa herramienta, ya que ayuda a completar la información de la página y a embellecerla. De todas maneras, no hace falta repetir un mismo enlace constantemente a lo largo del documento. Basta con aplicarlo la primera vez que se menciona.

En el caso de enlaces a descargas, como ficheros ZIP o PDF, es muy recomendable siempre especificar en la descripción del enlace el tamaño del archivo y el tipo de fichero que es. De esta forma:

Historia de la Estadística PDF, 65 KB

Por último, trata de evitar abrir enlaces en ventanas nuevas, tanto utilizando el atributo TARGET (enlace en inglés) como utilizando Javascript. Es una costumbre horrible que molesta y despista a mucha gente, sobre todo, a las personas mayores. De hecho, en HTML o XHTML estricto (enlace en inglés), el atributo TARGET desaparece (enlace en inglés).

servido por gigo 6 comentarios compártelo favorito