Se abre en una pestaña nueva

SEO local

Navegación web: cómo diseñar un menú que la gente sepa usar

Por qué importa la navegación, qué hace fácil de usar un menú, cómo planear el tuyo, migas de pan y enlaces para saltar, y cómo sale el nuestro.

Revisada4 de noviembre de 2026
Lectura
Forma parte deDiseño web
Escucha esta guía
0:00 /5:08

Respuesta corta: La navegación web son los menús, enlaces y señales que permiten encontrar una página y saber dónde estás. Deja el menú principal visible y donde la gente lo espera, usa las palabras de tus clientes, marca la sección actual y añade migas de pan en las páginas interiores. Mantén el menú en el mismo orden en todas las páginas.

Por qué importa la navegación

Mucha gente nunca ve primero tu página de inicio. NN/g compara llegar desde una búsqueda con que te dejen en un punto cualquiera de una ciudad desconocida. Por eso la navegación debe mostrar no solo adónde puedes ir, sino también dónde estás.

NN/g dice que no mostrar la ubicación actual es probablemente el error más común que ve en los menús de los sitios web.

Qué hace fácil de usar un menú

La lista de NN/g empieza por la visibilidad: esconder las secciones principales bajo un solo menú no es apropiado en escritorio, y el menú hamburguesa es un mal necesario en pantallas pequeñas. Los enlaces del menú también deben destacar con claridad sobre su fondo.

Pauta Qué significa Fuente
Menú siempre visible Muestra las secciones principales en pantallas grandes; escóndelas solo donde falta espacio NN/g
Donde la gente lo busca El menú principal en la cabecera; los menús de una sección a la izquierda en escritorio NN/g
Mostrar dónde está el visitante Marca la sección actual y añade migas de pan en las páginas interiores NN/g
Etiquetas conocidas Las palabras que usan tus clientes, con la palabra principal delante NN/g
Un solo orden Los menús que se repiten salen en el mismo orden relativo en todas las páginas WCAG 3.2.3

Según dos artículos de NN/g sobre menús y sobre mostrar dónde estás, y el criterio 3.2.3 de las WCAG. En inglés, consultados el 4 de noviembre de 2026.

NN/g recomienda etiquetas claras, concretas y conocidas, no ingeniosas. Los iconos pueden ayudar a distinguir opciones, pero NN/g dice que deben acompañar a etiquetas de texto claras, nunca sustituirlas.

Cómo planear la navegación de tu web

  1. Haz la lista de las pocas secciones que busca la gente, con las palabras de tus clientes.
  2. Ponlas en un menú visible arriba en las pantallas grandes.
  3. Nombra cada elemento con claridad, con la palabra principal delante.
  4. Marca la sección actual en el menú y añade migas de pan en las páginas interiores.
  5. Mantén los mismos elementos en el mismo orden en todas las páginas.
  6. Enlaza el logo a tu página de inicio.
  7. Añade un enlace «Saltar al contenido principal» al principio de cada página.

Nuestra guía del menú hamburguesa explica el menú en el teléfono. La guía de breadcrumbs muestra cómo añadir migas de pan a las páginas interiores.

Cómo sale nuestra propia navegación

El 4 de noviembre de 2026 leímos las 424 páginas de nuestros sitemaps, 212 en cada idioma, como lo haría un visitante. La cabecera tenía los mismos enlaces en el mismo orden en todas.

Todas las páginas tenían también un enlace «Saltar al contenido principal». 195 de las 212 páginas de cada idioma mostraban migas de pan: las guías, los artículos y las páginas de Miami, donde la gente suele llegar desde una búsqueda.

Las otras 17 son páginas principales, como la de inicio, las páginas principales de servicios y las páginas legales.

Antes de dar por terminado tu menú

  • Las secciones principales se ven en la pantalla de una computadora.
  • Cada etiqueta usa una palabra que usarían tus clientes.
  • La sección actual está marcada en el menú.
  • Las páginas interiores muestran migas de pan.
  • El menú mantiene un solo orden en todas las páginas.
  • Un enlace para saltar lleva al contenido principal.

