Un visitante llega a un sitio de comercio electrónico para encontrar una ficha de producto que consultó el día anterior. El menú principal ofrece ocho categorías, cada una con sus propias subcategorías. Tras tres clics infructuosos, abandona la página. Un mapa del sitio HTML habría resuelto el problema en un solo paso: una vista completa de la estructura del sitio, con un enlace directo a la página adecuada.
Mapa del sitio HTML y sitemap XML: dos herramientas con funciones distintas
A menudo se confunde el mapa del sitio destinado a los visitantes con el archivo XML destinado a los motores de búsqueda. El sitemap XML es un documento técnico que enumera URL para facilitar el rastreo por parte de los robots de indexación. No sustituye al enlazado interno ni aporta nada a la navegación de los usuarios.
El mapa del sitio HTML, en cambio, es una página que cualquier usuario puede consultar. Reproduce la estructura del sitio mediante enlaces organizados por categorías y subcategorías. Es un atajo de navegación, no un duplicado del menú. Para ver cómo es concretamente este tipo de página, el mapa del sitio de Journal Du Web ofrece un buen ejemplo de una estructura que se entiende de un vistazo.
En un sitio pequeño (con unas pocas decenas de páginas), el mapa del sitio HTML puede parecer superfluo. En un portal con varios cientos de páginas, se convierte en una red de seguridad cuando el menú principal ya no basta.
Accesibilidad y RGAA: el mapa del sitio como requisito concreto
El marco general de mejora de la accesibilidad (RGAA) no se limita a exigir que haya un mapa del sitio. Comprueba que este represente fielmente la arquitectura general, que sus enlaces funcionen y que sus textos correspondan a las páginas de destino.
El RGAA también exige ofrecer al menos dos medios de navegación entre tres opciones: un menú de navegación, un mapa del sitio y un motor de búsqueda interno. Un sitio que solo cuenta con un menú principal, sin mapa del sitio ni barra de búsqueda, no cumple este requisito.
Qué cambia para los lectores de pantalla
Un usuario de lector de pantalla que recorre un sitio página por página invierte mucho tiempo en comprender su arquitectura general. El mapa del sitio le ofrece una visión de conjunto en una sola página, sin tener que tabular por cada elemento interactivo del menú.
En su plan de acción de accesibilidad de 2026, ArianeGroup prevé mejorar su mapa del sitio, además de corregir la estructura de los encabezados, la visibilidad del foco del teclado y el texto de los enlaces. Este caso ilustra que el mapa del sitio forma parte de un proyecto global de accesibilidad, no es un elemento aislado.
Cómo estructurar un mapa del sitio HTML que facilite realmente la navegación
Un mapa del sitio mal diseñado puede resultar tan confuso como un menú sobrecargado. La página debe ser fácil de leer, lo que requiere tomar decisiones editoriales.
Páginas que incluir y páginas que excluir
Se incluyen las páginas estructurales y los contenidos que los visitantes buscan activamente. Se excluye aquello que no aporta ningún valor para la navegación directa.
- Páginas que incluir: inicio, secciones principales, subsecciones, páginas de servicios o productos, páginas de contacto y avisos legales
- Páginas que excluir: resultados de búsqueda interna, páginas de redirección, páginas de confirmación de formularios, versiones duplicadas (parámetros de URL, paginación)
- En el caso de blogs y noticias: es mejor enumerar las categorías o etiquetas que cada artículo, ya que, de lo contrario, la página se convierte en un directorio ilegible de varios cientos de líneas
Jerarquía visual y agrupación
La legibilidad depende de la agrupación por niveles. El primer nivel muestra las secciones principales. El segundo detalla las subsecciones. A partir de tres niveles de anidamiento, la página pierde claridad y el usuario acaba en la situación que se quería evitar.
El texto de cada enlace del mapa del sitio debe ser explícito. Un enlace llamado «Página 1» o «Más información» no indica al usuario ni al lector de pantalla cuál es su destino.
Generación automática o creación manual del mapa del sitio
En WordPress, algunos plugins generan automáticamente un mapa del sitio HTML a partir de la estructura existente. Este método funciona si la estructura del sitio ya está bien organizada. De lo contrario, la página generada reproduce fielmente el desorden.
La creación manual requiere más tiempo, pero permite filtrar las páginas innecesarias, agrupar los contenidos según la lógica del usuario en lugar de la lógica técnica y controlar el orden en que se muestran. En un sitio cuya estructura cambia a menudo, el mantenimiento manual se convierte rápidamente en un obstáculo, por lo que la mayoría de los equipos opta por una solución híbrida: generación automática con exclusión de determinadas categorías o tipos de página.
La elección entre ambas opciones depende del número de páginas y de la frecuencia de actualización. Un sitio corporativo de treinta páginas se puede gestionar manualmente sin dificultad. Un catálogo de productos que se actualiza cada semana necesita automatización.
Complementar el mapa del sitio con otras referencias de navegación
Las recomendaciones del W3C insisten en un punto: el mapa del sitio nunca debería ser la única alternativa. Las migas de pan, los títulos de página explícitos y un motor de búsqueda interno forman un conjunto coherente.
- Las migas de pan sitúan al usuario en la estructura del sitio en todo momento, sin que tenga que salir de la página actual
- El motor de búsqueda interno cubre los casos en los que el usuario conoce un término concreto, pero desconoce la categoría correspondiente
- Los títulos descriptivos de las páginas (etiquetas title y H1) ayudan a los usuarios de tecnologías de asistencia a identificar rápidamente el contenido de cada página
En un sitio muy grande, una página que enumera todas las URL puede incluso resultar contraproducente. En ese caso, unas páginas de categorías bien enlazadas entre sí son una alternativa más eficaz que un mapa del sitio exhaustivo. El enlazado interno sigue siendo la base de una navegación fluida; el mapa del sitio es solo un complemento estructurado.
Un mapa del sitio bien diseñado no convierte un sitio mal organizado en un modelo de usabilidad. Hace visible una arquitectura que ya existe. Si la estructura es confusa, la prioridad sigue siendo simplificarla antes de representarla.
