Por que os Breadcrumbs são importantes para SEO?

A navegação Breadcrumb mostra aos usuários o caminho que eles seguiram para se aprofundar na estrutura do seu site e oferece uma maneira fácil de retornar às páginas visitadas anteriormente. Graças aos breadcrumbs, os usuários têm a chance de encontrar conteúdo relevante mais rapidamente.

Breadcrumbs também podem afetar positivamente seus rankings de SEO e devem ser incluídos em sua estratégia de links internos.

O que são breadcrumbs e quais sites devem usá-los?

Breadcrumbs são um sistema de navegação local que mostra ao usuário sua localização no site. Normalmente, você pode encontrá-los na parte superior da página, logo acima do título ou da imagem principal. Eles assumem a forma de uma pequena trilha de texto com hiperlinks para páginas visitadas anteriormente, por exemplo, Home > Blog > Knowledge Base.

O nome desse tipo de navegação vem do conto de fadas alemão de João e Maria, que encontrou uma forma criativa de evitar se perder na floresta.

Assim como as crianças estavam espalhando migalhas de pão no caminho para encontrar o caminho de volta para casa, um site exibe migalhas de pão digitais permitindo que o usuário retorne à página inicial ou à página da categoria escolhida a qualquer momento.

Breadcrumbs são úteis, especialmente em sites grandes com conteúdo organizado hierarquicamente. Eles não serão necessários em sites pequenos, onde todas as subpáginas estão no mesmo nível, e os usuários podem pular para qualquer um deles a partir da página inicial.

Às vezes, também faz sentido usar breadcrumbs para navegar pelos usuários por meio de processos de várias etapas – exibir etapas para solicitar o envio de produtos ou criar uma nova conta em uma plataforma, permitindo que o usuário volte e faça correções.

Benefícios do breadcrumbs para seus usuários

Não é surpresa que o objetivo dos breadcrumbs seja principalmente melhorar a experiência do usuário. Eles são convenientes para uma pessoa que se aprofundou na estrutura do site e se perdeu no caminho. Se eles forem longe demais, eles podem voltar com um único clique em vez de ter que ler todo o menu principal.

A navegação por trilha pode afetar positivamente a taxa de rejeição do seu site. Isso porque acaba sendo muito prático para quem acabou de entrar na sua página diretamente dos resultados de busca.

Graças aos breadcrumbs, o usuário pode descobrir rapidamente onde está e se a página está inserida em uma categoria correspondente ao tópico de seu interesse. Portanto , é mais provável que eles explorem mais em vez de voltar para a página de resultados de pesquisa.

Artigos da indústria de SEO enfatizam repetidamente que o Google pode exibir caminhos de navegação como resultados avançados em SERPs, mostrando ao usuário exatamente onde eles vão parar no site depois de clicar no link. Essa aparência atrai a atenção dos usuários e os incentiva a visitar o site.

Não muito tempo atrás, você precisava usar breadcrumbs e marcá-los com dados de estrutura para obter esse resultado rico. Atualmente, no entanto, isso é mais complicado. Em abril de 2015, o Google começou a quebrar automaticamente os URLs das páginas para exibi-las no formato breadcrumbs.

Portanto, na verdade, não é necessário usar migalhas de pão e ainda obter esse tipo de resultado aprimorado. Mas ao usar breadcrumbs, você garante que o Google o exiba no formato desejado. Para obter mais informações, consulte a seção “Implementing Breadcrumb Schema Markup” deste artigo.

Os breadcrumbs podem melhorar sua visibilidade na Pesquisa Google?

Há um aspecto fundamental para o porquê das migalhas de pão serem úteis do ponto de vista de SEO. Breadcrumbs criam uma oportunidade para links internos adicionais, que podem melhorar a rastreabilidade do seu site.

Com mais links internos, suas páginas ficam mais fáceis de serem descobertas e acessadas pelo Googlebot. O advogado de pesquisa do Google, John Mueller, confirmou o efeito positivo das migalhas de pão na rastreabilidade.

Usamos breadcrumbs para rastrear (encontrar links internos) e para resultados avançados (dados estruturados).

fonte: John Mueller

Além disso, os links usados ​​na navegação breadcrumb podem passar o valor do PageRank, de acordo com um tweet de Gary Illyes , analista de tendências do Google Webmaster.

Tipos de pão ralado