RecuerdaLa gente suele llegar a mitad de tu web. Muéstrale dónde está y qué más hay, y mantenlo en el mismo sitio en todas las páginas.

Si quieres una web cuyo menú tus clientes usen sin pensar, nuestro servicio de diseño web puede planearla contigo.

Respuestas rápidas sobre la navegación web

¿Qué es la navegación web?

Son los menús, enlaces y señales que ayudan a encontrar páginas y saber dónde estás: el menú de la cabecera, las migas de pan y los títulos. NN/g dice que la navegación debe mostrar no solo adónde puedes ir, sino también dónde estás.

¿Uso un menú hamburguesa en la versión de escritorio?

No. NN/g dice que esconder la navegación bajo un solo menú no es apropiado para webs de escritorio. Llama al menú hamburguesa un mal necesario en pantallas pequeñas, donde falta espacio.

¿Por qué importa el orden de los elementos del menú?

Las WCAG piden que la navegación que se repite en varias páginas aparezca siempre en el mismo orden relativo. Ayuda a quien se guía por la memoria espacial y a los usuarios ciegos que recorren la página en orden.

¿Vale la pena poner migas de pan en una web pequeña?

Ayudan en cualquier página a la que la gente puede llegar desde una búsqueda. NN/g cita las migas de pan entre las señales que muestran dónde está el visitante, porque presentan la jerarquía del sitio como un camino de enlaces.

¿Qué es un enlace para saltar al contenido principal?

Un enlace al principio de la página que permite a quien usa teclado o lector de pantalla saltarse la cabecera y el menú e ir al contenido. Las WCAG lo ponen como ejemplo de un control situado igual en todas las páginas.

Fuentes

Consultadas el 4 de noviembre de 2026, en inglés. NN/g: Menu-Design Checklist: 17 UX Guidelines y Navigation: You Are Here. W3C: Understanding Success Criterion 3.2.3: Consistent Navigation. Nuestro caso: todas las páginas de nuestros sitemaps, leídas el 4 de noviembre de 2026.

Pedro Galindez

Pedro Galindez

Fundador de Feedback Studios, estudio de crecimiento bilingüe en Miami.

Escuchar0:00 /5:08

Más guías

Revisada 4 de noviembre de 2026

Contenido evergreen: qué es y cómo mantenerlo al día

Qué es el contenido evergreen, cómo lee Google la fecha de una página, cuándo cambiar esa fecha y cómo la muestran nuestras guías y artículos.

Revisada 4 de noviembre de 2026

Palabras clave long tail: qué son y cómo encontrarlas

Qué son las palabras clave long tail, por qué le importan a un negocio pequeño, dónde encontrarlas y cómo es la cola larga de nuestro servicio.

Revisada 4 de noviembre de 2026

Animaciones en tu web: cuándo ayudan y cómo hacerlas accesibles

Para qué sirve la animación en una web, cuánto debe durar, las reglas de accesibilidad del movimiento y cómo lo resuelve nuestra web.

Revisada 3 de noviembre de 2026

Anuncios en YouTube: formatos, qué pagas y cómo empezar

Cómo funcionan los anuncios de YouTube, los seis formatos con su duración y qué pagas, cómo lanzar el primero y nuestros videos frente a los límites.

Revisada 3 de noviembre de 2026

Marketing por SMS para un negocio pequeño: consentimiento, primer mensaje y bajas

Qué necesita el marketing por SMS antes del primer mensaje: consentimiento por tipo de mensaje, el registro, la confirmación, STOP y nuestro caso.

Revisada 3 de noviembre de 2026

Tasa de clics (CTR): qué es y cómo mejorarla

Qué mide la tasa de clics en Google Ads y en Search Console, cómo se calcula, qué es una buena CTR, los pasos a seguir y nuestras propias cifras.

Siguiente paso

Cuéntanos qué necesitas

Escríbenos por WhatsApp o envíanos un mensaje. Respondemos en español o en inglés.