Estás en Home » Empezar de Cero a Hacer una Web » Sistema de navegación de la página web
disenador-web-autonomo

Sistema de navegación de la página web

Un buen sistema de navegación es imprescindible en toda página web. Es una parte importante de la organización de la estructura de la web. Que el usuario sea capaz de moverse con soltura y facilidad por las distintas páginas del sitio, que encuentre lo que busca rápidamente, que no se pierda yendo de un enlace a otro sin saber donde está, que no quede colgado en una página concreta sin poder navegar por otras o volver atrás… son algunas de los aspectos que hay que cuidar en la navegación de un sitio web. Veamos algunos puntos importantes.

La página de inicio

La página de inicio de tu web es la puerta principal de acceso a tu web. Por ella entrarán la mayor parte de visitantes, por lo que hay que cuidar al máximo cada detalle.

Si tu sitio web es pequeño, puedes permitirte el lujo de enlazar a todas las páginas de tu web desde la página principal, así el usuario tiene a su alcance toda la información disponible en el sitio. Pero en muchos casos incluir un enlace a cada página convertiría en un caos a la portada del sitio debido a la gran cantidad de páginas internas. En estos casos lo más conveniente sería enlazar a las secciones principales de la web, desde las cuales se enlazaría al contenido de esa sección concreta, etc.

Menú de navegación

El menú de una página web es la principal herramienta de navegación que le podemos facilitar al visitante para que encuentre lo que busca. Es imprescindible para que las personas encuentren las demás páginas de la web, además del índice.

Los menús de navegación son básicamente listas de enlaces a las diferentes páginas o secciones de la web. De su estructuración dependerá en gran medida que los visitantes encuentren lo que buscan, por lo que es conveniente pensarse dos veces cómo hacerlo antes de implementarlo en la web.

Hay varios tipos de menús de navegación; podemos encontrarlos en disposición horizontal;

menu horizontal

O vertical;

Menu vertical

Como mencionamos antes, para sitios web con un número de páginas pequeño puede ser bueno enlazar a todas ellas desde cada página para que el usuario tenga en todo momento la información disponible en la web a su alcance. Por ejemplo, si es una página web informativa sobre tu empresa y no tiene otra finalidad, puede que cuente con 10 ó 15 páginas en total, las cuales pueden perfectamente ser enlazadas desde cada página individual. Sin embargo, cuando una web contiene mucha información este tipo de menús tiene poco sentido, porque entonces tendríamos menús con cientos de enlaces, algo excesivamente largo para ser usable. Lo normal en estos casos es enlazar desde la página principal a las secciones más importantes, y desde cada una de ellas a sus contenidos concretos.

Pie de página

El pié de página de la web también puede usarse para mejorar la navegación del sitio. Normalmente no se utiliza para poner enlaces a todas las secciones (para eso ya está el menú), pero sí para poner enlaces importantes o que consideras que deben aparecer en todas las páginas de la web, por ejemplo información legal sobre tu empresa, direcciones de contacto, políticas de uso del sitio, etc.

Evitar páginas huérfanas

Una página huérfana es aquella desde la cual no se puede acceder a ninguna otra. Cuando el usuario se encuentra con una de estas páginas la confusión y el enfado pueden ser importantes. Es cierto que dándole al botón “atrás” del navegador o modificando el campo de la url puede llegarse perfectamente a otra página del sitio, pero no todo el mundo tiene porqué saberlo, y hacer a la gente molestarse demasiado en navegar por un sitio es signo de falta de usabilidad web. No cuesta nada poner en cada página al menos un enlace a la principal.

Enlazar siempre al índice

Una de las formas de evitar páginas huérfanas y que mejora sin duda la navegabilidad de una web es incluir en cada página del sitio un enlace al índice.

enlace a la página principal

Parece bastante extendido el enlazar a la página principal del sitio mediante el banner o logo de cabecera. Así, el usuario siempre tiene un recurso para volver al principio y buscar lo que necesita.

Ruta de acceso o ¿dónde estoy?

Es frecuente que aunque el usuario pueda navegar con facilidad por las páginas de tu sitio no sepa exactamente donde está. Para evitar esto es muy útil incluir el camino que se sigue desde la página principal, pasando por las secciones (principales) hasta la página concreta en la que se encuentra el usuario. No hace falta que indiques cada uno de los pasos, con los más importantes es suficiente, no es cuestión de que se convierta en una guía interminable. Un ejemplo de esto lo encontramos en LaWebera.es:

ruta de acceso web

