Um mapa do site é uma página que lista, sob a forma de links clicáveis, todas ou a maioria das páginas acessíveis num site. Reproduz a hierarquia das secções e subseções do site, oferecendo uma visão geral que nem o menu principal nem a barra de pesquisa conseguem proporcionar por si só. Para um visitante que não encontra o que procura em dois cliques, esta página torna-se um atalho direto para o conteúdo pretendido.
Acessibilidade pelo teclado e mapa do site: um requisito técnico muitas vezes ignorado
A maioria dos guias sobre mapas do site centra-se no SEO ou na estrutura visual. Antes mesmo de falar de navegação, é preciso verificar se o mapa funciona para todos os utilizadores, incluindo aqueles que navegam sem rato.
O W3C lembra que os elementos interativos devem ser acessíveis pelo teclado e que o foco deve permanecer visível. No caso de um mapa do site que pode conter centenas de links, isso significa que cada link deve poder ser alcançado com a tecla Tab e que o utilizador deve conseguir identificar claramente qual está selecionado em cada momento.
Um mapa do site cujos links não apresentam qualquer estilo de foco visível (outline CSS removido, cor igual à do restante conteúdo) torna-se inutilizável pelo teclado. O visitante carrega em Tab sem saber onde está na lista. No mapa do site Allo Papa, as secções estão organizadas em estrutura hierárquica, o que facilita tanto a leitura sequencial como a navegação visual.
As WCAG 2.2 também especificam que o mapa do site não deve ser a única forma de localizar uma página. Complementa a navegação principal, a pesquisa interna ou o caminho de navegação. Se o menu do site estiver mal estruturado, adicionar um mapa não resolve o problema de fundo.
Estrutura HTML de um mapa do site: o que realmente ajuda o visitante
Um mapa do site eficaz assenta numa estrutura HTML precisa. Os links são agrupados em listas aninhadas (etiquetas ul e li) que reproduzem a estrutura hierárquica real do site. O primeiro nível corresponde às secções principais, o segundo às subcategorias e o terceiro às páginas individuais.
Esta estrutura aninhada tem um duplo efeito. O visitante identifica visualmente a lógica do site: as páginas de produtos estão na secção do catálogo, os artigos na secção do blogue e as informações legais na secção de informações. As tecnologias de apoio (leitores de ecrã) também interpretam esta hierarquia e anunciam o nível de profundidade.
Diferença entre mapa HTML e sitemap XML
O sitemap XML destina-se aos robôs de indexação (Googlebot, Bingbot). Inclui metadados técnicos, como a data da última modificação ou a frequência de atualização estimada. Os visitantes não o consultam através do navegador.
Já o mapa do site HTML é uma página web normal, legível por qualquer pessoa. Serve para a navegação dos utilizadores. Os dois formatos coexistem num site bem configurado, mas desempenham funções diferentes:
- O sitemap XML indica aos motores de pesquisa quais as páginas a explorar e a sua atualidade através do campo lastmod (o Google já ignora os campos priority e changefreq)
- O mapa HTML permite ao visitante encontrar uma página sem recorrer ao menu, à pesquisa ou a um link contextual
- Um site de grandes dimensões (comércio eletrónico, meio de comunicação) precisa dos dois: o XML para uma exploração exaustiva e o HTML para orientar os utilizadores
Navegação num site: quando o mapa do site se torna realmente útil
Num site com menos de dez páginas, o menu é suficiente. O mapa do site revela todo o seu valor em sites cuja estrutura hierárquica ultrapassa três níveis de profundidade ou cujo conteúdo muda frequentemente.
Três situações concretas em que um visitante recorrerá ao mapa do site:
- A pesquisa interna não apresenta resultados relevantes, muitas vezes porque o termo introduzido não corresponde ao vocabulário utilizado pelo site
- O menu mostra apenas parte da estrutura hierárquica (uma situação frequente em dispositivos móveis, onde os submenus estão ocultos por predefinição)
- O visitante quer explorar a dimensão do site sem um objetivo específico, por exemplo, para avaliar a profundidade de um catálogo ou a abrangência temática de um blogue
Um mapa do site bem estruturado compensa as limitações do menu e da pesquisa. Não substitui nenhum dos dois, mas oferece uma alternativa quando ambos falham.
Consistência da navegação entre páginas: o que o mapa não corrige
As WCAG recomendam que os elementos de navegação repetidos em várias páginas apareçam pela mesma ordem. Um menu cuja estrutura muda de uma secção para outra desorienta o visitante, mesmo que exista um mapa do site completo.
O mapa do site reflete a hierarquia, mas não constitui, por si só, uma arquitetura da informação bem-sucedida. Se as categorias do site se sobrepõem ou se o mesmo conteúdo aparece em duas secções diferentes sem redirecionamento, o mapa reproduzirá essa incoerência.
Antes de criar ou reformular um mapa do site, é preciso verificar previamente três elementos:
Em primeiro lugar, que todas as páginas do site podem ser alcançadas em, no máximo, três cliques a partir da página inicial. Em seguida, que o menu principal apresenta as mesmas secções que o mapa. Por fim, que os textos dos links no mapa correspondem exatamente aos títulos das páginas de destino, para evitar qualquer confusão.
O link no rodapé continua a ser pertinente
Colocar um link para o mapa do site no rodapé garante que está acessível a partir de qualquer página. Esta convenção é suficientemente comum para que os visitantes saibam onde o procurar. Um link no rodapé, um mapa atualizado e listas aninhadas corretamente assinaladas: estes três elementos bastam para tornar um site navegável, mesmo quando a sua estrutura é densa.
O mapa do site continua a ser uma ferramenta de navegação complementar, não um substituto de uma arquitetura clara. A sua verdadeira força revela-se quando o menu, a pesquisa e o caminho de navegação já funcionam corretamente: acrescenta então uma camada de legibilidade global que os outros mecanismos, por natureza parciais, não conseguem oferecer.
