o que s√£o, quais os impactos no SEO e como usar

Acompanhe as novidades e ultimas postagens.

Não deixe o usuário perdido: esse é um dos princípios de usabilidade na web. Todo site deve se preocupar em orientar os visitantes sobre onde estão, que caminho percorreram e para onde podem ir. E sabe o que pode ajudar bastante nisso? Breadcrumbs!

Quem trabalha com SEO j√° deve conhecer o termo breadcrumbs. Quem est√° chegando agora ‚ÄĒ e entende um pouquinho de ingl√™s ‚ÄĒ deve estar se perguntando: o que ‚Äúmigalhas de p√£o‚ÄĚ t√™m a ver com marketing digital.

√Č isso que vamos explicar neste artigo. Aqui, voc√™ vai entender que os breadcrumbs situam o usu√°rio sobre a sua localiza√ß√£o dentro do site e melhoram a sua navega√ß√£o na web.¬†

Acompanhe agora para saber tudo sobre eles!

O que s√£o breadcrumbs?

exemplo de breadcrumbs site extra

Breadcrumbs s√£o trilhas de p√°ginas de um site, geralmente com links, que mostram o caminho at√© o conte√ļdo que o usu√°rio est√° visitando. Geralmente, aparecem no topo do site, logo abaixo do cabe√ßalho, com o objetivo de situar e orientar o usu√°rio na sua navega√ß√£o.

Se você acessar a página de venda de um smartphone em um e-commerce, pode ser que os breadcrumbs apareçam assim: Telefones e Celulares > Smartphones > Iphones. Em geral, é com esse aspecto que você vai encontrar breadcrumbs na maioria dos sites.

Dependendo do tipo de breadcrumbs, eles podem mostrar o caminho que o usuário percorreu até chegar àquela página ou onde ela se encontra na categorização do site. Assim, eles funcionam como um auxílio à navegação do usuário, já que orientam sobre a sua localização no site e a hierarquia das páginas e categorias.

E voc√™ j√° entendeu o porqu√™ desse termo ‚Äúbreadcrumbs‚ÄĚ? Em ingl√™s, significa ‚Äúmigalhas de p√£o‚ÄĚ, em alus√£o ao conto de Jo√£o e Maria, que deixavam migalhas de p√£o √† medida que entravam na floresta para saberem o caminho de volta.

Na história, os pássaros comem as migalhas, e João e Maria se perdem. Mas, na web, a ideia é que o usuário possa encontrar o caminho de volta e navegue pelo site em busca do que deseja.

Para que servem os breadcrumbs?

Breadcrumbs servem para orientar o usuário em um site, de acordo com a sua hierarquia de categorias ou caminhos para chegar até uma página.

Ao tra√ßar esse caminho, o site oferece tamb√©m novas possibilidades de navega√ß√£o e pesquisa para os usu√°rios, que podem voltar a p√°ginas que visitaram ou acessar as p√°ginas de categorias e subcategorias, a fim de pesquisar novos conte√ļdos ou produtos.

Dessa forma, os breadcrumbs servem também para estimular que os visitantes naveguem mais pelo site e conheçam outras páginas.

Isso contribui n√£o apenas para a experi√™ncia do usu√°rio, mas tamb√©m para as estrat√©gias de SEO on-page do site, j√° que fortalecem a linkagem interna e melhoram os sinais do usu√°rio, como a redu√ß√£o da taxa de rejei√ß√£o e o aumento no n√ļmero de p√°ginas visitadas.

Qual a import√Ęncia dos breadcrumbs para a navega√ß√£o na web?

Os breadcrumbs ajudam a cumprir alguns princípios de usabilidade na web que melhoram a experiência de navegação.

Breadcrumbs evitam que o usu√°rio precise pensar muito ou perder tempo para executar o que deseja. Eles oferecem uma op√ß√£o simples e clara para navegar pelo site, pesquisar outros conte√ļdos e voltar em p√°ginas que j√° visitou, sem precisar memorizar a hierarquia do site ou procurar por esses links em outro lugar.

Outro princ√≠pio importante que os breadcrumbs cumprem √© a consist√™ncia: geralmente eles est√£o posicionados no mesmo lugar, logo abaixo do cabe√ßalho do site. √Č f√°cil encontr√°-los e reconhec√™-los em qualquer p√°gina, o que traz mais seguran√ßa, agilidade e facilidade para a navega√ß√£o.

