Saltar al contenido

Adrider

Las novedades

Cómo navegar fácilmente por un sitio web con un mapa del sitio bien diseñado

Buscas información en un sitio web, recorres el menú principal, haces clic en dos o tres secciones y acabas dando vueltas en círculo…

Femme consultant un plan de site web imprimé sur un bureau en bois dans un bureau à domicile moderne

Buscas información en un sitio web, recorres el menú principal, haces clic en dos o tres secciones y acabas dando vueltas en círculo. El contenido existe, pero no está claro cómo llegar hasta él. Ese es precisamente el problema que resuelve un mapa del sitio bien diseñado: muestra toda la estructura en una sola página, como el índice de un libro.

Probar el recorrido completo, no solo la página

La mayoría de las guías sobre navegación se centran en la estructura del menú o en el diseño de la página. Pero olvidan un aspecto práctico: una página puede estar perfectamente construida y seguir siendo imposible de encontrar si hay algún obstáculo en el camino para llegar hasta ella.

Los resultados de las auditorías de accesibilidad lo confirman. Hay recorridos que fallan aunque las páginas individuales cumplan los requisitos, porque un menú desplegable, una ventana modal o un proceso de compra bloquea la navegación con el teclado. Probar los recorridos completos desde el mapa del sitio hasta la acción deseada ofrece una visión más fiable que comprobar cada página por separado.

En la práctica, esto significa abrir el mapa del sitio, elegir un enlace a una página interna (una ficha de producto, un formulario de contacto, un artículo archivado) y comprobar que se puede llegar hasta ella sin ratón, usando únicamente el teclado o un lector de pantalla.

Si el recorrido se interrumpe a mitad de camino, el mapa del sitio pierde su razón de ser. Puedes ver este principio en acción en el mapa del sitio Les Marches du Pouvoir, que enumera sus secciones de forma lineal y permite acceder directamente a cualquier contenido.

Hombre presentando un plan de arquitectura de un sitio web en una pizarra blanca en una oficina colaborativa

Mapa del sitio HTML y sitemap XML: dos herramientas para dos públicos

¿Has visto alguna vez un archivo sitemap.xml? Es una lista de direcciones destinada a los motores de búsqueda. Google, Bing y sus robots la utilizan para descubrir e indexar páginas. Los visitantes, en cambio, nunca la consultan.

El mapa del sitio HTML es justo lo contrario. Es una página visible, pensada para las personas que navegan por el sitio. Presenta las secciones, las subsecciones y las páginas en un orden lógico, con enlaces en los que se puede hacer clic.

El mapa HTML está pensado para los visitantes; el sitemap XML, para los robots. Confundirlos es como ofrecer una guía telefónica a alguien que busca un plano del barrio. Ambos son útiles, pero no responden a la misma necesidad.

Qué debe incluir el mapa HTML

Un buen mapa del sitio HTML no reproduce el menú de navegación palabra por palabra. Lo complementa al mostrar los niveles de profundidad que el menú oculta. Estos son los elementos que debe incluir:

  • Las páginas que estructuran el sitio: inicio, secciones principales, subsecciones, páginas de contacto y avisos legales
  • Los contenidos internos a los que no se accede directamente desde el menú, como los archivos del blog, las fichas detalladas o las páginas de categorías secundarias
  • Enlaces a páginas funcionales (búsqueda, preguntas frecuentes, formularios) que los visitantes suelen buscar sin encontrarlas en el menú

En cambio, las páginas duplicadas, las páginas de resultados de búsqueda interna y las páginas de paginación no tienen cabida en un mapa del sitio HTML. Añaden ruido sin ofrecer referencias útiles.

Accesibilidad del mapa del sitio: el criterio que se comprueba en las auditorías

El mapa del sitio no es un simple añadido estético. El criterio WCAG 2.2.5 («Múltiples vías») exige que se pueda encontrar una página por más de un camino: a través del menú, la búsqueda o el mapa del sitio. Un mapa del sitio coherente cumple directamente este criterio de accesibilidad.

Los estándares de auditoría, como el RGAA, comprueban un aspecto concreto: el enlace a la página «mapa del sitio» debe ser accesible de la misma manera y estar en el mismo lugar en todas las páginas de un mismo conjunto. Si el enlace aparece en el pie de página de la página de inicio, pero desaparece en las páginas internas, la auditoría no se supera.

Tres públicos que dependen de él

Las personas que utilizan lectores de pantalla son quienes más se benefician de un mapa del sitio. Recorrer un sitio página por página para entender su arquitectura exige un esfuerzo cognitivo considerable. El mapa del sitio ofrece una visión global de la estructura en un solo lugar.

Quienes navegan con el teclado (por una discapacidad motora o por preferencia) encuentran una vía de acceso directa, sin tener que recorrer con el tabulador todos los elementos interactivos de un menú complejo. Y todos los visitantes, incluidas las personas sin discapacidad, lo utilizan para volver a encontrar una página cuyo recorrido han olvidado.

Mujer joven consultando el mapa de un sitio web en una tableta desde un cómodo sofá

Estructura y actualización del mapa: errores concretos que conviene evitar

Un mapa del sitio mal estructurado puede ser peor que no tener ninguno. Si la página muestra una lista sin jerarquía de 300 enlaces, nadie consigue orientarse. La estructura debe reflejar la lógica del sitio: primero las secciones principales, después las subsecciones y, por último, las páginas de contenido.

Limitar cada nivel a un máximo de diez enlaces ayuda a mantener el mapa legible. Si se supera esa cifra, el lector pierde la concentración y la página acaba siendo tan confusa como el sitio que pretende aclarar.

El otro error frecuente tiene que ver con la actualización. Muchos sitios generan el mapa automáticamente mediante un plugin o un CMS. Es práctico, pero a veces crea enlaces a páginas eliminadas, redirecciones en bucle o duplicados. Un mapa del sitio con enlaces rotos destruye la confianza de los visitantes.

  • Comprobar cada trimestre que los enlaces del mapa llevan a páginas activas
  • Eliminar las páginas archivadas o fusionadas que ya no sean relevantes para la navegación
  • Comparar el mapa HTML con el sitemap XML para detectar diferencias entre lo que ven los visitantes y lo que ven los motores de búsqueda
  • Asegurarse de que la jerarquía del mapa coincide con la estructura real del menú y utiliza los mismos términos

Automático o manual: un falso dilema

La generación automática es adecuada para sitios grandes que añaden páginas con regularidad. La elaboración manual permite una selección editorial más precisa. Combinar ambos métodos sigue siendo la opción más fiable: generar automáticamente una base y después revisar manualmente los títulos y la organización.

Desde el 28 de junio de 2025, la Ley Europea de Accesibilidad se aplica a varios servicios destinados a los consumidores, entre ellos el comercio electrónico y los servicios bancarios. Para los sitios afectados, el mapa del sitio ya no es una simple comodidad de navegación. Es un elemento que se revisa en las auditorías de conformidad y cuya ausencia o diseño deficiente puede plantear un problema normativo concreto.

Cómo navegar fácilmente por un sitio web con un mapa del sitio bien diseñado