Saltar al contenido

Indicateurs de Performance

Escuche, por tanto, nuestros consejos

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

Un mapa del sitio HTML sigue siendo el único componente de un sitio web…

Femme consultant un plan du site sur un écran d'ordinateur dans un bureau moderne

Un mapa del sitio HTML sigue siendo el único componente de un sitio web que muestra todo el árbol de navegación en una sola página. Para quien ya conoce el dominio que visita, es un acceso directo al recurso que busca, sin tener que pasar por menús desplegables ni por una barra de búsqueda cuyos resultados dependen del algoritmo interno. Comprender cómo está construido permite aprovecharlo mucho mejor que con un simple vistazo.

Orden de tabulación y estructura semántica del mapa HTML

Un mapa del sitio correctamente marcado se basa en listas anidadas (listas ul/li ordenadas según la jerarquía). Cada nivel de anidamiento corresponde a un nivel del árbol de navegación: secciones principales, subsecciones y páginas finales. Esta estructura no es decorativa. Determina cómo presenta la información un lector de pantalla y cómo avanza la navegación con el teclado de un enlace al siguiente.

Cuando el marcado está bien hecho, la tecla Tab sigue el orden lógico del árbol de navegación. Quien navega con el teclado llega a la subsección que busca en pocas pulsaciones, sin tener que recorrer todos los elementos interactivos de la cabecera o el pie de página. Si el mapa utiliza etiquetas de encabezado (h2, h3) para separar las secciones principales, los lectores de pantalla permiten saltar directamente de un grupo de enlaces a otro.

El criterio WCAG 2.2 «Multiple Ways» exige ofrecer varias formas de localizar una página (navegación, búsqueda y mapa del sitio). El mapa HTML cumple esta función siempre que cada enlace tenga un texto descriptivo y único. Un texto genérico como «Más información» repetido diez veces hace que el mapa resulte inutilizable para quien navega mediante una lista de enlaces.

Hombre sosteniendo una tableta con un mapa del sitio estructurado en un espacio de coworking

Mapa del sitio HTML y sitemap XML: dos usos distintos para la navegación y la indexación

La confusión entre estos dos formatos persiste. El mapa HTML es una página web convencional, pensada para que la consulte una persona y que enumera los enlaces internos de forma jerárquica. El sitemap XML es un archivo técnico destinado a los robots de rastreo. Google sigue los enlaces de un mapa HTML igual que los de cualquier otra página, pero el sitemap XML sigue siendo el formato recomendado para indicar a los motores de búsqueda qué URL deben rastrear.

En la práctica, un sitio pequeño (con unas pocas decenas de páginas) obtiene un beneficio directo del mapa HTML: se puede acceder a cada página con un solo clic desde una URL única.

En un sitio grande, el mapa HTML se convierte en una herramienta de navegación complementaria al sitemap XML, que se encarga de gestionar las prioridades de rastreo y la frecuencia de actualización. Para ver un ejemplo concreto de este enfoque, el mapa del sitio de The Infos du Geek muestra sus categorías y artículos en un árbol de navegación fácil de consultar, sin necesidad de recurrir al menú principal.

Por tanto, distinguimos dos vías: quien busca una página concreta utiliza el mapa HTML, mientras que Googlebot consulta el archivo XML para decidir qué URL rastrear primero. Mantener ambos actualizados evita los enlaces rotos para los usuarios y los errores de indexación para los motores de búsqueda.

Cómo aprovechar el mapa del sitio para acortar la navegación

La mayoría de los visitantes llega al mapa del sitio desde el pie de página y, en ocasiones, desde una página 404 bien diseñada. Su eficacia depende de que la jerarquía mostrada sea fácil de entender. Estas tres prácticas ayudan a encontrar una página más rápido:

  • Agrupar los enlaces por categorías temáticas, en lugar de por tipo de contenido (artículos, fichas, noticias). Quien visita el sitio busca «facturación» o «API», no «artículo de blog número 47».
  • Limitar la profundidad visible a tres niveles. Más allá, el formato de directorio crea un muro de enlaces que dificulta el escaneo visual y ralentiza la navegación con el teclado.
  • Utilizar la función de búsqueda integrada del navegador (Ctrl+F) en la página del mapa. Es la forma más rápida de localizar una palabra clave en una lista larga de enlaces y funciona sin depender del buscador interno del sitio.

Un mapa del sitio bien estructurado hace que la búsqueda interna sea casi innecesaria en sitios de tamaño medio. Muestra todo el contenido editorial sin filtros algorítmicos ni límites en los resultados.

Páginas dinámicas y secciones en constante evolución

Las secciones que se actualizan con frecuencia (blog, noticias, catálogo de productos) plantean un problema de mantenimiento. Un mapa generado manualmente queda obsoleto en cuanto se publica o se retira un artículo. La generación automática mediante el CMS resuelve este problema, pero introduce otro riesgo: incluir páginas técnicas (páginas de etiquetas, archivos por fecha y páginas de paginación) que dificultan la lectura.

Filtrar estas páginas en la plantilla del mapa es un paso que a menudo se pasa por alto. Excluir los archivos por fecha y las páginas de etiquetas reduce el ruido y centra la atención en el contenido de valor. Quien consulta el mapa no busca la página «etiqueta: rendimiento», sino la categoría «indicadores de rendimiento» y los artículos relacionados.

Primer plano de un ordenador portátil que muestra un mapa del sitio HTML en una cafetería

Acta Europea de Accesibilidad y obligación de ofrecer un recorrido completo

Desde el 28 de junio de 2025, el Acta Europea de Accesibilidad se aplica a determinados servicios en línea, entre ellos algunos servicios de comercio electrónico dirigidos a consumidores. Existen exenciones para ciertas microempresas, pero el ámbito de aplicación es amplio.

El mapa del sitio forma parte de este marco como herramienta de cumplimiento parcial. Por sí solo no basta: todo el recorrido, desde la búsqueda hasta el pago, debe ser accesible. Probar únicamente el mapa sin comprobar que las páginas de destino respetan el orden de tabulación, la visibilidad del foco y la posibilidad de salir de un elemento interactivo deja aspectos normativos sin verificar.

Recomendamos auditar el mapa del sitio junto con las páginas clave del embudo de conversión. Un enlace accesible en el mapa que lleva a una ficha de producto inaccesible mediante el teclado no cumple ninguna obligación.

El mapa del sitio HTML no es un vestigio de los años 2000. Es un componente técnico cuya eficacia depende del marcado semántico, del filtrado de las páginas innecesarias y de su coherencia con el resto del recorrido del usuario. En un sitio bien mantenido, sigue siendo el camino más corto entre quien visita la web y la información que busca.

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