Um visitante chega a um site de comércio eletrónico à procura de uma gama de papéis de parede. O menu principal apresenta seis categorias, mas nenhuma corresponde ao que procura. Percorre a página, clica ao acaso e acaba por sair. Muitas vezes, este cenário resolve-se com um elemento que muitos sites relegam para o rodapé sem pensar duas vezes: o mapa do site.
Um mapa do site bem organizado não se limita a listar links. Oferece uma visão geral da estrutura do site, permite encontrar uma página em poucos segundos e compensa as limitações de um menu principal que não pode mostrar tudo.
Mapa do site HTML e sitemap XML: dois ficheiros, duas utilizações distintas
É frequente confundir o mapa do site visível para os visitantes (uma página HTML com links clicáveis) com o sitemap XML destinado aos motores de pesquisa. Os dois partilham o nome, mas têm funções diferentes.
O mapa do site HTML destina-se às pessoas. Apresenta a estrutura do site sob a forma de uma lista hierárquica, acessível a partir do rodapé ou de um link no menu. Um visitante que se perdeu pode encontrar a página que procura sem recorrer à barra de pesquisa.
Já o sitemap XML é um ficheiro técnico lido pelos robôs de rastreamento do Google ou do Bing. Indica os URL a rastrear, a data da respetiva modificação e a prioridade relativa. A documentação do Google esclarece, aliás, que um sitemap XML facilita a descoberta das páginas, mas não garante a sua indexação.
Por exemplo, num site de decoração de interiores, o mapa do site Côté Déco reúne todas as secções num só lugar, evitando que o visitante tenha de navegar às cegas entre as categorias do menu.
Estrutura clara: organizar os níveis do mapa do site
Um mapa do site que apresenta duzentos links sem qualquer agrupamento gera tanta confusão como a ausência de um mapa. O valor de um mapa do site está na sua hierarquia visual.
Agrupar segundo a lógica de utilização, não a lógica interna
Um erro frequente é reproduzir o organograma do back-office: pastas técnicas, categorias administrativas, nomes de código internos. Os visitantes pensam de outra forma. Procuram por necessidade (comprar, comparar, contactar) ou por tema (sala de estar, quarto, exterior).
Um mapa do site eficaz agrupa as páginas de acordo com estes percursos de utilização. Os níveis hierárquicos refletem as escolhas do visitante:
- Primeiro nível: as principais secções do site (catálogo, guias, contacto, informações legais)
- Segundo nível: as subcategorias que especificam cada secção (papel de parede, iluminação, mobiliário, num catálogo de decoração)
- Terceiro nível, se necessário: páginas específicas associadas a cada subcategoria
Acima de três níveis, a clareza diminui. Se a estrutura exigir um quarto nível, é muitas vezes sinal de que a própria estrutura do site precisa de ser simplificada.
Designações dos links: clareza acima da criatividade
Cada link do mapa do site deve descrever o conteúdo da página de forma explícita. «As nossas soluções» ou «Saiba mais» não informam o visitante. «Papéis de parede vinílicos para casa de banho» diz-lhe exatamente o que vai encontrar ao clicar.
Esta regra está de acordo com uma recomendação do W3C: as designações de navegação devem ser coerentes no menu, no caminho de navegação e no mapa do site. Se o mesmo link tiver três nomes diferentes consoante a secção do site, os utilizadores ficam desorientados.
Acessibilidade do mapa do site: teclado, dispositivos móveis e referências visuais
Um mapa do site legível num ecrã grande pode tornar-se inutilizável num telemóvel se os links estiverem demasiado próximos uns dos outros ou se a hierarquia desaparecer quando se perdem os recuos visuais. O W3C recomenda que a apresentação se adapte aos ecrãs pequenos, preservando a estrutura da informação.
Dois aspetos merecem especial atenção:
- Navegação por teclado: deve ser possível aceder a cada link do mapa do site com a tecla Tab, numa ordem lógica (de cima para baixo, da esquerda para a direita). O foco ativo, ou seja, o link atualmente selecionado, deve ser visualmente identificável (contorno, mudança de cor)
- Contraste e tamanho das áreas clicáveis: em dispositivos móveis, um link demasiado pequeno ou demasiado próximo do seguinte pode provocar cliques involuntários. O problema resolve-se espaçando os itens da lista e utilizando um tamanho de letra adequado
- Referências das secções: os títulos ou subtítulos no mapa do site (e não apenas as listas) ajudam os leitores de ecrã a avançar diretamente para a categoria relevante
É frequente esquecer que o mapa do site também é uma ferramenta de acessibilidade. Para um visitante que utiliza um leitor de ecrã ou navega exclusivamente com o teclado, esta página pode ser a forma mais fiável de aceder a um conteúdo específico.
Mapa do site e navegação global: complementaridade, não substituição
O mapa do site não substitui o menu principal, a barra de pesquisa nem o caminho de navegação. O W3C insiste neste ponto: disponibilizar várias formas de navegação reduz o risco de um visitante ficar bloqueado.
O menu principal permite navegar rapidamente para as secções prioritárias. O caminho de navegação indica a posição atual na estrutura. A barra de pesquisa responde a consultas específicas. O mapa do site entra em ação quando estes três mecanismos não são suficientes: para um visitante que explora sem saber exatamente o que procura, uma página escondida no terceiro nível ou um menu que só reflete parte do catálogo.
Em sites de grandes dimensões (com várias centenas de páginas), o mapa do site funciona como uma rede de segurança. Mostra toda a estrutura, enquanto o menu só pode apresentar uma parte. Nos sites mais pequenos, cerca de vinte links bem organizados são suficientes para abranger todas as páginas.
O link para o mapa do site costuma ficar no rodapé, onde os visitantes habituados à Web esperam encontrá-lo. Alguns sites também o incluem numa página de ajuda ou no menu secundário, aumentando a sua visibilidade sem sobrecarregar a navegação principal.
Manter o mapa do site atualizado continua a ser o aspeto mais subestimado. Cada nova página publicada, cada URL alterado ou eliminado deve refletir-se no mapa. Um link quebrado num mapa do site transmite um sinal negativo tanto aos visitantes como aos motores de pesquisa. Os CMS, como o WordPress, disponibilizam extensões que geram esta página automaticamente, mas continua a ser necessária uma verificação manual periódica para detetar incoerências que a automatização não identifica.
