Breadcrumb: o que é, tipos e como implementar a trilha de navegação com SEO

Breadcrumb (ou breadcrumbs, "migalhas de pão") é a trilha de links que mostra a posição da página atual dentro da hierarquia do site, como "Início > Tênis > Corrida > Pace 3". Ele ajuda a pessoa a se localizar e a subir um nível, e, com a marcação BreadcrumbList, ajuda o Google a entender e exibir a estrutura do site nos resultados.

Por Cícero Moura10 de set. de 20267 min de leitura

Ilustração retrô de uma mão deixando cair migalhas que formam uma trilha pontilhada entre pinheiros

Este guia cobre o que é breadcrumb, os tipos que existem, o que o Google faz com ele em 2026, como implementar com dados estruturados, onde ele não faz sentido e os erros que aparecem com frequência.

Breadcrumb é um elemento de navegação secundária, normalmente uma linha de links separados por ">" ou "/" acima do título da página, que mostra o caminho da página inicial até a página atual. O nome vem do conto de João e Maria, que deixavam migalhas de pão para achar o caminho de volta. A ideia é a mesma: a pessoa vê onde está e consegue voltar um ou mais níveis sem usar o botão do navegador.

A documentação do Google Search Central sobre dados estruturados de breadcrumb define o recurso assim: "uma trilha de breadcrumb numa página indica a posição da página na hierarquia do site, e pode ajudar os usuários a entender e explorar um site de forma eficaz". O Nielsen Norman Group, em diretrizes revisadas em setembro de 2026, acrescenta o que o breadcrumb não é: ele "não se destina a mostrar o histórico de páginas visitadas durante uma sessão", mas sim "a estrutura hierárquica do site".

A palavra tem outro uso fora do SEO: em design de interfaces e bibliotecas de componentes, "breadcrumb" é o componente visual pronto. Este guia trata do breadcrumb de site, não do componente de design system, embora um implemente o outro.

Três tipos aparecem na prática, e a diferença está no que a trilha representa:

1. Hierárquico (por localização). Mostra a posição da página na árvore do site: Início > Tênis > Corrida > Pace 3. É o tipo que o Google descreve na documentação e o que o NN/g recomenda como padrão. Funciona em qualquer site com mais de dois níveis.

2. Por atributo. Mostra as características que levaram àquela página, comum em lojas com filtros: Início > Tênis > Azul > Tamanho 42. A trilha muda conforme os filtros escolhidos, então o mesmo produto pode ter várias trilhas. Útil na navegação, mas exige cuidado na marcação, porque a documentação do Google pede uma trilha que represente um caminho típico até a página, não uma que mude a cada filtro.

3. Por histórico (por caminho). Mostra as páginas que a pessoa visitou: Início > Busca "tênis corrida" > Pace 3. É o tipo que o NN/g desaconselha como breadcrumb principal, porque repete o botão de voltar do navegador e confunde quem chegou direto pela busca. O Baymard Institute, que pesquisa usabilidade de e-commerce, prefere um meio-termo: um link "Voltar aos resultados" que preserva os filtros, ao lado do breadcrumb hierárquico.

O Baymard avaliou 50 grandes e-commerces em 2013 e encontrou 68% com breadcrumb abaixo do padrão: 45% tinham só um tipo (quase sempre o hierárquico, sem a volta aos resultados) e 23% não tinham nenhum. O dado é antigo, mas a recomendação de combinar os dois tipos continua na página do instituto.

Fonte: Baymard Institute, "E-Commerce Sites Need 2 Types of Breadcrumbs", 50 sites avaliados, dezembro de 2013.

Em site de conteúdo ou serviço, o hierárquico costuma bastar. A combinação hierárquico + "voltar aos resultados" faz sentido em loja com catálogo grande e filtros.

Ajuda de três formas, e nenhuma delas é "sobe posição":

