Navegar por el contenido de un sitio web es probablemente uno de los mayores problemas para los visitantes y los propietarios de sitios web, y puede marcar la diferencia de que un sitio web sea bueno o malo.
Hay muchos elementos dentro de un sitio web que pueden ayudar a los visitantes a encontrar la información que buscan, pero por desgracia esta faceta en el diseño de un sitio web se ignora con demasiada frecuencia, y se sacrifica en aras de un diseño, llamémoslo, más cool.
¿Qué son las herramientas de navegación de contenidos?
La mayoría de la gente pensará inmediatamente en la barra de navegación (o en las pestañas, si usted no es un técnico), pero no es la única forma de ayudar a los visitantes a encontrar información en un sitio web.
Debido a la importancia de la barra de navegación, vamos a empezar por ella.
1. Barra de Navegación
La barra de navegación es un componente clave de un sitio web, ya que es la herramienta que la mayoría de la gente reconoce.
Sin embargo, existen distintos tipos de barras de navegación para ordenadores de sobremesa, pero menos opciones para móviles (véase la barra Burger más abajo).
Barra de navegación Simple
Este es el tipo más común, donde se muestra el asunto principal con enlaces directos a cada página que contiene dicho asunto. La limitación de este enfoque es el número de botones, restringido por la anchura de una pantalla, lo que significa que la barra de navegación solo puede contener un número limitado de teclas de navegación (botones). Esto significa que el tema tiene que estar bien pensado, y en algunos casos se necesitan landing pages (páginas de aterrizaje) para llevar a los visitantes a las subcategorías (véase más abajo).
Menús desplegables
Se basa en la barra de navegación simple, con algunos botones de navegación que tienen opciones «desplegables». Esto significa que la tecla de navegación en sí no lleva a los visitantes a ninguna página o a una página de destino, sino que revela una lista desplegable que permite a los visitantes seleccionar enlaces a submenús o subcategorías. Se trata de un método útil, excepto cuando el tema es muy amplio, lo que en dicho caso implicaría que la lista desplegable puede resultar demasiado larga.
Mega Menús
Esto es llevar más allá el concepto de un menú desplegable, lo cual es especialmente útil para los sitios web más grandes, o sitios web con contenido complejo. Mega Menu abre una caja flotante completa, que permite a los visitantes ver un conjunto completo de opciones bajo cada tecla del menú principal. Esto facilita mucho la navegación y la selección de temas, especialmente cuando las opciones son complejas o variadas. Compruebe el ejemplo en nuestro propio sitio web, y podrá ver por qué hemos seleccionado este método para ayudar a los visitantes a navegar por el sinfín de servicios y opciones que ofrecemos.
Barra Burger
Seguramente la habréis visto en vuestros móviles. Las siempre presentes 3 barras horizontales (¡de ahí el Burger!), que abren las opciones para elegir las páginas deseadas. Debido al espacio limitado en un móvil (e incluso tabletas), las opciones para esto son limitadas. Las barras Burger solo pueden abrir una barra de navegación simple con pseudo menús desplegables, por lo que tienden a ser muy largas y rebeldes. Para solucionar este problema, las páginas de aterrizaje y el entramado del contenido de tu sitio web son la única forma de resolver este problema.
2. Páginas de aterrizaje
Más conocidas como Landing Pages, se trata de páginas muy útiles, en las que las teclas de navegación envían a los visitantes a una página específica. A su vez, la landing page resume los servicios/productos/temas que componen las opciones que el visitante podría estar buscando, utilizando una combinación de imágenes, cuadros de texto y enlaces a la página principal de cada subcategoría o producto.
Esto fue especialmente útil en la irrupción del uso de móviles y tabletas, en la que muchos visitantes utilizan dispositivos más pequeños con pantallas más pequeñas donde solo se podía mostrar la temida «Burger Bar».
3. Tejer el contenido
Esto se consigue utilizando enlaces dentro del texto de una página para guiar a los visitantes a páginas con más información, «tejiendo» el contenido del sitio mediante enlaces dentro del texto. Esto se hace especialmente útil cuando utilizas CSS para resaltar el enlace de texto con un color diferente al color estándar del texto, lo que hace que el enlace destaque.
Este método se utiliza mucho en portales de noticias, Wikipedia y sitios web académicos. Tejer de esta manera el contenido del sitio no solo permite a los visitantes encontrar información complementaria o relacionada, sino que es especialmente útil para los usuarios de dispositivos móviles que visitan el sitio web.
4. Repetición
Esto es algo de lo que muchos propietarios de sitios web rehúyen, pero esta reticencia a la repetición no tiene ningún sentido.
Una de las premisas del marketing es la repetición del mismo mensaje para reforzar el mensaje que se quiere transmitir. Esto es tan válido en un sitio web como cuando se comercializan productos o servicios en otros medios.
La información relevante y los mensajes clave deben repetirse con enlaces a páginas que contengan dicha información, esto permite evitar el crear páginas donde el usuario no pueda avanzar convirtiéndose en una página callejón sin salida. Las páginas de tu sitio web deben tener siempre un medio alternativo de acceder a información relacionada distinto de la barra de navegación, para evitar así esos callejones sin salida o las páginas sin salida.
5. Barras laterales
Las barras laterales se elaboran con contenidos fijos o dinámicos que crean enlaces alternativos a temas relacionados. Esto es especialmente importante para blogs y sitios web de comercio electrónico, ya que permite a los visitantes encontrar más información sobre el tema o productos similares, utilizando categorías, palabras clave, fechas o productos sugeridos, etc.
Las barras laterales también pueden ser de utilidad para promocionar ofertas o mensajes importantes de manera consistente en todo el sitio web. Estas barras laterales se convierten en una columna en las pantallas más pequeñas y se muestran al final del texto principal, resultando muy útiles para mantener el interés aumentando razones para permanecer en el sitio.
Resumen
Ayudar a los visitantes a encontrar fácilmente información en un sitio web es clave para mejorar la fidelidad de tu sitio web (páginas vistas y tiempo medio por visitante), así como para ayudarte a convertir tus visitas en ventas o clientes potenciales. Cuanto más interactúe un visitante con un sitio web, más probable es que acabe realizando la «acción deseada».
Ponte en contacto con nosotros si deseas mejorar el rendimiento de su sitio web.