Páginas web

Cómo redactar el menú de navegación de tu sitio web

Publicado el
Flechas guiando dentro de un menú de navegación

Sin importar de qué tema se trate un sitio web, es casi automático que al entrar notes el menú de navegación ¿o me equivoco?

Es una de las características propias de los “escaneadores” y así como te sucede a ti, también le pasa a quien visita tu web.

El menú de navegación es la Marie Kondo de tu sitio: facilita el movimiento, ofrece seguridad y te permite controlar las acciones que quieres tomar.

Así que va siendo hora de que le prestes la atención que merece.

Por eso, vamos a ver en pocos minutos si tu menú de navegación está dando las respuestas correctas a tus visitas y mejorando su experiencia de usuario ¿te animas?

¿Qué es un menú de navegación?

El menú de navegación es el hilo que ayudará a un visitante a moverse con facilidad por todas las secciones de tu sitio.

Tiene una función principal de orden y también guarda mucha relación con las oportunidades de ventas. Por esa razón, existen muchos tipos de menú web.

Un menú difícil de comprender, con elementos excesivos y palabras desordenadas, creará frustración y el deseo inmediato de salir de allí.

Toma en cuenta que una persona tiene miles de sitios webs más por revisar y se irá si algo no le gusta, así que es mejor no correr riesgos y ponérsela fácil.

Muy fácil.

¿Para qué sirven los menús de un sitio web?

Los menús sirven para orientar y guiar a los visitantes hacia las páginas que están alojadas en el sitio web. Son una hoja de ruta.

Cada opción que coloques en el menú debe tener una única función.

Y esta función debe ser fácil de comprender por parte del usuario.

Por ejemplo, en este sitio ofrezco dos servicios bien diferenciados “Copywriting” y “Redacción de contenidos”. En vez de colocarlos ambos en el menú principal, los agrupo en un menú desplegable con el título de “Servicios”.

Si una persona entra y desea contratarme, la acción más lógica es pinchar sobre servicios y definir cuál de los dos necesita.

Fíjate en este otro ejemplo de Huggies:

Captura de pantalla del sitio web de Huggies.com para observar su menú de navegación
Captura de Huggies.com

Su producto principal de venta son los pañales, los cuales los tienen disponibles en distintos tipos. Entonces, en vez de presentarlos todos en el menú principal, los agrupan en la sección de pañales, facilitando al usuario encontrar el que necesitan.

Nota además que utilizan palabras simples: “pañales”, “toallitas”, etc. No hay nada rebuscado en sus nombres y eso nos da paso al siguiente punto.

Que el nombre informe con claridad lo que se conseguirá

Así seas poeta, aquí no vale con querer “decorar” los nombres de un menú de navegación para que luzcan mejor o para jactarte de que tienes un menú de navegación creativo.

Si el blog es un blog, que se llame “Blog”. Colocando títulos como “El rincón de mis pensamientos” o “Información de interés” solo crearás confusión.

Ya los usuarios están compenetrados desde hace rato con la navegación web y el vocabulario se ha ampliado con estos términos. No existe persona que lea “Contacto” y piense en una página para juegos en línea.

Asegúrate de que los nombres sean coherentes con la función.

Características de un menú de navegación exitoso

Son tres y cada una es muy fácil de poner en práctica.

Sencillez

Un menú de navegación sencillo es como un camino en línea recta a una playa paradisíaca.

No necesitas pensar para entenderlo porque deja todo claro, con pocas palabras y mucha precisión.

Para conseguir esto, te dejo unos tips interesantes:

  • Cada nombre debería tener un máximo de 2 palabras: “Sobre nosotros”.
  • Evita las conjunciones y palabras de enlace que ocupan espacio y no aportan nada. Por ejemplo, si es una tienda de gafas, no hace falta que en cada opción de menú coloques: “gafas de lectura”, “gafas de sol”, etc. Con solo denotar: “Lectura” o “Sol”, ya se entenderá con facilidad que es para esos usos.

Todo esto equivale a ahorrar tiempo y que tus visitantes se sientan cómodos y confiados.

Claridad

Adiós a los nombres rebuscados. Bienvenida la claridad.

Sé específico y regala a tus potenciales clientes confortabilidad web.

Si puedes decir “Inicio”, para qué escribir “Portal de bienvenida”.

Eficacia

Un menú eficaz será fácil de comprender y llevará al usuario al sitio al que espera llegar.

Ni más, ni menos.

Esto es muy fácil de comprobar revisando de forma periódica tu sitio como si se tratara de un visitante.