Como os breadcrumbs ajudam no SEO?

Os breadcrumbs contribuem para a experiência do usuário, mas como eles ajudam nas estratégias de SEO?
Simplesmente por melhorarem o UX de um site, os breadcrumbs já ajudam na otimização para os buscadores. O Google entende quando um site oferece uma boa experiência, e valoriza isso no rankeamento.

Mas vamos entender melhor agora os principais pontos que explicam a import√Ęncia dos breadcrumbs para o SEO.

Orienta√ß√£o para usu√°rios e rob√īs

Breadcrumbs orientam usu√°rios e rob√īs sobre a arquitetura da informa√ß√£o. √Č poss√≠vel entender a categoriza√ß√£o e o n√≠vel de autoridade das p√°ginas dentro da hierarquia do site.

No SEO, isso √© importante para que os rob√īs entendam como funciona o dom√≠nio e quais p√°ginas s√£o mais importantes. Assim, eles podem otimizar seus esfor√ßos no rastreamento e no rankeamento.

Exibição no snippet da SERP

Outra contribuição importante dos breadcrumbs para o SEO é que eles costumam aparecer no snippet das páginas nos resultados da busca. Dessa forma, eles contribuem para aumentar a taxa de cliques da página na SERP. 

Mas nada garante que o Google escolha os breadcrumbs que você definiu, ok? O buscador pode usar outra lógica para exibi-los no snippet.

Os breadcrumbs não apenas informam a hierarquia das categorias, mas também incluem links nelas. Dessa forma, o usuário pode navegar por links internos do domínio.

Isso ajuda o Google a identificar sinais positivos da experi√™ncia do usu√°rio na p√°gina, como a redu√ß√£o da taxa de rejei√ß√£o. Al√©m disso, os links internos melhoram a rastreabilidade do site, j√° que acionam outros caminhos para o rob√ī percorrer e encontrar novos conte√ļdos.

Quais s√£o os tipos de breadcrumbs?

Voc√™ pode trabalhar com diferentes tipos de breadcrumbs no seu site. Tudo vai depender do perfil de navega√ß√£o da sua persona (como ela costuma navegar pelos conte√ļdos na web) e da melhor forma de organizar a informa√ß√£o. Vamos ver agora as possibilidades:

Por hierarquia

Breadcrumbs baseados em hierarquia provavelmente s√£o os mais usados. Um exemplo dessa estrutura seria:

exemplo de breadcrumbs no site banca do ramon

Home > Produto > Categoria > Subcategoria

Eles informam onde você está dentro da estrutura de hierarquia do site, além de quantas e quais etapas existem se você quiser voltar até a página inicial.

Costuma ser usado também por sites maiores, com mais de dois níveis de estrutura de links, de maneira que o usuário consiga se localizar e se movimentar pelo site mais facilmente.

Por caminho

Breadcrumbs baseados em caminho fazem jus à analogia com as migalhas de pão. Esse tipo de estrutura informa quais passos o usuário seguiu até chegar à página atual. Seria assim:

exemplo de breadcrumbs no site decatlhon

P√°gina inicial > P√°gina anterior > P√°gina atual

Na prática, breadcrumbs por caminho funcionam como um histórico da navegação do usuário. Assim, ele pode facilmente voltar alguns passos se quiser. Embora não seja tão comum, esse tipo de breadcrumb pode ser usado em sites altamente complexos, que oferecem vários caminhos para se chegar a uma mesma página.

Por atributos

Breadcrumbs baseados em atributos geralmente s√£o usados em sites de e-commerce ou que oferecem filtros de pesquisa para os usu√°rios. Nesse caso, os breadcrumbs apresentam todos os atributos selecionados na pesquisa. Por exemplo:

exemplo de breadcrumbs no site magazine luiza

Página inicial > Moda > Masculino > Calçados > Tênis

Nesse tipo de breadcrumb, o usuário pode não apenas navegar pelas páginas de categorias, mas também visualizar e explorar os filtros que utilizou na pesquisa.

Como implementar breadcrumbs em um site?

Existem diferentes maneiras de implementar breadcrumbs em um site. Como eles j√° s√£o bastante comuns nos sites, muitos temas de editores de sites j√° incluem breadcrumbs no layout ‚ÄĒ voc√™ s√≥ precisa configurar as op√ß√Ķes de apar√™ncia.