Imagine que você administra uma loja de comércio eletrônico com diferentes tipos de chá e acessórios para prepará-lo. Existem três tipos distintos de breadcrumbs comumente usados ​​que você pode aplicar ao seu site. A escolha de implementar apenas alguns ou todos eles depende das especificidades de seu site e das necessidades de seus usuários.

Breadcrumbs baseados em hierarquia

Breadcrumbs baseados em hierarquia ou localização informam ao usuário sua posição na arquitetura do site. Eles começam com a categoria mais geral e mostram uma de suas ramificações selecionadas pelo usuário. Quando um cliente regular visita o site da sua loja de chá e pesquisa chás verdes com frutas secas, sua trilha de pão hierárquica baseada em hierarquia ficará assim:

Home > Chás > Chás verdes > Chás verdes com frutas secas

Se seu cliente concluir que prefere chá verde puro, ele poderá retornar rapidamente a uma página de categoria mais alta na hierarquia e ramificar sua pesquisa para outros produtos. Esse tipo de navegação breadcrumb é o mais comum, pois os usuários o acham muito intuitivo.

Também é considerado o mais eficaz para fins de SEO, pois é baseado em uma estrutura de site clara e subpáginas indexáveis. Embora todos os tipos de breadcrumbs forneçam links internos valiosos, por meio de breadcrumbs baseados em hierarquia, os rastreadores do Google não apenas descobrem novos URLs, mas também conhecem melhor a arquitetura do site.

Importante, breadcrumbs baseados em hierarquia são os mais fáceis de se adaptar à sua estratégia de indexação. Você pode encontrar mais informações sobre isso na seção “Breadcrumbs and indexing strategy”.

Breadcrumbs dinâmicos ou baseados em atributos

Breadcrumbs baseados em atributos ou dinâmicos são adequados para um site de comércio eletrônico. Eles são convenientes quando um único produto pertence a algumas categorias separadas, o que é difícil de ilustrar com breadcrumbs baseados em hierarquia.

Imagine que um cliente visitou o site da sua loja de chá com o pensamento: “Preciso de um grande pacote de chá preto e com sabor de morango”. Nesse cenário, a trilha de navegação se concentra nos atributos do produto em vez dos títulos das páginas e pode ter esta aparência:

Home > Chás > Tamanho do pacote > Tipo > Sabor

Os breadcrumbs dinâmicos podem utilizar filtros fornecidos ao usuário para restringir sua pesquisa. Combinados com breadcrumbs baseados em localização, eles podem ter esta aparência:

Home > Chás > Chás pretos [Tamanho: grande] , [Sabor: morango]

Essas migalhas facilitam ainda mais a busca pelo produto certo porque os usuários podem desativar os filtros sem alterar a página da categoria.

Breadcrumbs baseados em histórico

As migalhas de pão baseadas na história ou no caminho são a forma mais antiga de migalhas de pão e se assemelham com a história de Hansel e Gretel com mais precisão. Eles mostram todas as páginas que o usuário visitou até agora, do primeiro ao último.

Se o usuário acessar seu site por meio de um artigo de blog sobre a tradição de preparar chá amarelo, clicar no link do bule em destaque e quiser ver todos os bules disponíveis, a trilha de migalhas com base no histórico ficaria assim:

Tradições do chá amarelo > Bule modelo 1 > Bules

Os sites raramente usam breadcrumbs baseados em histórico hoje em dia, pois se tornam caóticos e aleatórios em algumas situações. No entanto, eles podem ser realmente úteis quando combinados com breadcrumbs baseados em hierarquia. Em nosso exemplo, breadcrumbs que mesclam hierarquia e histórico podem ficar assim:

< Voltar \ Você está em: Home > Acessórios > Bules > Bule modelo 1

Breadcrumbs baseados em histórico, neste caso, são reduzidos a um botão voltar simples, mas útil. O usuário saberá sua localização exata e ainda poderá retornar à postagem do blog.

migalhas de pão à vista

Enquanto as trilhas de navegação regulares são apenas uma trilha de links que ajudam o usuário a voltar de onde começaram, as trilhas de navegação antecipadas se expandem em uma lista de categorias de mesmo nível.

Ao interagir com eles, o usuário pode visualizar categorias alternativas para navegar. Eles podem, portanto, mudar para páginas ainda não visitadas. Vamos nos ater ao exemplo em que você administra uma loja de chá online. As trilhas de navegação antecipadas em seu site podem ter esta aparência:

