2021-09-20: le vuelven a dar un repaso en Anchors OK? Re-assesing In-Page Links
Según Nielsen el usuario tiene el siguiente modelo mental cuando interactúa con los enlaces de un sitio web:
- Pinchar en el enlace lleva a una nueva página.
- Tras pinchar en el enlace la página donde dicho enlace se situaba desaparece.
- Al pinchar en el enlace se carga una nueva página que sustituye totalmente a la anterior.
- Lo primero que se ve es la parte superior de la nueva página.
- El botón «Atrás» devuelve a la página de origen.
Esas son razones que invitan a abstenerse de crear enlaces dentro de la propia página, aunque hay tres excepciones (también según Nielsen):
- Listas alfabéticas.
- Lista de preguntas frecuentes (FAQ).
- Tablas de contenido.
A esas tres expcepciones yo añadiría otra: un enlace de «Saltar a contenido» al principio de la página, que resulta muy útil cuando la página se ve en navegadores móviles o de solo texto.
Este tipo de enlace si es correcto cuando se realiza hacia una página distinta.
¿Cómo se hacen los enlaces a lugares dentro de una página (anclajes)?
Es muy sencillo. Lo primero que hay que hacer es definir el punto al que se quiere enlazar. Hay dos formas:
- Mediante el siguiente código:
<a name="punto">[aquí no se pone nada]</a>. - Mediante el atributo
iden cualquier etiqueta: <p id=»punto»>.
Y el segundo paso es crear el enlace: <a href="#punto">Texto del enlace</a> si es en la misma página, y <a href="http://www.ejemplo.com/pagina.html#punto">Texto del enlace</a> si es en una página distinta.