Una buena navegación permite reconocer el punto de partida adecuado, elegir una página útil y entender qué hacer después. Empieza por las preguntas que las personas plantean a tu empresa, asígnales destinos claros y prueba los recorridos en un teléfono y con el teclado. Un menú más corto solo ayuda si las páginas importantes siguen siendo fáciles de encontrar.
Esta lista está pensada para empresas que preparan una web nueva o revisan la actual. Úsala para tomar decisiones con tu equipo de diseño antes de aprobar una cabecera visualmente terminada. El resultado útil es un mapa breve y acordado de necesidades, páginas y enlaces.
Empieza por la tarea del visitante
Escribe entre tres y cinco situaciones con las palabras de tus clientes: «Necesito saber si trabajáis en mi zona», «Quiero comparar vuestros servicios» o «Ya soy cliente y necesito ayuda». Son ejemplos adaptables, no un límite fijo. Revisa consultas reales y pregunta a quienes las atienden en qué puntos suelen atascarse los visitantes.
Para cada situación, anota el público, su pregunta, la página que la responde y la siguiente acción útil. Un posible cliente quizá necesite entender un servicio antes de consultar; un cliente actual puede necesitar asistencia inmediata. Hacer que ambos empiecen por el mismo formulario comercial introduce un desvío evitable.
Separa la tarea del visitante de la organización interna. El nombre de un departamento solo encaja en la navegación si tus clientes lo entienden. Si dos equipos proponen «Soluciones», pregunta qué esperaría encontrar una persona tras cada enlace. Documenta los nombres y destinos acordados en el brief de tu proyecto web.
Decide dónde colocar cada recorrido
La cabecera es solo una parte de la navegación. Los enlaces dentro del contenido pueden conectar una duda con su respuesta justo cuando aparece. Esta tabla ayuda a decidir dónde merece estar cada acceso.
| Necesidad del visitante | Punto de partida útil |
|---|---|
| Un motivo principal para visitar la empresa | Un enlace claro en la navegación principal |
| Comparar varios servicios relacionados | Una página general; añade un submenú si facilita la elección |
| Consultar un detalle durante la lectura | Un enlace descriptivo dentro de la página correspondiente |
| Consultar políticas o información general de la empresa | Un enlace en el pie, complementado con enlaces contextuales cuando hagan falta |
| Encontrar muchos elementos conocidos por su nombre | Valora añadir búsqueda a una estructura que también se pueda recorrer |
No existe una cantidad universal de opciones. Evalúa los nombres reales, el espacio disponible y las tareas que compiten por atención. El contacto puede merecer una posición destacada aunque otra sección reciba más visitas. No escondas un destino esencial para cumplir un límite visual.
Haz que el nombre corresponda al destino
Sustituye etiquetas vagas como «Descubre» por palabras que expliquen la elección: «Servicios de mantenimiento», «Zonas de servicio» o «Nuestro equipo». Estos ejemplos encajan en algunas empresas, no en todas las webs. Pregunta a alguien ajeno al proyecto qué espera encontrar al elegir cada opción, sin mostrarle antes la página de destino.
La explicación de WAI sobre el propósito de los enlaces describe cómo el texto o su contexto deben aclarar la finalidad. Prioriza nombres comprensibles por sí mismos.
Al llegar, el encabezado de la página debería confirmar la elección. «Mantenimiento de oficinas» no debería abrir, sin explicación, una página titulada «Nuestra experiencia». En páginas más profundas, valora una ruta de navegación si ayuda a entender la jerarquía. Debe reflejar la estructura del sitio, no el historial de visitas.
La navegación repetida debe conservar su orden relativo entre páginas, como explica WAI sobre navegación coherente. Acuerda un conjunto común de nombres, incluidas sus traducciones, en lugar de editar cada cabecera por separado.
Comprueba el menú móvil y el recorrido con teclado
Revisa el menú funcional en una pantalla estrecha con sus traducciones más largas. Ábrelo desde un artículo, una página de servicio y la página de consulta. ¿Se distinguen las opciones y se puede cerrar el menú sin perder la orientación? Una captura de escritorio no responde a esas preguntas.
La guía de WAI sobre el aspecto de los menús trata el foco visible, el texto ampliado y los estados reconocibles más allá del color. Compruébalos en la implementación.
Deja el ratón a un lado. Recorre la navegación con Tab y Mayús+Tab, activa enlaces con Intro y comprueba los botones del menú con Intro y Espacio. El foco no debe desaparecer tras un panel cerrado. Si el menú se abre en una ventana modal superpuesta, pide una demostración de cómo se gestiona el foco y se cierra.
Exige que los submenús funcionen con teclado y pantalla táctil y ofrezcan otro acceso desde la página superior; consulta el tutorial de WAI sobre menús desplegables. Si la opción superior también abre una página, distingue claramente su enlace del control del submenú. Pide que se demuestren ambas acciones.
El tutorial de WAI sobre estructura de menús explica las regiones de navegación con nombre y la identificación técnica de la página actual. Así las tecnologías de asistencia pueden interpretar la estructura visible.
Un ejemplo que puedes adaptar
Imagina una empresa de mantenimiento de edificios. Es un ejemplo hipotético, no el resultado de un cliente. Su cabecera propuesta dice «Soluciones», «Experiencia», «Recursos» y «Conectamos». Una nueva responsable de oficina quiere comprobar si la empresa realiza mantenimiento periódico en su localidad antes de solicitar una conversación.
El recorrido sería: resumen de servicios → mantenimiento de oficinas → zonas de servicio → consulta. Una cabecera revisada podría mostrar «Servicios», «Zonas de servicio», «Empresa» y «Contacto». La página de mantenimiento enlazaría directamente a la cobertura geográfica y después ofrecería una consulta. Los clientes actuales tendrían una ruta de asistencia con un nombre propio.
Prueba el mapa antes de discutir sobre colores. Presenta a una persona la situación de la responsable sin mencionar la opción esperada. Anota el primer enlace que elige, los nombres que le generan dudas y si la página resuelve su tarea. Si busca la cobertura en «Empresa», investiga esa expectativa antes de añadir otro nivel al menú.
Mantén un registro breve de decisiones en lugar de una nota general como «mejorar la navegación». Dedica una línea a cada tarea: página inicial, destino esperado, elección real, motivo de duda, cambio propuesto y responsable. Una primera elección equivocada puede indicar palabras confusas, un enlace ausente o una página que no responde a la pregunta. No presupongas que el problema está solo en el menú. Repite la tarea después del cambio y anota qué sigue sin estar claro. Empieza también desde un enlace compartido a un servicio: debe ser posible orientarse sin haber pasado antes por la página de inicio.
Conecta las páginas importantes con enlaces significativos
Pide verificar enlaces reales <a href="…"> con texto descriptivo. Las recomendaciones de Google sobre enlaces explican los enlaces rastreables y los textos de anclaje útiles.
Para facilitar el descubrimiento mediante buscadores e IA, nuestro punto de partida práctico es esa misma estructura comprensible: temas explícitos, enlaces claros y contenido útil en cada destino. Es un enfoque editorial, no una promesa de indexación, posicionamiento o presencia en respuestas de IA. Un recorrido legible no determina qué contenido selecciona otro servicio.
Lista de aceptación para la empresa
- Cada tarea prioritaria tiene un destino acordado y un siguiente paso.
- Los nombres del menú describen las páginas que abren en todos los idiomas publicados.
- Una persona puede intentar las tareas prioritarias sin indicaciones; las dudas quedan registradas.
- Se han demostrado los recorridos móviles y con teclado en páginas funcionales.
- Se han comprobado los submenús, las señales de página actual y el cierre del menú.
- Las páginas importantes tienen enlaces internos funcionales; hay un plan de redirecciones para las URL modificadas.
- Una persona mantiene el mapa de navegación cuando cambian los servicios o las páginas.
Esta es una revisión de aceptación acotada, no una certificación de accesibilidad. El tutorial de WAI sobre menús ofrece más orientación de implementación. Si también cambia la estructura de páginas, utiliza la lista para rediseñar una web al planificar el trabajo completo.
Lleva las tareas de tus visitantes y la lista actual de páginas a la conversación sobre tu proyecto. Consulta el servicio de creación web de Digital Studio o empieza tu brief web con los recorridos más importantes para tus clientes.
