Um visitante chega a um site de comércio eletrónico para comprar um adaptador USB-C. Clica em «Produtos», depois em «Acessórios», em «Conectividade» e, por fim, em «Cabos e adaptadores». Quatro níveis de profundidade, quatro cliques, e metade dos utilizadores terá desistido antes de chegar à página do produto. O problema não está no conteúdo, mas na forma como está organizado. Organizar as páginas de um site para que cada informação possa ser encontrada em poucos segundos depende de escolhas estruturais concretas, testáveis e muitas vezes negligenciadas.
Pesquisa interna e pedidos de ajuda: sinais de uma navegação deficiente
Antes de redesenhar um menu, vale a pena analisar o que os visitantes já procuram. As pesquisas feitas na barra de pesquisa interna do site são uma ferramenta de diagnóstico gratuita. Quando alguém pesquisa «preços», mas o menu principal apresenta a opção «As nossas ofertas», o problema está no rótulo, não na falta de conteúdo.
Os pedidos enviados ao apoio ao cliente funcionam da mesma forma. Um pedido como «onde encontrar a fatura» indica que a ligação para a área de cliente está mal posicionada ou tem um nome pouco claro. As pesquisas sem resultados e os pedidos do tipo «onde encontrar» revelam páginas com nomes pouco claros ou demasiado escondidas.
Num site institucional com algumas dezenas de páginas, como o mapa do site La Maison De Daniel, a lista completa de URLs oferece uma visão geral imediata da estrutura e permite identificar páginas órfãs ou títulos ambíguos.
Card sorting e tree testing: testar os nomes do menu antes do design
É comum pensar que a organização de um site é óbvia porque conhecemos bem o nosso próprio catálogo. Mas os visitantes não partilham essa lógica interna. Dois métodos permitem verificar se a estrutura funciona antes de mexer no código.
Card sorting para agrupar conteúdos
O princípio é simples: listam-se as páginas do site em cartões virtuais e pede-se a um grupo de utilizadores que as organize por categorias. O resultado mostra como os visitantes associam naturalmente os diferentes temas. Um restaurante pode descobrir, por exemplo, que os clientes agrupam a «Carta de vinhos» com as «Reservas», em vez de a associarem à «Nossa cozinha».
Tree testing para verificar a facilidade de encontrar conteúdos
Depois de definida a estrutura, o tree testing propõe uma tarefa específica («encontre a página de contacto do serviço pós-venda») e avalia se a pessoa consegue realizá-la sem desvios. A taxa de sucesso, por si só, não basta: é preciso observar se o percurso seguido é direto. Um utilizador que encontra a página certa depois de percorrer o menu de um lado para o outro três vezes «conseguiu» tecnicamente, mas a estrutura continua a ser problemática.
Estes dois testes podem ser feitos com ferramentas online, sem protótipo gráfico, usando apenas uma árvore de texto. Testa-se a lógica da organização, não a estética do menu.
Estrutura plana e categorias: reduzir a profundidade da navegação
A profundidade de um site corresponde ao número de cliques necessários para chegar a qualquer página a partir da página inicial. Quanto maior for esse número, maior o risco de desistência e mais difícil será para os robôs dos motores de pesquisa percorrerem todos os URLs.
Uma arquitetura dita «plana» limita a profundidade a dois ou três níveis, no máximo. Na prática, isso significa que todas as páginas do site podem ser acedidas em três cliques a partir da página inicial. Para o conseguir, é preciso trabalhar as categorias.
Uma categoria agrupa páginas que correspondem à mesma intenção de pesquisa ou à mesma necessidade do utilizador. Eis os critérios para determinar se uma categoria deve fazer parte do menu:
- Contém pelo menos três páginas subordinadas. Se tiver menos, é preferível associá-las a uma categoria próxima.
- O nome corresponde a uma palavra ou expressão que os utilizadores pesquisam realmente no Google (pode ser verificado na Search Console ou numa ferramenta de pesquisa de palavras-chave).
- Não duplica, do ponto de vista lógico, outra categoria. Se «Guias práticos» e «Conselhos» contiverem o mesmo tipo de conteúdo, devem ser fundidos.
A armadilha das sub-subcategorias
Acrescentar um quarto nível de navegação parece lógico quando o catálogo cresce. Na prática, isso faz com que as páginas mais profundas se percam. Os motores de pesquisa atribuem-lhes menos importância e os visitantes raramente as encontram. Quando uma subcategoria ultrapassa cerca de vinte páginas, deve passar a ser uma categoria de primeiro nível, em vez de se acrescentar mais um nível.
Ligações internas e links contextuais: interligar as páginas
A estrutura do site organiza a navegação vertical (da categoria para a página). As ligações internas organizam a navegação transversal (de uma página para outra relacionada com o tema). Ambas se complementam.
Um artigo sobre a manutenção de um soalho de madeira deve apontar para a página de produto dos óleos de acabamento. Uma página de produto de botas de caminhada beneficia de uma ligação para o guia de escolha por tipo de terreno. Estas ligações contextuais, inseridas no corpo do texto, cumprem duas funções:
- Mantêm o visitante no site, sugerindo o passo seguinte da leitura e reduzindo a taxa de rejeição.
- Transmitem autoridade SEO às páginas de destino, ajudando os motores de pesquisa a perceber quais são prioritárias.
- Compensam as limitações do menu principal, que não pode apresentar todas as páginas do site.
O texto âncora da ligação deve descrever a página de destino, em vez de recorrer a fórmulas vagas. «Guia para escolher botas de caminhada» funciona melhor do que «clique aqui», tanto para o visitante como para o Google.
Acessibilidade da navegação
A norma WCAG 2.2, publicada pelo W3C em outubro de 2023, reforça os requisitos aplicáveis aos elementos de navegação. O tamanho mínimo das áreas clicáveis e a visibilidade do foco do teclado dizem diretamente respeito aos menus e às ligações internas. Num dispositivo móvel, um menu suspenso com opções de apenas alguns milímetros de altura torna-se inutilizável para parte dos visitantes, por mais cuidado que se tenha tido com a estrutura.
Organizar as páginas de um site não é um exercício teórico que se faz uma única vez, durante a criação. As pesquisas internas, os percursos dos utilizadores e o feedback do apoio ao cliente fornecem continuamente pistas sobre o que funciona e o que não funciona. A melhor estrutura é aquela que se ajusta depois de observar como os visitantes navegam realmente.
