Un visitante llega a un sitio de comercio electrónico para encontrar una gama de papeles pintados. El menú principal muestra seis categorías, pero ninguna corresponde a lo que busca. Se desplaza por la página, hace clic al azar y acaba abandonándola. Este problema suele resolverse con un elemento que muchos sitios relegan al pie de página sin pensarlo demasiado: el mapa del sitio.
Un mapa del sitio bien organizado no se limita a enumerar enlaces. Ofrece una visión general de la estructura del sitio, permite encontrar una página en cuestión de segundos y compensa las limitaciones de un menú principal que no puede mostrarlo todo.
Mapa del sitio HTML y sitemap XML: dos archivos, dos usos distintos
A menudo se confunde el mapa del sitio visible para los visitantes (una página HTML con enlaces en los que se puede hacer clic) con el sitemap XML destinado a los motores de búsqueda. Ambos comparten nombre, pero sus funciones son distintas.
El mapa del sitio HTML está dirigido a las personas. Presenta la estructura del sitio en forma de lista jerárquica, accesible desde el pie de página o mediante un enlace en el menú. Los visitantes que se han perdido pueden encontrar allí la página que buscan sin recurrir a la barra de búsqueda.
El sitemap XML, en cambio, es un archivo técnico que leen los robots de rastreo de Google o Bing. Indica las URL que deben rastrearse, su fecha de modificación y su prioridad relativa. De hecho, la documentación de Google señala que un sitemap XML facilita el descubrimiento de las páginas, pero no garantiza su indexación.
Por ejemplo, en un sitio de decoración de interiores, el mapa del sitio de Côté Déco reúne todas las secciones en un solo lugar, lo que evita que los visitantes tengan que ir dando tumbos entre las categorías del menú.
Estructura clara: organizar los niveles del mapa del sitio
Un mapa del sitio que presenta doscientos enlaces seguidos, sin agruparlos, genera tanta confusión como no tener ningún mapa. El valor de un mapa del sitio reside en su jerarquía visual.
Agrupar según las necesidades de uso, no según la organización interna
Un error frecuente consiste en reproducir el organigrama del back office: carpetas técnicas, categorías administrativas y nombres en clave internos. Los visitantes piensan de otra manera. Buscan según sus necesidades (comprar, comparar, contactar) o por temas (salón, dormitorio, exterior).
Un mapa del sitio eficaz agrupa las páginas según estos recorridos de uso. Los niveles jerárquicos reflejan las opciones de los visitantes:
- Primer nivel: las secciones principales del sitio (catálogo, guías, contacto, aviso legal)
- Segundo nivel: las subcategorías que detallan cada sección (papel pintado, lámparas, muebles en un catálogo de decoración)
- Tercer nivel, si es necesario: las páginas específicas asociadas a cada subcategoría
Más allá de tres niveles, la claridad disminuye. Si la estructura requiere un cuarto nivel, suele ser señal de que hay que simplificar la estructura del propio sitio.
Textos de los enlaces: claridad antes que creatividad
Cada enlace del mapa del sitio debe describir el contenido de la página con términos explícitos. «Nuestras soluciones» o «Más información» no orientan al visitante. «Papeles pintados vinílicos para el baño» le indica exactamente qué encontrará al hacer clic.
Esta regla coincide con una recomendación del W3C: los textos de navegación deben ser coherentes en el menú, las migas de pan y el mapa del sitio. Designar un mismo enlace con tres nombres distintos según la sección del sitio desorienta a los usuarios.
Accesibilidad del mapa del sitio: teclado, móvil y referencias visuales
Un mapa del sitio que se lee bien en una pantalla grande puede resultar inutilizable en un teléfono si los enlaces están demasiado juntos o si la jerarquía desaparece al eliminarse las sangrías visuales. El W3C recomienda que la presentación se adapte a las pantallas pequeñas sin perder la estructura de la información.
Hay que prestar especial atención a dos aspectos:
- Navegación con teclado: se debe poder acceder a cada enlace del mapa del sitio con la tecla Tab, siguiendo un orden lógico (de arriba abajo y de izquierda a derecha). El foco activo, es decir, el enlace seleccionado en ese momento, debe distinguirse visualmente (con un borde o un cambio de color)
- Contraste y tamaño de las zonas en las que se puede hacer clic: en el móvil, un enlace demasiado pequeño o demasiado cerca de otro puede provocar clics involuntarios. Separar los elementos de la lista y utilizar un tamaño de fuente suficiente resuelve el problema
- Referencias de sección: los títulos o subtítulos del mapa del sitio (y no solo las listas) ayudan a los lectores de pantalla a saltar directamente a la categoría que les interesa
A menudo se olvida que el mapa del sitio también es una herramienta de accesibilidad. Para quienes utilizan un lector de pantalla o navegan exclusivamente con el teclado, esta página puede convertirse en la forma más fiable de acceder a un contenido concreto.
Mapa del sitio y navegación global: complementarios, no sustitutos
El mapa del sitio no sustituye al menú principal, la barra de búsqueda ni las migas de pan. El W3C insiste en este punto: ofrecer varias formas de navegación reduce el riesgo de que los visitantes se queden bloqueados.
El menú principal permite navegar rápidamente a las secciones prioritarias. Las migas de pan indican la posición actual dentro de la estructura. La barra de búsqueda responde a consultas concretas. El mapa del sitio entra en juego cuando estos tres mecanismos no bastan: para quienes exploran sin tener una idea precisa, cuando una página está oculta en el tercer nivel o cuando el menú solo refleja una parte del catálogo.
En los sitios grandes (con varios cientos de páginas), el mapa del sitio se convierte en una red de seguridad. Muestra toda la estructura allí donde el menú solo puede ofrecer un fragmento. En los sitios más pequeños, una veintena de enlaces bien organizados basta para abarcar todas las páginas.
El enlace al mapa del sitio suele colocarse en el pie de página, donde los visitantes habituados a la web esperan encontrarlo. Algunos sitios también lo añaden a una página de ayuda o al menú secundario, lo que aumenta su visibilidad sin recargar la navegación principal.
Mantener actualizado el mapa del sitio sigue siendo el aspecto más infravalorado. Cada página nueva, cada URL modificada o eliminada debe reflejarse en el mapa. Un enlace roto en un mapa del sitio transmite una señal negativa tanto a los visitantes como a los motores de búsqueda. Los CMS como WordPress ofrecen extensiones que generan esta página automáticamente, pero sigue siendo necesario revisarla manualmente de forma periódica para detectar incoherencias que la automatización no identifica.
