O que é breadcrumb (trilha de navegação) e por que usar no site

Imagine entrar em uma loja de departamentos enorme, subir uma escada rolante, virar dois corredores e, de repente, não saber mais em que andar você está. Loja bem organizada resolve isso com placas: "2º andar › Casa e Decoração › Cozinha". Em três palavras você se localiza e decide se sobe, desce ou continua.

Sites precisam exatamente da mesma placa — e ela tem nome: breadcrumb, ou trilha de navegação. É aquela linha discreta de links que aparece logo acima do título da página, geralmente assim: Início › Serviços › Criação de Sites. O nome vem da história de João e Maria, que deixaram migalhas de pão pelo caminho para achar a volta. Muita gente olha para essa linha e acha que é enfeite. Não é: é orientação para o visitante, é link interno para o Google e é informação que aparece no próprio resultado da busca.

O que é um breadcrumb, na prática

O breadcrumb é uma sequência curta de links que mostra onde a página atual mora dentro do site. Cada item é um degrau acima na hierarquia, separado por uma setinha ou barra, e o último item — a página que a pessoa está vendo — não é clicável, porque ela já está ali.

Um detalhe importante: essa trilha não é inventada. Ela reflete a estrutura real do site, aquela que você definiu ao decidir quais páginas existem e como se agrupam. Se a organização está confusa, o breadcrumb vai mostrar a confusão. Por isso ele caminha de mãos dadas com o trabalho de organizar as páginas do site e com o cuidado de usar URLs amigáveis — os três contam a mesma história do mesmo jeito.

Por que uma linha tão pequena faz diferença

1. O visitante quase nunca entra pela home

Esse é o ponto que costuma surpreender. Quem chega pelo Google, pelo Instagram ou por um link no WhatsApp cai direto em uma página interna — um serviço, um produto, um artigo do blog. Essa pessoa não viu o caminho; ela foi teletransportada para o meio do site.

Sem breadcrumb, ela tem duas opções: entender tudo só por aquela página ou voltar. Com breadcrumb, ela lê "Início › Serviços › Criação de Sites" e, em um segundo, sabe três coisas: que aquilo é um serviço, que existem outros serviços e onde clicar para ver. Uma placa de duas linhas transforma uma visita de saída em uma visita que explora.

2. Mais páginas vistas, menos abandono

Como cada degrau é um link, o breadcrumb é um convite permanente a subir um nível e ver o que mais existe por ali. Em catálogos e lojas virtuais o efeito é direto: quem não gostou daquele produto clica na categoria e vê os vizinhos, em vez de fechar a aba. É uma das maneiras mais baratas de mexer na taxa de rejeição, porque não exige nenhum banner novo nem mais texto na página.

3. O Google entende e ainda mostra a trilha

Para o buscador, o breadcrumb é um mapa do seu site entregue de graça: ele deixa claro quais páginas são mais gerais, quais são específicas e como se ligam. Isso espalha autoridade entre as páginas e ajuda o robô a rastrear o site com mais lógica — é trabalho de SEO feito pela própria estrutura.

Tem um bônus visível: quando a trilha está marcada com dados estruturados, o Google troca o endereço cru do resultado por algo legível — "webth.com.br › Serviços › Criação de Sites" em vez de uma sequência de barras e códigos. O resultado fica mais bonito, mais claro, e ganha cliques que iriam para o concorrente ao lado.

Os três tipos de breadcrumb

Nem toda trilha funciona igual. Vale saber a diferença para não escolher a errada.

Na dúvida, fique com o hierárquico. É o que o visitante espera, o que o buscador lê e o que não muda de forma a cada clique.

Quando o breadcrumb ajuda — e quando não

Ele não é obrigatório em todo site. A regra é simples: quanto mais níveis o site tem, mais a trilha vale.

• Vale muito em lojas virtuais, catálogos, blogs com categorias e sites institucionais que separam serviços em subpáginas.
• Vale pouco em sites de uma única página ou naqueles com quatro ou cinco páginas soltas, todas no menu principal. Ali a trilha só repetiria o que o menu já diz.
• Não vale em landing pages de campanha, cujo objetivo é manter a pessoa em uma única tela até a conversão. Qualquer link extra ali é uma porta de saída.

Uma dúvida frequente é o que fazer no celular, onde a tela é estreita. A saída não é remover a trilha, e sim encurtá-la: mantenha o primeiro item e os dois últimos, resumindo o meio com reticências quando o caminho for longo — algo como "Início › ... › Tênis Masculinos › Modelo Azul". O visitante continua sabendo onde está e ainda consegue subir um nível com o dedo, sem que a linha quebre em três e empurre o título da página para baixo da dobra.

Como colocar no seu site (e os erros que vale evitar)

Na prática, quem cuida do site resolve isso em pouco tempo: em WordPress existem plugins de SEO que ativam o breadcrumb com a marcação correta em poucos cliques; em lojas virtuais ele normalmente já vem pronto, bastando ligar; e em sites feitos sob medida é um pequeno bloco de código no topo do conteúdo, com a marcação de dados estruturados junto.

Os tropeços mais comuns são estes:

1. Deixar o último item clicável. Um link que leva à própria página confunde e cansa. A página atual entra na trilha como texto simples.
2. Substituir o menu pelo breadcrumb. São coisas diferentes: o menu mostra tudo o que o site oferece; a trilha mostra onde você está agora. Um não dispensa o outro.
3. Esconder no rodapé ou em letra minúscula. O lugar dele é no topo, acima do título, em texto pequeno mas legível — e com espaço suficiente para o dedo acertar no celular.
4. Criar uma trilha que não existe. Se o breadcrumb diz "Início › Serviços › Criação de Sites" mas não há página de Serviços, você acabou de prometer um clique que não leva a nada.
5. Esquecer a marcação de dados estruturados. Sem ela, a trilha funciona para o visitante, mas o Google não mostra o caminho no resultado. Metade do benefício fica na mesa.

Se ler isso deu a sensação de que é detalhe demais para resolver sozinho, é justamente aí que fica fácil: a TH Designer entrega os sites já com a trilha de navegação no lugar certo, com a marcação que o Google lê, e organiza a hierarquia das páginas antes de programar qualquer coisa — porque breadcrumb bom é consequência de estrutura boa. Veja nossos serviços e peça um orçamento sem compromisso.

No fim, o breadcrumb é uma daquelas melhorias silenciosas: ninguém entra no seu site e comenta "que trilha de navegação agradável". Mas o visitante que chegou perdido em uma página interna, entendeu onde estava e clicou em mais uma — esse você conquistou com uma linha de texto que quase ninguém nota.

Perguntas frequentes