Gráfico que muestra la jerarquía del sitio web.

¿Recuerda el anuncio de Fidelity Investments con la línea de navegación verde que sigue el cliente? Si no lo haces, puedes verlo a continuación.

El objetivo del anuncio es que Fidelity le guíe hacia sus objetivos financieros. Del mismo modo, la navegación de su sitio web debería guía un visitante a la meta de su sitio web. Un giro equivocado y se perderán o se frustrarán y se irán.

La marca de buen diseño web comienza con la navegación principal de su sitio web. Es fundamental que el visitante encuentre fácilmente lo que busca. Y ayudarles a descubra contenido a lo largo del camino proporciona un gran experiencia en el sitio web.

Veamos las mejores prácticas de navegación del sitio web.

Por qué es importante la navegación en el sitio web

Imagine un libro sin índice, o una carretera sin señales. La navegación de su sitio web proporciona indicaciones y contexto. Es el principal método para ayudar a sus visitantes a encontrar lo que buscan.

El objetivo de un sitio web es, en primer lugar, proporcionar recursos útiles y contenido a sus visitantes. Entonces, ¿por qué no guiarlos en el camino en un estructurado ¿en qué sentido?

Al igual que un índice de contenidos o una señal de carretera, quiere que los visitantes encuentren lo que buscan en segundos. ¿Por qué? Hacer que las cosas sean fáciles de encontrar es parte de una gran experiencia para sus visitantes.

Cuando la experiencia de un cliente es fácil, disfruta haciendo negocios con usted. Y seguirán volviendo, una y otra vez.

Veamos algunas técnicas para mejorar la navegación de su sitio.

 

Cómo mejorar la navegación del sitio web (con ejemplos)

Vamos a entrar de lleno en el tema. Aquí hay 5 mejores prácticas para la navegación del sitio web que puede aplicar a su propio sitio web.

NOTA: Cada sitio web es diferente, así que no tema desviarse de estos ejemplos concretos. Aun así, intenta que la experiencia del visitante sea lo más importante.

 

Haga que la navegación sea fácil de entender

Si no se siente cómodo haciendo clic en un enlace porque no sabe a dónde le llevará. No espere que los visitantes tampoco con la navegación confusa del sitio web.

Los visitantes evitarán hacer clic en un enlace si no saben a dónde conduce. Por eso hay que dejar claro lo que el visitante puede esperar encontrar una vez que haga clic. Y recuerde que usted no es el primer sitio web que visitan. Saben lo que es una página "Acerca de".

Estos son ejemplos de lo que debe incluir su navegación. ✅

  • Uso de palabras sueltas cuando sea posible
  • Palabras obvias, claras y descriptivas
  • Mantenga la terminología esperada como Acerca de, Contacto, etc.

Estos son ejemplos de navegación de sitios web que hay que evitar. 🛑

  • Navegación con varias palabras
  • Texto vago o engañoso
  • Verborrea desconocida o jerga tecnológica

La navegación que utiliza una palabra y es clara ayudará a guiar a su visitante a lo largo de una experiencia web familiar. Evite las opciones de navegación imprecisas, como "Más información". ¿Aprender más qué?

 

Limitar las opciones de navegación

Demasiadas opciones pueden llevar a la confusión y a la parálisis en la toma de decisiones. Intente mantener la sencillez y ofrezca sólo las páginas más importantes en su navegación. A continuación, utilice los enlaces internos para conectar el contenido relevante de esas páginas.

Ofrecer mega-menús y menús desplegables lleva a la confusión al visitante. A día de hoy nunca sé si debo pasar el ratón por encima o hacer clic en el menú.

A continuación encontrará ejemplos de lo que puede incluir en su lugar. 

  • Incluya una opción de "Inicio" y vincule su logotipo a "Inicio".
  • Proporcionar un camino hacia la compra con enlaces internos a otras páginas que no aparecen en la navegación.

He aquí un ejemplo de lo que debe evitar. 🛑

  • Evite poner todas las páginas en la navegación, especialmente en los mega menús o menús desplegables.
  • Evite más de 5 a 7 opciones de navegación.