Al√©m disso, existem plugins de WordPress que permitem inserir breadcrumbs facilmente no seu site. O Yoast SEO, por exemplo, oferece suporte para esse recurso. Veja abaixo um exemplo das configura√ß√Ķes de breadcrumbs desse plugin:

exemplo de como o breadcrumbs pode ser adicionado
Fonte: Yoast SEO

No entanto, se você utiliza outro CMS para editar o site, pode ser necessário utilizar outras ferramentas para isso ou até adicionar breadcrumbs manualmente. 

Nesse caso, √© importante contar com um profissional da √°rea ou ter conhecimentos t√©cnicos mais avan√ßados em programa√ß√£o para fazer altera√ß√Ķes no site sem causar maiores problemas.

Em geral, o Google entende os breadcrumbs configurados por plugins e os exibe nos snippets da busca ‚ÄĒ o que n√£o √© garantido, principalmente se o Google achar melhor exibi-los de outra forma.

Mas, se voc√™ usar dados estruturados para configurar os breadcrumbs, a compreens√£o dos rob√īs √© aprimorada, e voc√™ tem mais chances de exibi-los corretamente nos snippets. Para mais orienta√ß√Ķes, confira a documenta√ß√£o do Google sobre dados estruturados de breadcrumbs.

6 dicas de implementação de breadcrumbs no seu site

Vamos ver agora algumas dicas para implementar breadcrumbs com eficiência no seu site. Acompanhe:

1. Utilize breadcrumbs em sites maiores

Se voc√™ tem um site com poucas ou at√© apenas uma p√°gina, talvez n√£o valha a pena investir nos breacrumbs. Eles n√£o fazem muito sentido quando a estrutura √© pequena ‚ÄĒ o usu√°rio consegue se localizar facilmente e as p√°ginas est√£o a um clique de dist√Ęncia da p√°gina inicial.

Por outro lado, sites maiores e com estrutura mais complexa demandam breadcrumbs para facilitar a navegação do usuário. Então, se você tem dois ou mais níveis de categorias no site, invista neles.

2. Atenda √†s necessidades do seu p√ļblico

Para decidir qual tipo de breadcrumbs usar, pense nas necessidades do seu p√ļblico. Como as pessoas navegam pelo seu site? Como elas pesquisam? O que elas buscam?

Com essas respostas, você pode decidir se é melhor usar os breadcrumbs baseados em hierarquia, caminho ou atributos, além de organizar melhor a informação e a categorização do site.

3. Organize os breadcrumbs

Na maioria dos casos, os sites utilizam os breadcrumbs por hierarquia, que refletem a categorização do site. Então, organize primeiramente as categorias do site, pensando nas necessidades e comportamentos dos seus visitantes e nas seguintes dicas:

  • N√£o exagere no n√ļmero de n√≠veis de breadcrumbs (em geral, procure n√£o passar de quatro n√≠veis de categoria);
  • Padronize a nomenclatura das p√°ginas e categorias (por exemplo, se usar cal√ßados femininos, utilize tamb√©m cal√ßados masculinos, em vez de sapatos);
  • Certifique-se de que os breadcrumbs sejam exibidos em uma ordem l√≥gica (do n√≠vel mais alto, que √© a p√°gina inicial, at√© o n√≠vel mais baixo, que √© a p√°gina atual);
  • Insira links apenas nas p√°ginas anteriores (na p√°gina atual, n√£o √© necess√°rio, pois o usu√°rio j√° est√° nela).

4. Utilize um design simples

Como a localização dos breadcrumbs já é padronizada na web (geralmente abaixo do cabeçalho), o usuário já sabe onde encontrá-los. Então, eles não precisam chamar atenção, não devem distrair o olhar do visitante nem devem se confundir com o menu de navegação principal.

Portanto, apenas insira os breadcrumbs na identidade visual da p√°gina, com as cores, as fontes e o tamanho adequados. Al√©m disso, procure utilizar o s√≠mbolo ‚Äú>‚ÄĚ como separador, j√° que √© um padr√£o j√° facilmente reconhec√≠vel pelos usu√°rios.

5. Espelhe os breadcrumbs na URL

A trilha da navegação que os breadcrumbs apresentarem deve ser espelhada na URL da página. Por exemplo: se os breadcrumbs exibiram a seguinte trilha: Home > Blog > Categoria > Post, a URL deve ter a seguinte estrutura: exemplo.com/blog/categoria/post.

