Anclajes o enlaces dentro de una misma pagina: ¿Deben usarse?

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 id en 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.

Referencias

Una respuesta a «Anclajes o enlaces dentro de una misma pagina: ¿Deben usarse?»

Los comentarios están cerrados.