Saltar al contenido

Cómo navegar fácilmente por un sitio web con su mapa del sitio

Un mapa del sitio enumera todas las páginas de un sitio web en una sola página. Para el visitante, es un mapa esquemático de…

Femme consultant un plan de site imprimé sur un bureau en bois, traçant la structure de navigation avec son doigt

Un mapa del sitio enumera todas las páginas de un sitio web en una sola página. Para los visitantes, es una representación sencilla de la estructura jerárquica: cada sección, subsección y página de contenido aparece como un enlace en el que se puede hacer clic. La herramienta puede parecer rudimentaria en comparación con los megamenús y las barras de búsqueda, pero responde a una necesidad que estos recursos no siempre cubren.

Mapa del sitio HTML y archivo sitemap XML: dos elementos distintos

La confusión entre estos dos formatos es habitual. El archivo XML está dirigido a los robots de indexación: les indica URL a los motores de búsqueda, pero no garantiza que las rastreen ni que las indexen. La página HTML, en cambio, está pensada para las personas. Muestra enlaces organizados por temas que cualquiera puede recorrer desde un navegador.

Criterio Mapa del sitio HTML Sitemap XML
Destinatario principal Visitantes Robots de los motores de búsqueda
Formato Página web con enlaces en los que se puede hacer clic Archivo de texto estructurado
Accesible desde el navegador Sí, mediante un enlace en el pie de página o en el menú No es visible sin una herramienta específica
Función para el SEO Enlazado interno, navegación secundaria Indicación de URL para rastrear
Útil para la accesibilidad Sí (criterio WCAG 2.4.5) No

Por tanto, un sitio que solo dispone de un archivo XML no ofrece a sus visitantes ninguna herramienta de navegación alternativa. La página HTML sigue siendo el único formato que cumple esta función.

Para ver cómo es una página de este tipo, el mapa del sitio de Gloria Net muestra una estructura completa con enlaces organizados por categorías, un buen ejemplo de una vista exhaustiva desde un único punto de acceso.

Hombre de pie frente a una gran pantalla que muestra la estructura de un mapa de sitio web en una oficina de una agencia digital

Accesibilidad y criterios WCAG: por qué el mapa del sitio sigue siendo necesario

Las WCAG 2.2, mediante el criterio 2.4.5, exigen que se pueda encontrar una página por más de un método. El menú principal ofrece una primera vía de acceso. El mapa del sitio, la barra de búsqueda o las migas de pan proporcionan una segunda. El mapa del sitio cumple este requisito sin necesidad de un desarrollo complejo.

Los usuarios de lectores de pantalla obtienen un beneficio directo. Recorrer un sitio página por página para comprender su estructura requiere tiempo y un gran esfuerzo cognitivo. El mapa reúne toda la estructura jerárquica en una sola página, que se puede consultar en unos segundos con un lector de pantalla o mediante la navegación con teclado.

El RGAA 4.1.2 añade un requisito: el acceso al mapa del sitio debe poder localizarse en el mismo lugar en las distintas páginas. Un enlace en el pie de página, presente en todas ellas, cumple esta condición. Un enlace escondido en una subsección no la cumple.

Aspectos que conviene tener en cuenta

Un mapa del sitio no garantiza por sí solo una navegación accesible. Si la página no está correctamente marcada o no se puede acceder a los enlaces con el teclado, se pierde el beneficio. El W3C recomienda combinar el mapa con elementos de orientación: migas de pan, títulos explícitos y una estructura jerárquica coherente de encabezados en cada página.

Cómo estructurar un mapa del sitio claro: criterios importantes

Un mapa que enumera varios cientos de páginas sin ningún criterio de clasificación resulta inutilizable. El objetivo es reproducir la estructura jerárquica del sitio, con niveles claramente identificables.

  • Agrupar las páginas por secciones principales y, después, por subsecciones, siguiendo la misma lógica que el menú de navegación del sitio
  • Limitar la profundidad visible a un máximo de tres niveles para evitar una lista interminable que desanime a los usuarios
  • Usar títulos de enlace idénticos a los títulos reales de las páginas (no abreviarlos ni reformularlos, ya que eso puede generar confusión)
  • Excluir las páginas técnicas que no aportan valor al visitante: páginas de inicio de sesión, redirecciones y páginas de resultados de búsqueda internos

Un mapa demasiado extenso o mal organizado puede resultar contraproducente. En los sitios grandes (por ejemplo, tiendas online con miles de fichas de producto), conviene agrupar las entradas por categorías en lugar de mostrarlas todas.

Páginas dinámicas y contenido que se actualiza con frecuencia

Las secciones de blog, noticias o preguntas frecuentes plantean un problema específico. Un mapa del sitio creado manualmente queda desactualizado en cuanto se publica un artículo. La mayoría de los CMS ofrecen la generación automática del mapa HTML, lo que garantiza que cada página nueva aparezca sin necesidad de añadirla manualmente.

La generación automática tiene un inconveniente: a veces incluye páginas de etiquetas, archivos por fecha o páginas de paginación, lo que hace que el mapa sea más extenso. Filtrar por tipo de contenido (artículos, páginas estáticas, categorías) reduce este ruido.

Dos compañeros colaboran en un mapa de sitio web que aparece en un ordenador portátil en una cafetería moderna

Cómo se complementan el mapa del sitio, el megamenú y la barra de búsqueda

El megamenú muestra las categorías principales y algunas subsecciones al pasar el cursor. La barra de búsqueda responde a una necesidad concreta cuando el visitante sabe qué busca. El mapa del sitio cubre un tercer caso: el visitante no sabe exactamente qué busca, pero quiere ver todo lo que hay.

  • El megamenú funciona bien en sitios con una estructura amplia, pero poco profunda (menos de tres niveles)
  • La búsqueda interna es adecuada para sitios con mucho contenido, siempre que el motor de búsqueda funcione bien
  • El mapa del sitio sigue siendo el único recurso que ofrece una vista exhaustiva sin interacciones complejas

Estos tres elementos no se sustituyen entre sí. Un sitio que depende exclusivamente de su menú de navegación priva a los usuarios de una vía de acceso alternativa, lo que plantea un problema de accesibilidad según el criterio WCAG 2.4.5 mencionado anteriormente.

La página del mapa del sitio también sirve como punto de enlazado interno: cada enlace que contiene transmite a los motores de búsqueda una señal sobre la existencia y la jerarquía de las páginas. En los sitios donde algunas páginas profundas reciben pocos enlaces internos, el mapa corrige esta carencia de forma sencilla.

El mapa del sitio HTML no tiene que ser espectacular. Una página sencilla, bien estructurada, accesible con el teclado y actualizada automáticamente cumple su función. Lo importante es que los títulos sean coherentes, que la estructura tenga una profundidad razonable y que haya un enlace a esta página desde todas las páginas del sitio.

Cómo navegar fácilmente por un sitio web con su mapa del sitio