Um site pode conter centenas de páginas sem que o visitante suspeite da extensão. O mapa do site, frequentemente relegado ao rodapé, permanece o único lugar onde a arquitetura completa de um domínio é exposta em uma única visão. No entanto, a maneira como esse mapa é projetado determina se ele realmente ajuda na navegação ou se adiciona uma camada de confusão adicional.
Mapa do site e conformidade WCAG 2.2: o que muda para a navegação
Os concorrentes abordam amplamente os menus de navegação, os tipos de barras e as boas práticas ergonômicas. Eles ignoram um ângulo normativo recente: os critérios WCAG 2.2 modificam concretamente a forma como um mapa do site detalhado deve ser construído.
O critério 2.4.5 (Múltiplas Maneiras) impõe que o usuário tenha mais de um caminho para acessar cada página. Um menu principal não é mais suficiente se o site ultrapassar algumas dezenas de páginas. O mapa detalhado torna-se, então, um mecanismo de conformidade, não um simples gadget de rodapé.
O critério 2.4.11 (Foco Não Ocultado) adiciona uma restrição técnica: quando um visitante navega pelo teclado em uma longa lista de links, o foco do teclado nunca deve desaparecer atrás de um cabeçalho fixo ou de uma banner de consentimento de cookies. Para um mapa do site que exibe às vezes várias centenas de links, isso obriga a repensar o posicionamento dos elementos fixos da página.
O critério 2.5.8 (Tamanho do Alvo) exige que cada alvo clicável seja grande o suficiente para ser ativado sem erro. Um mapa do site comprimido em fonte de 11 pixels com links colados uns aos outros não atende a essa exigência, mesmo que todos os links funcionem tecnicamente.
Leitura de um mapa do site: identificar a hierarquia antes de clicar
Um mapa detalhado só é útil se sua estrutura refletir a hierarquia real do conteúdo. Antes de clicar, o visitante deve ser capaz de identificar em poucos segundos as grandes categorias, as subcategorias e o nível de profundidade de cada página. Por exemplo, é possível consultar o mapa do site By Caroline and CO para observar como uma árvore clara organiza os conteúdos por temática sem afogar o leitor.
A maioria dos mapas de site se contenta com uma lista plana de links. Os feedbacks de campo divergem sobre esse ponto: alguns usuários preferem uma listagem alfabética, outros uma organização temática. Os dados disponíveis não permitem uma decisão definitiva, mas um agrupamento por categorias com indentação visual reduz a carga cognitiva para a maioria dos visitantes.
Os elementos que distinguem um mapa legível de um mapa inútil
- Títulos de links descritivos que refletem o título real da página de destino, não rótulos genéricos como “saiba mais” ou “clique aqui”.
- Uma indentação ou um sistema de marcadores que materializa os níveis de profundidade (categoria, subcategoria, página final).
- Uma ordem lógica estável, idêntica à do menu principal, para respeitar o critério WCAG 3.2.3 (Navegação Consistente).
- Uma separação visual entre os blocos temáticos, mesmo que seja apenas um espaço em branco adicional.
Mapa do site HTML e sitemap XML: duas ferramentas, duas funções
A confusão é frequente. O mapa do site HTML é uma página destinada a visitantes humanos. O sitemap XML é um arquivo técnico destinado aos robôs de indexação do Google e de outros motores de busca. Ambos têm o mesmo nome, mas não atendem ao mesmo público.
O sitemap XML lista todas as URLs com seus metadados (data de modificação, frequência de atualização, prioridade relativa). Ele não tem a intenção de ser lido por um humano. Por outro lado, o mapa do site HTML não contém necessariamente todas as URLs: ele apresenta as páginas úteis ao visitante, agrupadas de maneira compreensível.
Quando o mapa HTML complementa a pesquisa interna
Um motor de busca interno ajuda quando o visitante sabe o que está procurando. O mapa do site ajuda quando ele ainda não sabe. É uma ferramenta de exploração, não de consulta. Em sites cujo conteúdo é muito segmentado (catálogo de produtos, blog com centenas de artigos, site institucional com múltiplas ramificações), o mapa do site HTML continua sendo a única maneira de visualizar todo o escopo sem digitar palavras-chave.
Os sites que oferecem os dois (pesquisa interna e mapa detalhado) cobrem os dois modos de navegação: a pesquisa ativa e a exploração passiva. Remover um em favor do outro equivale a fechar um caminho de acesso.
Conceber um mapa do site que funcione em dispositivos móveis
Em uma tela de desktop, um mapa do site em três colunas com uma centena de links permanece legível. Em dispositivos móveis, o mesmo mapa se torna uma parede de texto impossível de escanear. A maioria do tráfego web vem de dispositivos móveis, um mapa do site pensado apenas para desktop perde a maior parte de sua audiência.
Duas abordagens funcionam em telas pequenas. A primeira consiste em usar seções recolhíveis (acordeões) por categoria: o visitante expande apenas o bloco que lhe interessa. A segunda baseia-se em uma navegação por âncoras internas no topo da página, cada âncora remetendo à seção correspondente mais abaixo.
Em ambos os casos, o respeito ao critério WCAG 2.5.8 sobre o tamanho dos alvos permanece relevante: links muito pequenos ou muito próximos em uma tela sensível ao toque geram erros de toque. Um espaçamento mínimo entre cada link clicável evita esse problema sem sobrecarregar o layout.
Limitações conhecidas dos mapas de site em sites muito grandes
Além de várias milhares de páginas, um mapa do site HTML exaustivo torna-se ele mesmo um problema de navegação. Alguns sites de e-commerce ou de mídia optam então por um mapa parcial, limitado às categorias principais e às páginas mais consultadas. Essa abordagem pragmática aceita que um mapa do site não substitui uma arquitetura de navegação completa, mas constitui um complemento.
O mapa do site detalhado continua sendo uma ferramenta de navegação subestimada. Seu valor não reside na exaustividade dos links que contém, mas na clareza de sua organização. Um mapa mal estruturado adiciona ruído. Um mapa bem projetado oferece ao visitante um mapa legível do território, independentemente do dispositivo utilizado.