Es conveniente que cada parte de la ruta tenga su enlace correspondiente, de forma que el usuario pueda ir a esa categoría si lo desea. Sin el enlace a cada sitio, la ruta de acceso pierde sentido ya que le dice al usuario donde está pero no le da alternativas.

Incluir un buscador

Para páginas web con mucho contenido es realmente útil la inclusión de un buscador interno que permita a los usuarios buscar directamente los temas que le interesan. Páginas web didácticas, de manuales, etc. son sitios que tienen mucho contenido distribuido a su vez en muchas páginas. Buscar una información concreta en ellas puede ser complicado dado el volumen de archivos que contienen. Los buscadores mejor la experiencia del usuario en el sitio web y le ayudan a ahorrar tiempo en su búsqueda de información.

Hay herramientas gratuitas muy buenas para poner un buscador en tu web. Por ejemplo: Google Co-op o Atomz.




Artículos Relacionados
Guías de navegación en la web
Como empezar una web. Guías de navegación: ¿cómo averiguo dónde estoy? Esta cuestión es tan...
¿Para qué sirve la navegación en la web?
Como empezar una web: ¿Para qué sirve la navegación? Los elementos de navegación, son los...
Manual PHP. PHP para desarrollo de aplicaciones web (II)
La autenticación de usuarios utilizando HTTP El protocolo HTTP proporciona un mecanismo de autenticación...
Manual PHP. ¿Qué es PHP? una breve introducción
Licencia del manual: Webs dinámicas con PHP Autor: Alvaro del Castillo Se otorga...
Última Actualización: 1/02/10
(5 votos)
Loading ... Loading ...

Autor y licencia

Licencia: Eres libre de distribuir este artículo bajo los términos de la licencia creative commons, siempre que pongas claramente el siguiente texto en la página que publica el artículo (enlaces activos incluidos):

Autor: Verónica M.
URL: Sistema de navegación de la página web
Web: Como hacer webs



26 Comentarios para “Sistema de navegación de la página web”

  1. marc torres:

    hola!

    me quiero hacer una página web para mi.

    pero no se como se hace.

    me gustarie que me ayudaseis a hacerla, enviandome e-mails a marctb_94@hotmail.com

    muchas gracias.

    Marc Torres

    30/12/07 - 14:17 #

  2. Verónica M.:

    Hola Marc. Si quieres aprender a hacer páginas web te aconsejo que te leas algunos tutoriales, puedes empezar en esta web con el tutorial básico de empezar de cero (http://www.lawebera.es/de0) y después aprender a manejar algún programa como Dreamweaver, en esta web también tienes un manual sobre eso (http://www.lawebera.es/manuales/macromedia-dreamweaver/). Sería muy recomendable también que aprendieras lo básico de html, para que sepas lo que haces y tengas un mayor control del resultado (http://www.lawebera.es/manuales/html/).

    Suerte.

    7/01/08 - 17:47 #

  3. gena:

    su pagina esta muy completa, para realizar o crear una página web, esta muy clara, precisa y concisa, cuando explica cada uno de los detalles de los puntos resaltantes de la elaboración de la web, gracias me ayudarón mucho, cuando tenga mi pagina lista les escribo, para que me den sus opiniones y comentarios de ella.

    3/03/08 - 22:03 #

  4. Verónica M.:

    Hola gena.

    Me alegro de que te sea útil la página y que se entiendan las explicaciones. No dudes en escribirnos para que le echemos un vistazo a tu web.

    Un saludo.

    5/03/08 - 14:15 #

  5. Agustin:

    Felicidades. Hace más de 2 horas que entré en estas páginas buscando la forma de iniciarme en el diseño de una página web y todavía no he podido desengancharme. Y aunque al principio me parecía mucho más dificil de lo que pensaba (creía que hacer una página web era más sencillo), poco a poco he vuelto a retomar la confianza. Cuando monte mi página te la pienso dedicar. Muchas gracias.

    13/01/09 - 20:03 #

  6. Gualberto:

    hola me recomendaron expression web para hacer una pagina me podrian proporcionar un maual de como disenar una pagina con este programa

    28/04/09 - 12:40 #

  7. gaba:

    si alguien sabe de algun diccionario ilustrado en cuanto elementos constituvos de una pagina web y/o sitio web, por favor pasar el dato, porque me interesa ampliar el vocabulario en el campo digital

    1/11/09 - 4:51 #

  8. camilo fuentes:

    excelente aporte muy completo, pues abordan todos los temas desde la planificación hasta la realización de la pág. me está sirviendo mucho. Me la voy a “devorar” toda

    muchas gracias

    20/02/10 - 21:35 #

Enlaces a esta entrada


Publicar un comentario