Home > Chás > Chás pretos
> Chás verdes
> Chás amarelos
> Chás vermelhos
> Chás brancos

Como essa funcionalidade adicional está intimamente relacionada às categorias e estrutura do site, as trilhas de navegação antecipadas quase sempre são baseadas em hierarquia.

Pesquisadores da Dalhousie University Halifax, no Canadá, realizaram um estudo em setembro de 2005 para ver se valia a pena desenvolver essa nova ideia de navegação. Ele mostrou que os usuários apreciam as migalhas de pão antecipadas quando instruídos sobre sua operação.

Vinte e três dos vinte e seis participantes afirmaram que, depois de se voluntariarem para um estudo, retrospectivamente preferem migalhas de pão antecipadas às regulares.

Você é livre para experimentar migalhas de pão de antecipação em seu site, já que muitas páginas implementam essa solução hoje.

Erros mais comuns na implementação de breadcrumbs

Apesar dos muitos benefícios que trazem, migalhas de pão mal projetadas podem acentuar a falta de cuidado de um site com os usuários. Como garantir que essa ferramenta geralmente útil não funcione contra você?

Substituindo a navegação principal por migalhas de pão

Breadcrumbs bem projetados são algo para se orgulhar, mas você nunca deve torná-los a navegação principal do seu site. Os usuários têm seus hábitos, e alguns deles, apesar da conveniência, não usam breadcrumbs.

Breadcrumbs é um sistema de navegação local, enquanto o menu principal é o sistema de navegação global mais típico. Em termos práticos, isso significa que eles servem a propósitos diferentes. O menu principal dá aos usuários uma ideia de quão grande e complexo é seu site, o que eles não podem deduzir apenas de migalhas de pão.

Usuários sobrecarregados com muitas opções de navegação

A migalha de pão deve ser sempre subsidiária da navegação principal. Embora você possa pensar que fornecer as duas opções aos usuários seja redundante, isso esclarece a arquitetura do seu site. No entanto, infelizmente, também é possível exagerar na direção oposta.

Alguns sites implementam navegação secundária separada para subpáginas de nível inferior. Tal solução permite limitar o menu principal às seções mais importantes do site. Só aí o usuário pode conhecer com mais detalhes o conteúdo.

Imagine uma loja de chás online imaginária cuja navegação principal permite que o usuário visite as principais categorias de produtos: chás de várias cores, acessórios para cerveja e mel.

Após entrar na categoria “Chás Verdes”, o usuário é apresentado à navegação secundária dedicada a esta seção. Agora eles podem escolher entre chás verdes de diferentes países e plantações – em muitos casos, isso pode ser uma solução benéfica.

No entanto, se o menu principal, a navegação secundária e as migalhas de pão forem colocados lado a lado, esse grande número de links se tornará confuso e inutilizável.

Como os breadcrumbs ajudam a diagnosticar problemas com a estrutura do site?

Uma coisa que sem dúvida torna o breadcrumbs menos prático é se a trilha for muito longa porque perde a legibilidade e se torna confusa.

O que você deve fazer quando há muitas migalhas de pão em uma subpágina? Mover alguns deles para uma nova linha ou substituí-los por reticências? Nada disso parece uma ótima ideia.

Uma trilha de migalhas perturbadoramente longa não é um problema em si, mas uma evidência de uma estrutura de site ineficaz. Se você tem esse problema, pergunte a si mesmo se realmente precisa de tantos níveis em sua hierarquia.

Além disso, breadcrumbs ajudam a identificar nomes de categorias ineficazes e enigmáticos.

Imagine que você administra um eCommerce com todos os tipos de chá. Você tem um vasto conhecimento sobre o chá e pode descrever seu sabor de maneira precisa – essas duas habilidades são visíveis na maneira como você cria seu conteúdo.

Suponha que um cliente em potencial esteja procurando um novo chá preto para tentar encontrá-lo em uma de suas páginas de produtos. Lá eles verão a seguinte trilha de migalhas de pão:

Home > Chás > Chás pretos > Adstringente > Sabor de chá preto 1

Há um item que deve chamar sua atenção. Uma pessoa não familiarizada com o vocabulário profissional do chá pode não entender o que é um sabor adstringente. É improvável que naveguem nessa categoria ininteligível e cliquem no link.

Vale a pena considerar se a palavra “adstringente” deve descrever uma categoria separada de chás pretos ou se poderia ser simplesmente uma etiqueta para distinguir alguns deles.