Demasiadas opciones de navegación pueden hacer que los elementos sean difíciles de pulsar o de leer con claridad. En los dispositivos móviles, esto puede dar lugar a errores como Elementos clicables demasiado juntos en Informe de usabilidad móvil de Google Search Console

 

Que la navegación refleje la jerarquía

Una jerarquía es una forma implícita de organizar su contenido en carpetas y subcarpetas. Esto afectará a la dirección de cada página y facilitará a los visitantes saber en qué parte de su sitio web se encuentran.

He aquí algunas formas de utilizar la jerarquía en la navegación de su sitio web. 

  • Anidar las páginas hijas dentro de las páginas padre (/servicios/servicio-A).
  • Añada migas de pan (enlaces a la página principal) para ayudar a los visitantes a encontrar el camino de vuelta.

He aquí algunos errores de navegación que hay que evitar. 🛑

  • Con un sitio web grande, evite una jerarquía plana en la que todas las páginas estén bajo el dominio raíz.
  • Evite demasiados niveles en los que el visitante pueda perderse.

Mantener una jerarquía coherente en la estructura de carpetas y la navegación de su sitio web ayuda a los visitantes a saber rápidamente dónde están y cómo encontrar o descubrir más contenido.

 

Añadir navegación a la cabecera y al pie de página

Sólo se nota cuando la navegación de un sitio web no está tanto en la cabecera como en el pie de cada página. De hecho, la mayoría de los visitantes saben que deben ir al pie de página para encontrar más opciones de navegación, ya que la navegación de la cabecera suele ser sencilla.

Recuerde hacer lo siguiente en su navegación de cabecera y pie de página. 

  • Reserve la navegación de la cabecera para las páginas más importantes.
  • Utilice el pie de página para ayudar a los visitantes a descubrir otros contenidos útiles o populares.
  • Añadir iconos de redes sociales al pie de página SOLO.
    • ¿Por qué invitar a un visitante a marcharse cuando acaba de llegar?

Estas son algunas de las cosas que debe evitar en su navegación a pie de página. 🛑

  • No deje el pie de página vacío. Algo es mejor que nada.
  • Evite la confusión etiquetando las columnas en su pie de página.
  • Al menos ponga el nombre de su empresa, la dirección y el número de teléfono en el pie de página.

No descuide el pie de página de su sitio web. Los visitantes esperan encontrar allí joyas ocultas. Recompénselos.

 

Mantener una navegación sencilla

Por último, mantenga una navegación sencilla. Por simple, me refiero a no reinventar la rueda y hacer que los visitantes resuelvan primero un rompecabezas para encontrar el contenido que buscan. (excepto, por supuesto, si su sitio web es de rompecabezas 🧩)

Aquí tienes ideas de lo que puedes hacer. ✅

  • Pruebe el ABC de la navegación en la web (marca registrada pendiente): Acerca de, Blog, Contacto
  • Y utilice los enlaces de navegación esperados como Inicio, Acerca de, Servicios, Productos, Tienda, etc.
  • Identifique la página en la que se encuentran los visitantes subrayando o poniendo en negrita la página seleccionada.

Estas son las opciones de navegación que debes tratar de evitar. 🛑

  • Evite utilizar los menús "Hamburger" reservados a los dispositivos móviles en los ordenadores portátiles y de sobremesa.
  • Evite hacer que la gente pase por encima o haga un clic excesivo para encontrar el contenido.

Conclusión

Es fácil olvidar lo importante que es la navegación para guiar a los visitantes por su sitio web.

Piense en la navegación de su sitio web como la señalización que encuentra cuando visita un parque de atracciones y cómo esas señales le guían por el parque.

Una experiencia agradable y fácil de usar es lo que puede proporcionar su navegación cuando se planifica cuidadosamente y se mantiene simple.

Esperamos que esta guía le haya proporcionado algunos consejos, sugerencias e ideas sobre cómo construir la navegación de su sitio web.