SEO
Breadcrumbs: o que são, tipos e como usar no SEO
Entenda de forma simples e prática como a trilha de navegação (migalhas de pão) ajuda seus visitantes a encontrar o que precisam, melhora a experiência do usuário e contribui para o SEO do seu site.
01
O que são breadcrumbs?
Breadcrumbs, ou migalhas de pão, são uma trilha de navegação que mostra onde o usuário está dentro da estrutura do site e permite voltar facilmente para páginas anteriores.
O nome vem da história de João e Maria, que deixavam migalhas de pão para encontrar o caminho de volta.
Exemplo na prática
02
Os 3 tipos de breadcrumbs
Existem três tipos principais, cada um com um objetivo diferente. Veja como funcionam e quando usar.
1. Breadcrumbs de localização (hierárquicos)
Mostra a hierarquia da página dentro da estrutura do site.
2. Breadcrumbs de atributos
Mostra filtros ou características selecionadas pelo usuário.
3. Breadcrumbs de histórico
Representa o caminho percorrido pelo usuário no site.
03
Como os breadcrumbs ajudam o SEO e os usuários
Os breadcrumbs não são um fator isolado de ranqueamento, mas contribuem para uma melhor experiência de navegação, ajudam os mecanismos de busca a entenderem a estrutura do site e podem aparecer nos resultados do Google.
Melhor experiência do usuário
Facilita a navegação, reduz a taxa de rejeição e ajuda o visitante a encontrar o que precisa.
Ajuda os mecanismos de busca
Mostra a hierarquia do site e reforça a estrutura das páginas.
Pode aparecer no Google Search
Quando implementado com dados estruturados, pode ser exibido nos resultados de pesquisa.
Fortalece os links internos
Distribui autoridade entre as páginas e reforça a navegação do site.
04
Exemplos em sites reais
Veja como os breadcrumbs aparecem em diferentes tipos de sites.
Site de serviços
Blog
E-commerce
Seu site está fácil de navegar?
A equipe da IRD2 analisa seu site e identifica oportunidades de melhoria em SEO, navegação e conversão.
Solicitar diagnóstico gratuito05
Como implementar breadcrumbs
Existem diferentes formas de implementar, dependendo da tecnologia do seu site. Veja os exemplos mais comuns.
No WordPress
O caminho mais comum é um plugin de SEO. O Yoast SEO é o exemplo abaixo: a trilha passa a sair no tema sem escrever o HTML na mão.
Usando o Yoast SEO (WordPress)
- 1 Instale e ative o plugin Yoast SEO.
- 2 Vá em Aparência > Personalizar > Breadcrumbs.
- 3 Ative a opção “Ativar breadcrumbs”.
- 4 Configure as opções de exibição e salve.
- 5 Os breadcrumbs serão exibidos automaticamente nas páginas.
Código HTML
A trilha visível é uma lista de links. O último item é a página atual e não leva a lugar nenhum. O exemplo JSON-LD logo abaixo descreve essa mesma trilha.
Dados estruturados
O BreadcrumbList descreve o caminho que a pessoa vê. Isso não garante posição melhor nem um resultado especial no Google. A trilha da página e o código precisam ser os mesmos.
Exemplo de código (JSON-LD)
1{ 2 "@context": "https://schema.org", 3 "@type": "BreadcrumbList", 4 "itemListElement": [ 5 { 6 "@type": "ListItem", 7 "position": 1, 8 "name": "Início", 9 "item": "https://ird2.com.br/"10 },11 {12 "@type": "ListItem",13 "position": 2,14 "name": "Blog",15 "item": "https://ird2.com.br/blog/"16 },17 {18 "@type": "ListItem",19 "position": 3,20 "name": "SEO",21 "item": "https://ird2.com.br/blog/o-que-e-seo/"22 },23 {24 "@type": "ListItem",25 "position": 4,26 "name": "Breadcrumbs",27 "item": "https://ird2.com.br/blog/breadcrumbs-o-que-sao/"28 }29 ]30}