Un mapa del sitio es una página que lista todo el contenido accesible en un blog, organizado por categorías y subcategorías. En un blog rico en artículos, esta página funciona como un resumen estructurado: permite localizar un contenido preciso sin pasar por el menú principal ni por la barra de búsqueda.
La distinción con el archivo sitemap XML (destinado a los motores de búsqueda) es fundamental. El mapa del sitio del que se habla aquí es una página HTML accesible para los visitantes, diseñada para facilitar la navegación humana.
Mapa del sitio HTML y sitemap XML: dos funciones distintas
La confusión entre estos dos elementos sigue siendo frecuente. El archivo sitemap XML es un documento técnico enviado a los motores de búsqueda para indexar las páginas. Nunca se muestra en el navegador de un visitante.
El mapa del sitio HTML, por su parte, es una página del blog accesible desde el pie de página o el menú. Su función es presentar una vista exhaustiva de la estructura a un lector humano. Un blog que publica varios artículos por semana acumula rápidamente decenas de páginas que el menú de navegación no puede mostrar todas.
Para visualizar lo que representa un mapa del sitio bien estructurado en un blog, el mapa del sitio Chez Sylvie ofrece un buen ejemplo de página legible, organizada por secciones con títulos explícitos.
Estructura de un mapa del sitio legible para un blog
Un mapa del sitio no se limita a una lista cruda de enlaces. Su valor depende de cómo se agrupan y jerarquizan los contenidos. Tres principios guían su construcción.
Agrupar por categorías, no por fecha
Un blog a menudo muestra sus artículos de más reciente a más antiguo. El mapa del sitio debe adoptar una lógica diferente: clasificar por temática en lugar de por cronología. Un visitante que busca todos los artículos sobre un tema específico recorre la categoría correspondiente sin tener que desplazarse por meses de archivos.
Nombrar cada enlace con una etiqueta explícita
Cada entrada del mapa debe llevar el título completo del artículo o de la página, no un título abreviado o un número. Las guías de accesibilidad recientes insisten en este punto: una etiqueta explícita ayuda a los usuarios de lectores de pantalla a entender el destino del enlace sin contexto adicional.
Limitar la profundidad a dos o tres niveles
Un mapa del sitio demasiado detallado (cuatro niveles o más) se vuelve tan difícil de leer como un menú sobrecargado. La estructura recomendada sigue este esquema:
- Nivel 1: las secciones principales del blog (categorías, páginas fijas como “Acerca de” o “Contacto”)
- Nivel 2: las subcategorías o las series de artículos agrupados por tema
- Nivel 3: los artículos individuales, únicamente si la sección contiene suficiente contenido para justificar este detalle
Más allá de tres niveles, la página pierde su ventaja de legibilidad rápida.
Accesibilidad y navegación con teclado en un mapa del sitio
El mapa del sitio responde a una necesidad concreta para las personas que navegan sin ratón. Los navegadores con teclado acceden directamente a una sección sin tener que tabular a través de todos los elementos interactivos del menú y del contenido que preceden su destino.
Para los usuarios de lectores de pantalla, recorrer un blog página por página para entender su arquitectura consume tiempo y esfuerzo cognitivo. El mapa del sitio ofrece una visión global de la estructura en un solo lugar.
Un complemento técnico a menudo pasado por alto: el skip link (enlace de evitación). Este enlace, colocado como el primer elemento enfocable de cada página, permite saltar directamente al contenido principal. Las recomendaciones de accesibilidad especifican que debe permanecer visible al teclado y no ser ocultado por un encabezado pegajoso. En un mapa del sitio, el skip link evita tener que tabular a través del menú de navegación antes de alcanzar la lista de enlaces.
Marcar su mapa del sitio con el HTML semántico adecuado
La calidad técnica del marcado influye directamente en la experiencia de navegación. Un mapa del sitio construido con etiquetas semánticas correctas es mejor interpretado por los navegadores y las tecnologías de asistencia.
- Utilizar la etiqueta <nav> con un atributo aria-label para identificar la zona de navegación del mapa del sitio, distinta de la navegación principal
- Estructurar los enlaces en listas ordenadas o no ordenadas (<ul>, <ol>) en lugar de en párrafos o tablas
- Emplear títulos <h2> y <h3> para separar las grandes secciones del mapa, lo que permite a los lectores de pantalla navegar por encabezados
- Evitar los roles ARIA diseñados para interfaces de aplicación (como “menubar”): un mapa del sitio es una página de enlaces, no una aplicación
Los ejemplos de accesibilidad recientes desaconsejan tratar la navegación de un blog como un menú de aplicación ARIA. La combinación <nav> más lista de enlaces sigue siendo el método más fiable.
Generación automática o construcción manual del mapa
En WordPress y la mayoría de los CMS, las extensiones generan automáticamente un mapa del sitio HTML a partir de la estructura existente. Este enfoque es adecuado para blogs que publican frecuentemente, ya que cada nuevo artículo aparece sin intervención manual.
La construcción manual tiene una ventaja: permite excluir ciertas páginas (avisos legales, páginas de etiquetas poco relevantes, páginas de archivos vacías) y reorganizar el orden de visualización según la lógica editorial en lugar de según la fecha de publicación. Para un blog con unas pocas decenas de páginas, el esfuerzo sigue siendo razonable. Más allá, la generación automática con un orden por categoría evita olvidos.
Un mapa del sitio no reemplaza ni el menú principal ni la barra de búsqueda. Funciona como una red de seguridad para los visitantes que no han encontrado lo que buscaban por los caminos habituales, y como una herramienta de navegación primaria para aquellos que prefieren una vista general. La página merece un enlace permanente en el pie de página del blog, donde los lectores esperan encontrarlo.