Nem sempre √© poss√≠vel seguir a mesma estrutura, que muitas vezes se torna longa demais para a URL. Mas essa orienta√ß√£o √© importante para transmitir informa√ß√Ķes consistentes ao usu√°rio nesses dois campos da p√°gina.

6. Faça testes A/B

Fa√ßa testes A/B para definir as melhores escolhas de layout e texto dos breadcrumbs. Se voc√™ est√° em d√ļvida sobre o tamanho da fonte, por exemplo, fa√ßa um teste para saber qual tamanho gera mais cliques dos usu√°rios.

Existem plugins e ferramentas, como o SplitSignal, que v√£o ajud√°-lo a fazer isso.

Exemplos de breadcrumbs em sites da web

Vamos ver agora alguns exemplos de breadcrumbs em sites reais da web. Se voc√™ come√ßar a observar, ver√° como √© comum utiliz√°-los e como eles podem ajudar na pesquisa por produtos e conte√ļdos.

Primeiramente, veja este exemplo das Lojas Renner. Na página de venda de uma blusa feminina em linho, você pode ver que os breadcrumbs apresentam a sequência de categorias e subcategorias em que o produto se encontra:

exemplo de breadcrumb no site da renner

Início > Feminino > Blusas e camisetas > Manga curta > Blusa em linho com recorte

Podemos ver tamb√©m que os breadcrumbs s√£o usados no snippet do Google. Por√©m, nem sempre s√£o exibidos de forma completa ‚ÄĒ tudo depende de como o buscador entende que √© melhor exibi-los.

No caso dessa p√°gina de produto, o buscador n√£o exibe toda a sequ√™ncia de categorias, que ficaria muito longa. Mas, como mostramos abaixo, exibe a subcategoria mais espec√≠fica em que a blusa se encontra ‚ÄĒ ‚ÄúManga curta‚ÄĚ ‚ÄĒ, o que fornece mais uma informa√ß√£o ao usu√°rio na busca.

exemplo serp com snippet da renner

Vale a pena observar também o exemplo de uma página de categoria, desta vez no e-commerce da Dafiti. Os breadcrumbs da página de botas da marca Amaro são apresentados assim:

exemplo de breadcrumb no site da amaro

Início > Feminino > Calçados Femininos > Botas > Bota Cano Curto > Amaro

Perceba que as categorias estão organizadas por hierarquia e vão se tornando mais específicas até chegar à marca das botas. Isso se reflete também na estrutura da URL, que apresenta as principais categorias e subcategorias: dafiti.com.br/calcados-femininos/bota-cano-curto/amaro/

No snippet da SERP, o Google também exibe um resumo dos breadcrumbs, com a categoria principal e a marca:

exemplo serp com breadcrumb da dafiti

Os breadcrumbs j√° se tornaram um dos padr√Ķes da web e muitos usu√°rios j√° esperam encontr√°-los nos sites e us√°-los como uma forma de navega√ß√£o. Ent√£o, se voc√™ n√£o tiver breadcrumbs no site, pode dificultar a experi√™ncia de alguns visitantes do seu site, mesmo n√£o sendo o recurso principal de navega√ß√£o.

Por mais que a usabilidade da web evolua, os breadcrumbs tendem a continuar sendo usados porque facilitam a navegação de muita gente e já fazem parte da sua forma de explorar a web.

Enfim, os breadcrumbs s√£o um aux√≠lio relevante para a navega√ß√£o e pesquisa dos usu√°rios, mas tamb√©m para orientar os rob√īs e fortalecer as estrat√©gias de SEO. Agora, aproveite para ler sobre outro recurso que ajuda na otimiza√ß√£o do seu site: os sitemaps!

Fonte

Compartilhar:

Deixe um coment√°rio

Categorias
Assinar por e-mail

Digite seu endere√ßo de e-mail para assinar e receber notifica√ß√Ķes de novas publica√ß√Ķes por e-mail.

Estatísticas do blog
  • 53.077 Views

20% DE

 DESCONTO

BLACK

NOVEMBER

Cupom válido até 01/12/2023 ou até durarem os estoques.
V√°lido somente para novos assinantes.

CUPOM:  

BLACK2023

Desconto v√°lido nos planos MENSAIS para Hospedagem Cloud, Revenda Plesk e Email Profissional. Desconto ser√° aplicado durante 12 meses no plano de assinatura mensal.