Un mapa del sitio es una página HTML que lista todas las secciones y subsecciones de un sitio web en forma de enlaces clicables. Su función es proporcionar una vista general de la estructura, accesible en un solo lugar, sin obligar al usuario a explorar cada menú o a tabular a través de los elementos interactivos.
Los estándares de accesibilidad WCAG lo clasifican entre los medios reconocidos para ayudar a los usuarios a encontrar contenido, al igual que una barra de búsqueda o un rastro de migas.
Mapa del sitio HTML y sitemap XML: dos archivos, dos funciones distintas
La confusión entre estos dos elementos es común. El sitemap XML es un archivo técnico destinado a los robots de indexación de Google o Bing. Nunca se muestra en un navegador y no sirve a ningún visitante humano.
El mapa del sitio HTML, en cambio, es una página visible, diseñada para la navegación. Está dirigido a personas que buscan una sección específica, que utilizan un lector de pantalla o que navegan exclusivamente con el teclado. Ambos archivos pueden coexistir sin reemplazarse.
Para observar un ejemplo concreto de una página de mapa del sitio orientada a la navegación, el mapa del sitio de Wallstore ilustra bien esta lógica de lista jerárquica que agrupa todas las categorías accesibles de un vistazo.
Diseñar un mapa del sitio robusto ante rediseños y evoluciones
La mayoría de los mapas del sitio se vuelven obsoletos después de unos meses porque han sido creados manualmente, congelados en un momento dado. Tan pronto como aparece una nueva sección o una página cambia de URL, el mapa ya no refleja la realidad del sitio. Este es el problema central.
Generación automática o construcción manual
Un mapa del sitio generado automáticamente por el CMS (WordPress, Prestashop, Drupal) se actualiza con cada publicación o eliminación de página. Este es el método más fiable para los sitios que cambian con frecuencia. Un mapa auto-generado se mantiene sincronizado con la estructura real, sin intervención humana.
La construcción manual sigue siendo relevante cuando el sitio contiene secciones que es mejor excluir del mapa: páginas de embudo de conversión, páginas de agradecimiento tras un formulario, contenidos duplicados o páginas de administración. La elección depende de la frecuencia de las modificaciones.
Páginas a incluir y páginas a excluir
- Las páginas estructurantes (inicio, secciones principales, subcategorías, páginas de servicio o de producto) forman la base del mapa. Todas deben aparecer.
- Los artículos de blog o de actualidad merecen ser agrupados por categoría en lugar de listarse individualmente, especialmente más allá de unas pocas decenas de publicaciones.
- Las páginas sin valor de navegación (CGV, política de cookies, páginas de redirección, landing pages temporales) saturan el mapa y diluyen su legibilidad. Es mejor omitirlas.
Anticipar los cambios legales y los requisitos WCAG
Los estándares de accesibilidad evolucionan. La documentación de interpretación de las WCAG publicada por el W3C posiciona el mapa del sitio como una herramienta de conformidad, no solo de comodidad. Integrar el mapa del sitio en los criterios de accesibilidad desde el diseño evita tener que reconstruirlo en cada adecuación.
Concretamente, esto significa que el mapa debe seguir siendo navegable con el teclado, que cada enlace debe tener un título explícito (nada de “haga clic aquí”) y que la jerarquía de los títulos en la página del mapa en sí debe respetar el orden lógico H2, H3, sin saltos de nivel.
Estructura HTML de un mapa del sitio legible y accesible
Un mapa del sitio eficaz se basa en una estructura de listas anidadas. Cada sección principal corresponde a un elemento de lista de primer nivel, y las subsecciones se incrustan en listas hijas. Esta estructura permite a los lectores de pantalla entender la profundidad de la estructura.
Tres niveles de profundidad son suficientes en la mayoría de los casos. Más allá, la página se convierte en un muro de enlaces que nadie recorre. Si la arquitectura del sitio impone cuatro niveles o más, a menudo es señal de que la estructura misma podría simplificarse.
Los títulos de los enlaces deben corresponder exactamente a los títulos de las páginas de destino. Un visitante que lee “Nuestros compromisos” en el mapa y aterriza en una página titulada “Política RSE” pierde confianza en la navegación. Esta coherencia entre el mapa y las páginas reales es el criterio más a menudo descuidado.
Mantenimiento del mapa del sitio: la verificación que falta en la mayoría de los sitios web
Publicar un mapa del sitio no es suficiente. Un enlace roto en el mapa del sitio degrada la navegación más que la ausencia de un mapa. El visitante confía en esta página para acceder directamente a una sección. Encontrarse con un error 404 desde el mapa destruye esa confianza.
La verificación regular de los enlaces del mapa puede integrarse en el mismo proceso que el control de los enlaces internos del sitio. Las herramientas de rastreo (Screaming Frog, Xenu, o los verificadores integrados en los CMS) detectan las URL muertas en unos minutos.
- Después de cada rediseño o migración, lanzar un rastreo completo y comparar las URL del mapa con las páginas realmente accesibles.
- Al añadir una nueva sección, verificar que el sistema de generación automática la ha integrado correctamente en el mapa, o añadirla manualmente.
- Al menos una vez por trimestre, controlar que los títulos del mapa sigan correspondiendo a los títulos reales de las páginas.
- Eliminar del mapa las páginas desindexadas o redirigidas, para evitar bucles de redirección desde la página de navegación.
Un mapa del sitio bien mantenido funciona como una red de seguridad permanente para la navegación. Cuando un menú se complica, cuando una barra de búsqueda devuelve resultados confusos, cuando un usuario con teclado no puede alcanzar una sección por el camino habitual, el mapa sigue siendo el último recurso fiable. Esta fiabilidad depende de una condición: que la página refleje la realidad del sitio en el momento en que el visitante la consulta.
