Un sitio web puede contener cientos de páginas sin que el visitante sospeche la magnitud. El mapa del sitio, a menudo relegado al pie de página, sigue siendo el único lugar donde la arquitectura completa de un dominio se expone de una sola vista. Sin embargo, la forma en que se diseña este mapa determina si realmente ayuda a la navegación o si añade una capa de confusión adicional.
Mapa del sitio y conformidad WCAG 2.2: lo que cambia para la navegación
Los competidores abordan ampliamente los menús de navegación, los tipos de barras y las buenas prácticas ergonómicas. Pasan por alto un ángulo normativo reciente: los criterios WCAG 2.2 modifican concretamente la forma en que debe construirse un mapa del sitio detallado.
El criterio 2.4.5 (Múltiples formas) impone que el usuario disponga de más de un camino para alcanzar cada página. Un menú principal ya no es suficiente si el sitio supera unas pocas decenas de páginas. El mapa detallado se convierte entonces en un mecanismo de conformidad, no en un simple gadget de pie de página.
El criterio 2.4.11 (Enfoque no oscurecido) añade una restricción técnica: cuando un visitante navega con el teclado en un largo listado de enlaces, el enfoque del teclado nunca debe desaparecer detrás de un encabezado fijo o un banner de consentimiento de cookies. Para un mapa del sitio que a veces muestra varios cientos de enlaces, esto obliga a repensar el posicionamiento de los elementos fijos de la página.
El criterio 2.5.8 (Tamaño del objetivo) exige que cada objetivo clicable sea lo suficientemente grande para ser activado sin error. Un mapa del sitio apretado en fuente de 11 píxeles con enlaces pegados entre sí no cumple con este requisito, incluso si todos los enlaces funcionan técnicamente.
Lectura de un mapa del sitio: identificar la jerarquía antes de hacer clic
Un mapa detallado solo es útil si su estructura refleja la jerarquía real del contenido. Antes de hacer clic, el visitante debe poder identificar en unos segundos las grandes categorías, las subcategorías y el nivel de profundidad de cada página. Por ejemplo, es posible consultar el mapa del sitio By Caroline and CO para observar cómo una estructura clara organiza los contenidos por temática sin abrumar al lector.
La mayoría de los mapas del sitio se limitan a una lista plana de enlaces. Las opiniones de los usuarios divergen en este punto: algunos prefieren un listado alfabético, otros una organización temática. Los datos disponibles no permiten decidir de manera definitiva, pero un agrupamiento por categorías con sangría visual reduce la carga cognitiva para la mayoría de los visitantes.
Los elementos que distinguen un mapa legible de un mapa inútil
- Títulos de enlaces descriptivos que retoman el título real de la página objetivo, no etiquetas genéricas como “saber más” o “haga clic aquí”.
- Una sangría o un sistema de viñetas que materializa los niveles de profundidad (categoría, subcategoría, página final).
- Un orden lógico estable, idéntico al del menú principal, para cumplir con el criterio WCAG 3.2.3 (Navegación consistente).
- Una separación visual entre los bloques temáticos, incluso si solo es un espacio blanco adicional.
Mapa del sitio HTML y sitemap XML: dos herramientas, dos funciones
La confusión es frecuente. El mapa del sitio HTML es una página destinada a visitantes humanos. El sitemap XML es un archivo técnico destinado a los robots de indexación de Google y otros motores de búsqueda. Ambos llevan el mismo nombre, pero no sirven al mismo público.
El sitemap XML lista todas las URL con sus metadatos (fecha de modificación, frecuencia de actualización, prioridad relativa). No tiene ninguna vocación de ser leído por un humano. En cambio, el mapa del sitio HTML no contiene necesariamente todas las URL: presenta las páginas útiles para el visitante, agrupadas de manera comprensible.
Cuando el mapa HTML complementa la búsqueda interna
Un motor de búsqueda interno ayuda cuando el visitante sabe lo que busca. El mapa del sitio ayuda cuando aún no lo sabe. Es una herramienta de exploración, no de consulta. En los sitios cuyo contenido está muy segmentado (catálogo de productos, blog con cientos de artículos, sitio institucional con múltiples ramas), el mapa del sitio HTML sigue siendo el único medio para visualizar todo el perímetro sin escribir palabras clave.
Los sitios que ofrecen ambos (búsqueda interna y mapa detallado) cubren los dos modos de navegación: la búsqueda activa y la exploración pasiva. Eliminar uno en favor del otro equivale a cerrar un camino de acceso.
Diseñar un mapa del sitio que funcione en móvil
En una pantalla de escritorio, un mapa del sitio en tres columnas con un centenar de enlaces sigue siendo legible. En móvil, el mismo mapa se convierte en un muro de texto imposible de escanear. La mayoría del tráfico web proviene de dispositivos móviles, un mapa del sitio pensado únicamente para escritorio pierde la mayor parte de su audiencia.
Dos enfoques funcionan en pantallas pequeñas. El primero consiste en utilizar secciones plegables (acordeones) por categoría: el visitante despliega únicamente el bloque que le interesa. El segundo se basa en una navegación por anclas internas en la parte superior de la página, cada ancla remitiendo a la sección correspondiente más abajo.
En ambos casos, el cumplimiento del criterio WCAG 2.5.8 sobre el tamaño de los objetivos sigue siendo relevante: enlaces demasiado pequeños o demasiado cercanos en una pantalla táctil generan errores de toque. Un espaciado mínimo entre cada enlace clicable evita este problema sin sobrecargar el diseño.
Límites conocidos de los mapas del sitio en sitios muy grandes
Más allá de varios miles de páginas, un mapa del sitio HTML exhaustivo se convierte en sí mismo en un problema de navegación. Algunos sitios de comercio electrónico o medios eligen entonces un mapa parcial, limitado a las categorías principales y a las páginas más consultadas. Este enfoque pragmático acepta que un mapa del sitio no reemplaza una arquitectura de navegación completa, sino que la complementa.
El mapa del sitio detallado sigue siendo una herramienta de navegación subestimada. Su valor no radica en la exhaustividad de los enlaces que contiene, sino en la claridad de su organización. Un mapa mal estructurado añade ruido. Un mapa bien diseñado ofrece al visitante un mapa legible del territorio, independientemente del dispositivo utilizado.