Cuando un sitio agrupa decenas de secciones, encontrar una página específica puede parecer rápidamente un juego de escondite. El mapa del sitio responde a este problema: muestra, en una sola página, la lista organizada de todos los contenidos accesibles. Para un portal de información como Passez l’info, esta página se convierte en un atajo directo hacia cada temática, sin pasar por los menús desplegables.
Mapa del sitio HTML y sitemap XML: dos herramientas, dos públicos
Antes de hablar de navegación, merece la pena hacer una distinción. El término “mapa del sitio” se refiere en realidad a dos cosas muy diferentes según el contexto.
El mapa del sitio HTML está destinado a los visitantes humanos. Es una página web clásica, legible en un navegador, que lista las secciones y las páginas en forma de enlaces clicables. Su función: ofrecer una visión general de la estructura para que un internauta encuentre rápidamente lo que busca.
El sitemap XML, por su parte, se dirige a los robots de los motores de búsqueda. Es un archivo técnico, invisible para el visitante, que indica a Google o Bing qué páginas indexar y con qué frecuencia volver a visitarlas. No reemplaza el mapa HTML, lo complementa.
Un sitio que dispone únicamente de un sitemap XML priva a sus visitantes de una herramienta de navegación concreta. En cambio, un mapa HTML sin sitemap XML corre el riesgo de dejar páginas huérfanas fuera del radar de los motores. En el mapa del sitio Passez l’info, es la versión HTML la que se destaca, estructurada por categorías para facilitar el recorrido de lectura.
Accesibilidad y criterio WCAG 2.4.5: por qué el mapa del sitio se ha vuelto normativo
Quizás consideres el mapa del sitio como un vestigio de los años 2000, una página que nadie consulta. Las normas de accesibilidad cuentan otra historia.
Los criterios WCAG 2.2 AA, publicados por el W3C el 5 de octubre de 2023, incluyen el criterio 2.4.5 denominado “Múltiples formas”. Este criterio exige ofrecer al menos dos vías para alcanzar una misma página en un sitio web. La navegación principal por sí sola no es suficiente: hay que añadir un motor de búsqueda interno, un mapa del sitio o una tabla de contenidos.
El mapa del sitio HTML se cita explícitamente como uno de los medios normativos para cumplir con este requisito. Para un sitio de información que publica contenido regularmente, a menudo es la solución más sencilla de implementar y mantener.
Lo que cambia WCAG 2.2 para el diseño del mapa
La versión 2.2 también añade los criterios 2.4.11 y 2.4.12, agrupados bajo el nombre “Enfoque no oculto”. Concretamente, cuando un usuario navega con el teclado en el mapa del sitio, el enfoque nunca debe estar oculto por un elemento flotante (banda de cookies, encabezado fijo, pie de página pegajoso). Si tu mapa del sitio contiene una larga lista de enlaces y una banda cubre el enlace activo, el criterio no se cumple.
Este punto técnico obliga a probar el mapa del sitio con una navegación real por teclado, no solo visualmente.
Anatomía de un mapa de sitio útil para la navegación
No todos los mapas de sitio son iguales. Algunos se limitan a un flujo bruto de enlaces sin jerarquía. Otros reproducen el menú principal sin añadir valor. Un mapa de sitio eficaz respeta algunos principios concretos.
- Las páginas están agrupadas por secciones con niveles de profundidad visibles (categoría, subcategoría, página). El visitante identifica la lógica de organización en pocos segundos.
- Los títulos de los enlaces corresponden a los títulos reales de las páginas. No hay etiquetas abreviadas o reformuladas que creen confusión entre el mapa y el contenido.
- Las páginas utilitarias (avisos legales, política de privacidad, condiciones de uso) figuran en una sección separada, al final de la página o en un bloque distinto, para no ahogar los contenidos editoriales.
- El mapa sigue siendo accesible desde cualquier página del sitio, generalmente a través de un enlace en el pie de página. Un mapa que no se puede encontrar no cumple ninguna función.
Actualización: manual o automática
En un sitio que publica varios artículos por semana, mantener un mapa de sitio a mano se vuelve rápidamente poco realista. La mayoría de los CMS (WordPress, Drupal, Joomla) ofrecen extensiones que generan automáticamente el mapa HTML a partir de la estructura existente.
La automatización presenta una ventaja evidente: cada nueva publicación aparece en el mapa sin intervención humana. A cambio, puede incluir páginas sin interés para el visitante (páginas de etiquetas, páginas de archivos vacías, borradores indexados por error). Un buen mapa automático requiere reglas de exclusión bien configuradas.
Navegación óptima: lo que el mapa del sitio no reemplaza
El mapa del sitio es una red de seguridad, no un sustituto de una navegación bien pensada. Si tus visitantes deben consultar sistemáticamente el mapa para encontrar un contenido, es señal de que el menú principal o la estructura del sitio presentan problemas.
Un mapa de sitio eficaz funciona en complemento de tres elementos:
- Un menú principal claro, limitado a unas pocas entradas (la mayoría de los sitios efectivos se mantienen por debajo de ocho secciones de primer nivel).
- Un motor de búsqueda interno, particularmente útil en sitios con un alto volumen de contenido editorial.
- Un rastro de migas (breadcrumb) que indica en todo momento dónde se encuentra el visitante en la estructura.
Estos cuatro dispositivos combinados cubren los requisitos del criterio WCAG 2.4.5 al tiempo que ofrecen una experiencia de navegación fluida independientemente del perfil del usuario.
El mapa del sitio sigue siendo uno de los pocos elementos web que sirve tanto para la accesibilidad, el SEO y la comodidad de navegación. Ignorarlo es privarse de una palanca simple de implementar y cuyo costo de mantenimiento es casi nulo una vez que se han establecido los ajustes correctos.