Exibição nos resultados. Com a marcação BreadcrumbList, o Google pode mostrar a trilha no lugar da URL crua no resultado de busca: em vez de loja.com.br/c/12/p/4471, aparece loja.com.br > Tênis > Corrida. A documentação diz que o Google usa a marcação "para categorizar a informação da página nos resultados de busca".
Links internos consistentes. Cada breadcrumb é um conjunto de links internos das páginas filhas para as páginas-mãe, com texto-âncora igual ao nome da categoria. Numa loja com mil produtos, é a página de categoria recebendo mil links com a mesma âncora, sem esforço manual.
Estrutura legível. O breadcrumb expõe a arquitetura da informação do site de um jeito que o rastreador consegue seguir e que confirma o que a URL já sugere.

Há um detalhe de 2025 que muitos guias ainda não registraram. Em 23 de janeiro de 2025, o Google anunciou no blog do Search Central que deixaria de mostrar breadcrumbs nos resultados de busca em celular: "eles continuam a aparecer em desktop". No celular, o resultado mostra só o domínio. A marcação continua suportada e o relatório do Search Console continua existindo; o que mudou foi a exibição em telas pequenas. Se você olha a busca só pelo celular e nunca viu seu breadcrumb aparecer, é isso.

Sem marcação, o Google ainda tenta: o guia inicial de SEO do Search Central diz que "o Google aprende breadcrumbs automaticamente com base nas palavras da URL". Funciona quando a URL é limpa e falha quando é /c/12/p/4471. A marcação tira a adivinhação.

A implementação tem duas partes: o breadcrumb visível no HTML e a marcação BreadcrumbList em JSON-LD (um bloco de código no head da página que descreve a trilha para o Google). O Google pede as duas; marcação de trilha que não existe na página vai contra as diretrizes de dados estruturados.

Parte 1, o HTML visível. Uma lista dentro de um elemento nav, com a página atual como último item, sem link:

1<nav aria-label="Breadcrumb">
2  <ol>
3    <li><a href="https://loja.com.br/">Início</a></li>
4    <li><a href="https://loja.com.br/tenis/">Tênis</a></li>
5    <li><a href="https://loja.com.br/tenis/corrida/">Corrida</a></li>
6    <li aria-current="page">Pace 3</li>
7  </ol>
8</nav>

Parte 2, o JSON-LD. O exemplo abaixo segue o modelo da documentação do Google, adaptado à mesma trilha:

1{
2  "@context": "https://schema.org",
3  "@type": "BreadcrumbList",
4  "itemListElement": [
5    { "@type": "ListItem", "position": 1, "name": "Tênis", "item": "https://loja.com.br/tenis/" },
6    { "@type": "ListItem", "position": 2, "name": "Corrida", "item": "https://loja.com.br/tenis/corrida/" },
7    { "@type": "ListItem", "position": 3, "name": "Pace 3" }
8  ]
9}

O que a documentação do Google exige: itemListElement com pelo menos dois ListItem; cada item com name e position; item (a URL) obrigatório em todos, exceto no último, onde o Google usa a URL da própria página. Repare que o exemplo oficial começa na primeira categoria, não na home; incluir "Início" como posição 1 também é aceito. Uma página pode ter mais de uma trilha quando faz parte de duas hierarquias.

Uma diferença entre as duas fontes que vale conhecer: o Google recomenda na documentação "breadcrumbs que representem um caminho típico do usuário até a página, em vez de espelhar a estrutura da URL". O NN/g recomenda a hierarquia do site. Na prática as duas convergem quando a hierarquia foi desenhada a partir de como as pessoas navegam; divergem quando a URL tem pastas técnicas (/c/12/) que ninguém percorre.

Caminho sem dev. No WordPress, Yoast SEO e Rank Math geram o breadcrumb visível e o JSON-LD; basta ativar em "Aparência na busca" e inserir o bloco ou shortcode no tema. Shopify tem o breadcrumb em boa parte dos temas e apps para o JSON-LD. Webflow e Wix expõem um componente de breadcrumb com a marcação embutida. Depois de publicar, cole a URL no Teste de pesquisa aprimorada do Google e confira se "Navegações estruturadas" aparece como item detectado.

O NN/g é direto em uma das suas 11 diretrizes: breadcrumb é desnecessário em sites de um ou dois níveis. Casos concretos:

Site de uma página (landing page, página de evento). Não há hierarquia para mostrar.
Blog com posts direto na raiz (/blog/nome-do-post). A trilha seria "Início > Blog > Post" em todas as páginas, e "Blog" já está no menu. Este blog é um exemplo: os artigos vivem em /blog/, e a navegação secundária é feita por cluster e por links no texto.
Aplicativo web em que a navegação é por tarefa, não por categoria. Um painel de métricas não tem "acima".
Página inicial. Breadcrumb na home é só a palavra "Início" sem link.

Onde ele faz falta: loja com categorias e subcategorias, portal de documentação, site institucional com áreas e subáreas, marketplace, portal de notícias com editorias. Regra prática: se a pessoa pode chegar a uma página por busca e não saber "de que parte do site" ela é, o breadcrumb responde isso.

Marcação sem breadcrumb visível. O JSON-LD descreve uma trilha que não está na página. Vai contra as diretrizes gerais de dados estruturados do Google, que exigem que a marcação reflita conteúdo visível.
Trilha espelhando a URL técnica. Início > c > 12 > p > 4471. É o caso em que a recomendação do Google de usar um "caminho típico do usuário" se aplica: a trilha deve ter nomes de categoria, não segmentos de URL.
Último item com link para a própria página. O NN/g pede a página atual como último item, sem link. Link para si mesmo confunde leitores de tela e não leva a lugar nenhum.
Trilha que muda a cada visita. Breadcrumb por histórico marcado como BreadcrumbList gera trilhas diferentes para a mesma URL, o oposto do "caminho típico do usuário" que a documentação pede.
Alvo de toque pequeno no celular. Os links de breadcrumb costumam ser texto miúdo. O NN/g recomenda alvo de toque de pelo menos 1 cm em telas de toque.
Esquecer de conferir no Search Console. O relatório "Navegações estruturadas" (em inglês, Breadcrumbs), dentro de Melhorias, lista os erros de marcação por página. Trilha com item sem name ou sem position aparece ali.

Conclusão

Breadcrumb é a trilha que mostra onde a página está na hierarquia do site, ajuda a pessoa a subir um nível e, com a marcação BreadcrumbList, permite ao Google exibir a estrutura no lugar da URL em desktop e gera links internos consistentes em escala. O tipo hierárquico resolve sites de conteúdo, serviço e institucionais; loja com filtros ganha com um "voltar aos resultados" ao lado. O próximo passo é colar a URL de uma página de categoria do seu site no Teste de pesquisa aprimorada e ver se a marcação de navegação estruturada aparece sem erro.

Perguntas frequentes

Breadcrumb e menu são a mesma coisa?

Não. O menu é a navegação principal e mostra as áreas do site a partir de qualquer página; o breadcrumb é navegação secundária e mostra o caminho da home até a página atual. Um site pode ter os dois, e o breadcrumb não substitui o menu: ele só mostra o caminho até a página atual, não as outras áreas do site.

O breadcrumb precisa começar com "Início"?

Não é obrigatório. O exemplo oficial da documentação do Google começa na primeira categoria ("Books"), sem a home. O NN/g recomenda incluir a home como primeiro item por clareza para o usuário. As duas formas são aceitas na marcação; escolha uma e mantenha em todo o site.

Por que meu breadcrumb não aparece no Google pelo celular?

Porque a exibição em celular foi encerrada em janeiro de 2025, e isso não é sinal de erro. Para confirmar que a marcação continua válida, cole a URL no Teste de pesquisa aprimorada: se a navegação estruturada aparece como detectada sem erro, está tudo certo, e o breadcrumb segue aparecendo em desktop e sendo usado pelo Google para entender a hierarquia.

Breadcrumb conta como link interno?

Conta. Cada item da trilha é um link da página atual para uma página-mãe, com texto-âncora igual ao nome da categoria. Em sites grandes, é uma fonte de links internos com âncora consistente que cresce sozinha, porque acompanha cada página nova sem trabalho manual.

Posso ter mais de um breadcrumb na mesma página?

Pode. A documentação do Google diz que uma página pode ter várias trilhas quando pertence a duas hierarquias ou mais, como um produto que está em "Tênis > Corrida" e em "Promoções > Setembro". Cada trilha vai num BreadcrumbList separado. Na página visível, mostre a principal e evite empilhar trilhas.