Breadcrumbs e estratégia de indexação

Como forma de link interno, breadcrumbs aumentam a chance de o Google encontrar e indexar suas páginas. Sem isso, eles não podem aparecer nos resultados da pesquisa.

Mas isso significa que a indexação é sempre uma coisa boa? Infelizmente, todo site pode conter algumas páginas de baixa qualidade. Sua presença no índice é indesejável para que o Google não forme uma opinião negativa sobre todo o site com base neles. Vamos explorar este tópico com um exemplo.

Imagine uma loja de chá online com uma janela de pesquisa de pontos de venda fixos. O usuário pode entrar em seu local de residência e verificar se pode comprar algum chá de sua marca favorita nas proximidades. Eles encontrarão alguns endereços válidos para grandes cidades, mas se morarem em uma pequena vila, verão uma lista vazia. Ou apenas uma pequena loja.

Se um usuário decidir visitar o site desta loja, sua trilha de migalhas de pão pode ter esta aparência:

Home > Encontre a nossa loja > Pequena aldeia > Pequena loja de chá

O terceiro item tem links para a página, o que é inútil do ponto de vista de SEO. Tem apenas o nome da aldeia e a referência a um único ponto de venda.

Esse tipo de página não deve desperdiçar o orçamento de rastreamento do Google porque, como spam potencial, pode diminuir a classificação de toda a página. Portanto, não deve haver nenhum link interno apontando para ele. O que, então, com migalhas de pão?

Existem várias soluções para este problema. Você poderia omitir a aldeia inteiramente das migalhas de pão da pequena loja. Você também pode implementar regiões maiores, como estados ou condados, na pesquisa. Em seguida, o usuário pode usar a navegação breadcrumb para retornar da página da pequena loja à lista de pontos de venda úteis que cobre toda a região.

Práticas recomendadas para navegação em breadcrumb

A implementação de breadcrumbs é uma ótima oportunidade para melhorar a experiência do usuário do seu site e torná-lo mais amigável para os robôs dos mecanismos de busca. Vamos discutir alguns desafios que você pode enfrentar ao projetar um esquema de navegação breadcrumb para seu site.

Como tornar o breadcrumbs intuitivo para os usuários?

Para a maioria dos sites, o design de breadcrumbs deve girar em torno do uso de soluções às quais os usuários já estão acostumados. Aqui estão algumas regras que você pode querer seguir:

• Localize seus breadcrumbs no topo de uma página, logo abaixo da navegação principal;
• Sempre comece suas trilhas de pão com a página inicial e termine com a página exibida no momento;
• Faça suas migalhas de pão alinhadas à esquerda;
• Use fonte pequena e discreta. Breadcrumbs não deve ser o primeiro elemento a atrair a atenção do usuário em uma página.
• Ao usar setas ou sinais de maior que para separar links uns dos outros, aponte-os para a direita. Embora usemos breadcrumbs para voltar a categorias superiores, o objetivo das setas é denotar hierarquia.

Como dar às migalhas de pão um estilo original?

Boas migalhas de pão são sutis. Seguir as instruções acima não significa, no entanto, que sua navegação deva ter a mesma aparência de qualquer outra página. Você ainda pode fazer muitas coisas para destacar seu site:

• Você pode substituir os populares sinais de maior que por barras, guillemets ou dois pontos, o que melhor se adequar ao seu estilo;
• Você pode rejeitar apenas a navegação baseada em texto e colocar seus links dentro de formas simples que enfatizam a hierarquia e se integram bem com o resto do seu design;
• Em breadcrumbs para processos de várias etapas, você pode rotular seus links com números para facilitar o rastreamento do procedimento pelo usuário.

Como projetar migalhas de pão para visualização móvel?

Implementar breadcrumbs para usuários móveis pode parecer um desafio porque, no celular, cada centímetro de espaço na tela vale seu peso em ouro. Você não quer que seu conteúdo principal seja empurrado para baixo por uma navegação desnecessariamente grande. Por esse motivo, alguns portais abrem mão de breadcrumbs na visualização mobile. É um prejuízo significativo para o usuário porque a navegação eficaz é ainda mais crítica em dispositivos pequenos.

Existem algumas maneiras inteligentes de criar migalhas de pão bacanas para usuários móveis. Podes tentar:

