Breadcrumbs são trilhas de navegação que indicam o caminho percorrido pelo usuário dentro de um site. Localizados geralmente no topo da página, logo abaixo do cabeçalho, ajudam visitantes a entender sua posição na hierarquia do site e facilitam o retorno a categorias anteriores. Do ponto de vista do SEO, melhoram a indexação, a experiência do usuário e a estrutura de linkagem interna.
Breadcrumbs são elementos visuais e funcionais que exibem o caminho hierárquico até a página atual. Exemplo: Início > Produtos > Eletrônicos > Smartphones. Cada item (exceto o último) costuma ser clicável. O nome remete ao conto de João e Maria, em que os personagens deixavam migalhas para encontrar o caminho de volta — analogia perfeita para navegação web.
Eles servem como um guia de navegação, orientando o usuário sobre sua posição e facilitando o retorno a seções anteriores. Além disso, ajudam a explorar categorias relacionadas e reduzem a frustração de navegação em sites com estruturas profundas. Um bom breadcrumb reduz cliques desnecessários, aumenta a permanência no site e contribui para a percepção de organização e profissionalismo.
Os mecanismos de busca, como o Google, valorizam páginas com boa estrutura e usabilidade. Breadcrumbs contribuem com esse processo de diversas formas:
Escolher o tipo certo depende da estrutura do site e do comportamento do usuário. Abaixo, os principais formatos utilizados:
É o mais comum. Mostra onde a página atual está dentro da estrutura do site. Exemplo: Home > Blog > SEO > Breadcrumbs.
Registra o trajeto real feito pelo usuário, independentemente da hierarquia. Exemplo: Página A > Página B > Página C. Útil em sistemas complexos, mas menos previsível.
Usado em e-commerces com filtros aplicados. Exemplo: Início > Moda > Masculino > Camisetas > Tamanho G. Reflete os atributos ativos na página.
Para que os mecanismos de busca interpretem corretamente a estrutura de navegação, é fundamental o uso de dados estruturados. Eles ampliam a visibilidade e favorecem a compreensão do conteúdo por parte dos buscadores.
Dados estruturados, como JSON-LD, ajudam o Google a entender melhor os elementos de um site. No caso dos breadcrumbs, permitem que o buscador exiba a trilha nos resultados de busca. Essa visibilidade extra pode aumentar o CTR da página.
Além disso, breadcrumbs fazem parte da arquitetura da informação e funcionam como reforço para a categorização já indicada no sitemap.xml.
A implementação pode variar de acordo com a tecnologia do site. A seguir, destacamos os métodos mais comuns e suas respectivas características.
Plugins como Yoast SEO e Rank Math permitem adicionar breadcrumbs com poucos cliques. Basta ativar a função nas configurações e definir onde serão exibidos no tema.
É possível codificar manualmente a trilha usando div class=”breadcrumb” e marcadores como > ou ». A estrutura básica inclui links nas páginas anteriores e o nome da página atual sem link.
Outros CMSs podem exigir ajustes manuais, inserção de trechos de código em templates ou suporte de desenvolvedores.
Utilizar os padrões de marcação recomendados pelo Google aumenta a chance de exibição nos snippets. A documentação oficial do Google traz modelos prontos para isso.
Implementar breadcrumbs sem planejamento pode prejudicar a navegação e o SEO. É necessário seguir boas práticas para garantir sua funcionalidade e consistência.
Ver exemplos práticos ajuda a visualizar como os breadcrumbs funcionam em diferentes contextos e setores.
Nos snippets do Google, eles podem aparecer como: Blog > SEO Técnico, melhorando a aparência da página nos resultados de busca.
Embora sejam úteis, breadcrumbs não são indicados para todos os tipos de site. Em alguns casos, sua presença pode confundir o usuário ou ser irrelevante.
Nesses casos, os breadcrumbs podem confundir mais do que ajudar.
