Quando um site agrupa dezenas de seções, encontrar uma página específica pode rapidamente parecer um jogo de esconde-esconde. O mapa do site responde a esse problema: ele exibe, em uma única página, a lista organizada de todos os conteúdos acessíveis. Para um portal de informação como Passez l’info, essa página se torna um atalho direto para cada temática, sem passar pelos menus suspensos.
Mapa do site HTML e sitemap XML: duas ferramentas, dois públicos
Antes de falar sobre navegação, uma distinção merece ser feita. O termo “mapa do site” designa, na verdade, duas coisas muito diferentes dependendo do contexto.
O mapa do site HTML é destinado aos visitantes humanos. É uma página web clássica, legível em um navegador, que lista as seções e as páginas na forma de links clicáveis. Seu papel: oferecer uma visão geral da estrutura para que um internauta encontre rapidamente o que procura.
O sitemap XML, por sua vez, se dirige aos robôs dos motores de busca. É um arquivo técnico, invisível para o visitante, que indica ao Google ou Bing quais páginas indexar e com que frequência revisitar. Ele não substitui o mapa HTML, ele o complementa.
Um site que possui apenas um sitemap XML priva seus visitantes de uma ferramenta de navegação concreta. Por outro lado, um mapa HTML sem sitemap XML corre o risco de deixar páginas órfãs fora do radar dos motores. No mapa do site Passez l’info, é a versão HTML que é destacada, estruturada por categorias para facilitar o percurso de leitura.
Acessibilidade e critério WCAG 2.4.5: por que o mapa do site se tornou normativo
Você pode considerar o mapa do site como um vestígio dos anos 2000, uma página que ninguém consulta. As normas de acessibilidade contam uma história diferente.
Os critérios WCAG 2.2 AA, publicados pelo W3C em 5 de outubro de 2023, incluem o critério 2.4.5 chamado “Múltiplas Maneiras”. Este critério exige oferecer pelo menos duas maneiras de acessar uma mesma página em um site web. A navegação principal sozinha não é suficiente: é preciso adicionar um motor de busca interno, um mapa do site ou um índice.
O mapa do site HTML é explicitamente citado como um dos meios normativos para satisfazer essa exigência. Para um site de informação que publica regularmente conteúdo, é frequentemente a solução mais simples de implementar e manter.
O que muda com o WCAG 2.2 para o design do mapa
A versão 2.2 também adiciona os critérios 2.4.11 e 2.4.12, agrupados sob o nome “Foco Não Oculto”. Concretamente, quando um usuário navega pelo teclado no mapa do site, o foco nunca deve ser ocultado por um elemento flutuante (bandeja de cookies, cabeçalho fixo, rodapé fixo). Se o seu mapa do site contém uma longa lista de links e uma bandeja cobre o link ativo, o critério não está sendo cumprido.
Esse ponto técnico obriga a testar o mapa do site com uma navegação real pelo teclado, não apenas visualmente.
Anatomia de um mapa de site útil para a navegação
Nem todos os mapas de site são iguais. Alguns se contentam com um fluxo bruto de links sem hierarquia. Outros reproduzem o menu principal sem agregar valor. Um mapa de site eficaz respeita alguns princípios concretos.
- As páginas são agrupadas por seções com níveis de profundidade visíveis (categoria, subcategoria, página). O visitante percebe a lógica de organização em poucos segundos.
- Os títulos dos links correspondem aos títulos reais das páginas. Sem rótulos encurtados ou reformulados que criem confusão entre o mapa e o conteúdo.
- As páginas utilitárias (avisos legais, política de privacidade, termos de uso) figuram em uma seção separada, na parte inferior da página ou em um bloco distinto, para não afogar os conteúdos editoriais.
- O mapa permanece acessível a partir de qualquer página do site, geralmente através de um link no rodapé. Um mapa que não pode ser encontrado não cumpre nenhuma função.
Atualização: manual ou automática
Em um site que publica vários artigos por semana, manter um mapa de site manualmente torna-se rapidamente irrealista. A maioria dos CMS (WordPress, Drupal, Joomla) oferece extensões que geram automaticamente o mapa HTML a partir da estrutura existente.
A automação apresenta uma vantagem óbvia: cada nova publicação aparece no mapa sem intervenção humana. Em contrapartida, ela pode incluir páginas sem interesse para o visitante (páginas de tags, páginas de arquivos vazias, rascunhos indexados por engano). Um bom mapa automático requer regras de exclusão bem configuradas.
Navegação ideal: o que o mapa do site não substitui
O mapa do site é uma rede de segurança, não um substituto para uma navegação bem pensada. Se seus visitantes precisam consultar sistematicamente o mapa para encontrar um conteúdo, isso é um sinal de que o menu principal ou a estrutura do site apresenta problemas.
Um mapa de site eficiente funciona em complemento a três elementos:
- Um menu principal claro, limitado a algumas entradas (a maioria dos sites eficientes permanece abaixo da barra de oito seções de primeiro nível).
- Um motor de busca interno, particularmente útil em sites com grande volume de conteúdo editorial.
- Um breadcrumb que indica a qualquer momento onde o visitante se encontra na estrutura.
Esses quatro dispositivos combinados cobrem os requisitos do critério WCAG 2.4.5 enquanto oferecem uma experiência de navegação fluida, independentemente do perfil do usuário.
O mapa do site continua sendo um dos poucos elementos web que serve tanto à acessibilidade, ao SEO e ao conforto de navegação. Ignorá-lo é se privar de uma alavanca simples de implementar e cujo custo de manutenção é quase nulo uma vez que os ajustes corretos estão em vigor.