Pincha sobre cada opción de menú y asegura que cada enlace guíe, con exactitud, a donde debería.

Evita los nombres con doble sentido

Uno de los errores más comunes que ocurren a la hora de colocar los nombres del menú es que estos puedan ser entendidos desde perspectivas diferentes.

Las palabras o frases escogidas deben ser tales que tanto para ti como dueño de la web, como para tus visitas, signifiquen lo mismo.

Por ejemplo, al decir “trabaja conmigo” es probable que el dueño de la web esté pensando en que sus clientes potenciales se interesen en contratarlo.

Pero cualquier otra persona podría pensar que está en la búsqueda de personal y que esa página se trata de la oferta de un puesto vacante.

Cómo lograr el mejor menú de navegación haciendo uso de la arquitectura web

La idea no es adentrarnos en temas muy técnicos, pero el conocimiento de la arquitectura web es una herramienta que nos ayudará mucho. Planificar la arquitectura web servirá para mantener el orden en nuestro menú y otorgar los nombres más adecuados con respecto a las distintas funciones.

Crear un mapa o estructura, en términos sencillos, es lo más conveniente. De esta forma tendremos la capacidad visual de valorar cada elemento y ordenarlos según la manera que consideremos más conveniente.

Por ejemplo, el mapa facilitará definir qué elementos son más importantes para ir colocándolos en orden en el menú.

Las estadísticas demuestran que en un sitio web de servicios profesionales, la segunda página más visitada sea “Sobre mí”.

Entonces, es lógico que vaya justo al lado de inicio.

Veamos este ejemplo sencillo de este mismo sitio web:

arquitectura web de copy para emprendedores

Como ves, no es necesario ser un experto en programación para lograr un resultado sencillo como este. La idea es que ordenes tus ideas y le des una estructura lógica.

La visibilidad del menú de navegación

La visibilidad que debe tener el menú de navegación es una duda frecuente que yo también experimenté en mis inicios.

La lógica diría que siempre debería estar visible para que los visitantes puedan moverse como gusten dentro del sitio web.

Sin embargo, la lógica falla mucho en este punto porque, si bien es un elemento de orden, el menú de navegación también representa un punto de distracción.

Es por eso que se recomienda que el mismo no esté visible en páginas especiales que persiguen un objetivo único y que no deseamos que se pierda en el camino.

Aquí se incluyen:

  • Landing page o páginas de ventas.
  • Squeeze page o páginas de captación.
  • Páginas de registro de eventos, inscripciones, entre otros similares.

En otros casos, como ocurre en la página de sobre mí o del blog, donde la idea es ofrecer información al usuario para que termine realizando la compra o contratando el servicio, mantener el menú visible sí es provechoso.

Los niveles de profundidad

Los niveles de profundidad informan sobre la cantidad de veces que una persona debe dar clic en un menú para llegar a su página de destino.

Y la cantidad máxima debería ser 3. Sí, solo 3.

Esto nos obliga a reducir los pasos y a mantener el enfoque sobre lo que es más importante.

Te doy un ejemplo:

En este sitio web tengo ahora mismo 2 niveles de profundidad. El menú principal y un desplegable en la sección de servicios.

Si en el servicio de “Copywriting” deseo hacer una división con otros servicios derivados como “Seo Copywriting” y “Copywriting para email marketing”, ya estaría alcanzando los 3 niveles de profundidad.

Incluir un nuevo derivado sería excesivo para un visitante y eso iría en contra de una buena experiencia de usuario.

Las tiendas más grandes del mundo tienen un menú lleno de elementos que agrupan en categorías generales y, después, las detallan en submenús.

Aquí está el caso de la página web con menú desplegable de Amazon para que lo veas con mayor claridad:

Captura de pantalla de menú de navegación amplio de la tienda Amazon.com
Menú de navegación para productos de lentes de sol de Amazon.com

El menú de navegación en el footer

Es algo así como el menú olvidado del sitio web donde colocamos cualquier cosa porque no es tan importante.

Error.

Todo lo que tengamos en el sitio web es importante y hay que prestarle la debida atención.

El footer es un espacio donde el usuario obtiene información extra, menos prioritaria, pero que podría tener un eventual interés de consultar.

Por eso también debe cuidarse mucho y asegurar que las características aplicadas al principal, como la claridad, se reflejen en él.

¿Tú qué tal te la llevas con tu menú de navegación? Comparte con nosotros qué elementos tomaste en cuenta para desarrollarlo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *