O breadcrumb é uma trilha de navegação secundária exibida numa página web, indicando a posição do utilizador na hierarquia do site: Início > Eletrónica > Smartphones > iPhone 15. O que parece um simples componente UX desempenha um papel SEO significativo: reforça a ligação interna, ajuda os motores de busca a compreender a arquitetura do site e permite obter um rich snippet nos SERPs do Google — o URL técnico é substituído por um caminho de navegação legível diretamente nos resultados de pesquisa.
Tipos de breadcrumbs
Existem três tipos de breadcrumbs. Os breadcrumbs baseados na localização (os mais comuns) refletem a posição da página na hierarquia do site: Início > Categoria > Subcategoria > Produto. Os breadcrumbs baseados no caminho mostram o percurso de navegação real do utilizador, que pode diferir da hierarquia estrutural — menos útil para SEO pois varia por utilizador. Os breadcrumbs baseados em atributos são usados em páginas de resultados filtrados: Início > Roupa > Vermelho > Tamanho M — relevantes para lojas e-commerce com navegação por facetas.
Benefícios SEO dos breadcrumbs
- Ligação interna natural: cada breadcrumb cria links internos para páginas pai, reforçando o seu PageRank
- Compreensão da arquitetura: o Google usa breadcrumbs para mapear a estrutura do site e identificar páginas-chave
- Rich snippets nos SERPs: o URL técnico é substituído pelo caminho Início > Categoria > Produto nos resultados do Google
- Redução da taxa de rejeição: utilizadores que chegam a páginas profundas podem navegar para cima na hierarquia sem usar o botão voltar
- Melhoria do CTR: os resultados com breadcrumbs nos SERPs são mais legíveis e tendem a atrair mais cliques
Marcação BreadcrumbList: implementar o rich snippet
Para obter o rich snippet de breadcrumb no Google, é necessário implementar o schema BreadcrumbList em JSON-LD. A estrutura é uma lista de elementos ListItem, cada um com: @type ListItem, position (número de ordem começando em 1), name (texto exibido para esse nível, ex. Eletrónica) e item (URL absoluto da página pai). O último elemento da lista — a página atual — não precisa de URL pois é a própria página. O Google exibe então nos SERPs: Início › Eletrónica › Smartphones em vez do URL técnico.
Breadcrumb exibido no Google
Boas práticas de implementação
Um breadcrumb eficaz segue algumas regras fundamentais: começar sempre pela página inicial (como link clicável), usar texto legível em vez de apenas imagens ou ícones, refletir a estrutura real dos URLs (coerência entre o URL /mulher/vestidos/verao e o breadcrumb Mulher > Vestidos > Vestidos de Verão), ser mobile-friendly (não truncado em ecrãs pequenos), e usar separadores tipográficos claros (›, /, >). Breadcrumbs com mais de 4-5 níveis podem ser truncados no mobile — preferir arquiteturas de URL com no máximo 3-4 níveis.
Breadcrumbs no PrestaShop
O PrestaShop inclui um módulo de breadcrumb nativo (ps_breadcrumb) que gera automaticamente a trilha de navegação nas páginas de produto, categoria e CMS, seguindo a hierarquia de categorias. O markup Schema.org BreadcrumbList está incluído no tema padrão (Classic) desde o PrestaShop 1.7.5. No entanto, dependendo do tema utilizado, a qualidade do markup pode variar. Para verificar que o seu markup está correto, use a ferramenta Rich Results Test do Google numa página de produto da sua loja.