aNieto2K

Los chicos de Coding Horror, han escrito “Don’t Click Here: The art of Hyperlinkng“, un artículo muy interesante que Hector (Armonth) ha traducido al castellano para que no se nos escape ningún punto y podamos enlazar correctamente, o sin molestar en exceso a nuestro usuarios.

El artículo se compone de una serie de puntos que podemos usar a modo de guia: 

1. Asegurate que los enlaces son lo suficiente grandes para que sea fácil hacer click en ellos.
2. El primer enlace es el más importante.
3. No abuses de los enlaces.
4. No alternes radicalmente el comportamiento de los enlaces.
5. No titules tu enlace como “Click aquí”.
6. No enlaces cosas que el usuario puede querer seleccionar y copiar.
7. No incluyas iconos en cada enlace.
8. No hagas el contenido dependiente de los enlaces para funcionar.
9. No ocultes tus enlaces.
10. No mezcles anuncios y enlaces. 
11. No ofusques tus URLs.

Para los más amantes del código unos consejos más

1. Usa un texto descriptivo para tu enlace.
2. Indica el idioma del destino con hreflang=""
3. Usa rel="" siempre que puedas
4. Informa el atributo type="" para indicar el tipo de documento que vas a visitar.
5. Usa charset="" para que se pueda saber el charset del página destino.

Y recuerda,

NUNCA OLVIDAREMOS LA ACCESIBILIDAD. LOS ENLACES ENLAZAN

CORRECTO

 <script type="text/javascript">
    var el = document.getElementById("t");
    el.addEventListener("click", FUNCIONALIDAD, false);
</script>
 <a href="http:/...." id="t">Enlace correcto</a>

NO CORRECTO

<a href="#">Enlace NO Correct</a>

Compártelo