• Marcar o link para a página inicial com um emoji de casa;
• Dando aos usuários a possibilidade de varrer migalhas de pão da esquerda para a direita se a trilha for muito longa;
• Não mostrar o nome da página em que o usuário está e fornecer um link simples de volta para a categoria superior.

Implementando marcação de esquema de trilha de pão

Depois de fornecer a seus usuários trilhas de navegação intuitivas, deixe-as claras também para os mecanismos de pesquisa. Para isso, você pode marcar os fragmentos de breadcrumb relevantes com dados estruturados. Na seção a seguir, discutiremos os benefícios e a implementação do esquema BreadcrumbList.

Por que aplicar dados estruturados na navegação de breadcrumbs?

Dados estruturados , que você pode implementar com Schema Markup ou outros métodos, são informações adicionais para o Google que você pode colocar no código do seu site. Pode ser uma grande ajuda para os bots do Google entenderem o conteúdo da sua página e trazer outros benefícios.

Imagine que você possui uma loja de chá online e publicou uma instrução para preparar chá branco em uma página de produto. Você pode usar dados estruturados para mostrar ao mecanismo de pesquisa qual parte do texto está relacionada à temperatura da água ou ao tempo de preparo. Portanto, o Google poderá exibir seu conselho de preparo de chá como um resultado avançado com a temperatura e o tempo de preparo em destaque.

Graças aos resultados avançados, as páginas se destacam na SERP, o que pode aumentar significativamente sua taxa de cliques. Um tipo de resultado aprimorado é um fragmento rico do Breadcrumb que mostra ao usuário para qual local na estrutura do site ele irá após clicar no link.

Você deve ter notado que, há algum tempo, o Google exibiu uma forma de trilha de navegação para todos os snippets de pesquisa, independentemente de os proprietários do site usarem ou não os dados estruturados da trilha de navegação. Então, ainda é necessário incluir dados estruturados na navegação breadcrumb?

Não. Mas ele concede a você algum controle sobre o que o Google exibirá em seus snippets de pesquisa. Se o Google não encontrar migalhas de pão em sua página, ele quebrará o URL, supondo que ele siga uma estrutura lógica e reflita a hierarquia do seu site. Mas nem sempre é assim; mesmo que seja, os URLs são tipicamente menos orientados para humanos do que migalhas de pão.

Esquema BreadcrumbList em seu código

Abaixo está um exemplo de aplicação de dados estruturados a uma trilha de migalhas de pão em uma loja de chá online com os seguintes elementos: Home > Chás > Chás Pretos.

 {

"@context": "https://schema.org",

"@type": "BreadcrumbList",

No início, indicamos que o formato de nossos dados estruturados é um vocabulário de marcação de esquema retirado de schema.org . Em seguida, definimos o item de contêiner “BreadcrumbList”, que contém todos os elementos de nossa trilha de breadcrumbs.

 "itemListaElemento":

A marcação acima, “itemListElement”, sinaliza que estamos começando a listar os breadcrumbs individuais na ordem correta.

 [{

"@type": "ListItem",

"posição": 1,

"nome": " Casa ",

"item": "https://yourteastore.com"

},{

"@type": "ListItem",

"posição": 2,

"nome": " Chás ",

"item": "https://yourteastore.com/teas"

},{

"@type": "ListItem",

"posição": 3,

"name": " Chás Pretos ",

"item": "https://yourteastore.com/teas/blackteas"

}]

}

Marcamos cada um dos breadcrumbs individuais como “ListItem” e descrevemos suas posições, nomes e os links que eles contêm.

Empacotando

Breadcrumbs são um esquema de navegação secundário que permite aos usuários rastrear sua localização atual no site. Eles formam um pequeno caminho de link no topo da página. Distinguimos:

• Breadcrumbs baseados em hierarquia focados na arquitetura de um site;
• Breadcrumbs baseados em atributos usados ​​principalmente em sites de comércio eletrônico. Eles se concentram nas características do produto que podem ser importantes para os usuários;
• Breadcrumbs baseados em histórico focados em uma ordem temporal em que os usuários visitaram as subpáginas.

Breadcrumbs melhoram a experiência do usuário e podem diminuir a taxa de rejeição. Eles também podem contribuir para uma melhor visibilidade do site nos resultados da Pesquisa Google, melhorando os links internos. Complementá-los com dados estruturados pode tornar seu site mais atraente na SERP e mais compreensível para algoritmos de mecanismos de pesquisa.