EspañolGerador de breadcrumb (trilha de navegação) com schema
Escreva o caminho da página, do início até a atual. O código traz a trilha visível e os dados estruturados juntos.
Trilha de navegação para o site e para o Google
Disponível em: 
Gerador de breadcrumb (trilha de navegação) com schema: para que serve
O breadcrumb, ou trilha de navegação, mostra o caminho da página atual dentro do site, como Início › Produtos › Camisetas, e ajuda tanto quem visita quanto o Google.
Escreva o caminho e o gerador monta a trilha visível com nav, lista ordenada e aria-current na página atual, com o separador e a cor que você escolher, e os dados estruturados BreadcrumbList com os endereços completos, que permitem ao Google mostrar o caminho do site no resultado da busca.
Como usar
- Informe o domínio do site.
- Escreva o caminho da página inicial até a atual.
- Copie o HTML, o CSS e o JSON-LD.
Quando usar
- Páginas de produto em loja virtual.
- Artigos de blog dentro de categorias.
- Sites com várias seções de serviços.
Perguntas frequentes
Para que serve o breadcrumb?
Mostra onde a pessoa está no site (Início › Produtos › Camisetas) e deixa voltar um nível com um toque. No Google, os dados BreadcrumbList fazem o resultado mostrar o caminho do site em vez do endereço cru.
O último item precisa de link?
Não. O último item é a página atual: ele aparece como texto com aria-current=page. Nos dados estruturados, o Google aceita o último item sem o campo item (endereço).
Preciso usar endereços completos?
Nos links da trilha, endereços relativos (/produtos) funcionam. No JSON-LD use o endereço completo com https e domínio; a ferramenta monta isso a partir do domínio que você informar.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.