O que são breadcrumbs e por que eles são importantes para SEO? #ÚltimasNotícias #tecnologia

Breadcrumbs são um recurso de navegação para seu site e podem impactar muito o SEO e a experiência do usuário.

Muitos sites ainda não implementam breadcrumbs, o que é um erro enorme. Breadcrumbs não só impactam o SEO, mas também são bem fáceis de implementar.

Veja o que você precisa saber sobre breadcrumbs, como eles impactam o SEO e erros comuns a serem evitados.

O que são breadcrumbs em SEO?

Breadcrumbs são links internos automatizados que permitem aos usuários rastrear sua localização em um site e sua distância da página inicial.

Normalmente, você os encontrará no topo de um site ou logo abaixo da barra de navegação.

Assim como links internos, eles ajudam a manter os usuários em um site e os ajudam a encontrar as informações que estão procurando. Se eles se sentirem desorientados, eles podem usar links de trilha de navegação para subir um nível e continuar sua jornada no site em vez de clicar no botão de voltar do navegador.

Aqui está um exemplo de trilhas de navegação do site do eBay:

Captura de tela do eBay, junho de 2024

Ele mostra exatamente em quais categorias cliquei para chegar à página que estou visualizando.

As trilhas de navegação facilitam o retorno a uma página anterior, se necessário.

4 tipos comuns de migalhas de pão

Nem todas as migalhas de pão são criadas iguais!

Existem quatro tipos principais de farinha de rosca, cada um com sua finalidade.

Antes de adicionar trilhas de navegação ao seu site, determine qual tipo será mais adequado para a experiência do usuário.

1. Breadcrumbs baseados em hierarquia (também conhecidos como breadcrumbs baseados em localização)

O tipo mais comum de trilha de navegação que informa aos usuários onde eles estão na estrutura do site e como retornar à página inicial.

Por exemplo: Início > Califórnia > São Francisco

Captura de tela de cars.com, junho de 2024

2. Breadcrumbs baseados em atributos

Esses breadcrumbs são comumente usados ​​em sites de comércio eletrônico para mostrar em quais atributos o usuário clicou.

Por exemplo: Início > Calçados > Caminhada > Feminino

Captura de tela do eBay, junho de 2024

Observe como o eBay lida de forma inteligente com trilhas de navegação para atributos quando a trilha é muito longa.

Ele mostra os últimos três itens após a página inicial e trunca os anteriores em um menu de três pontos; você pode ver todos os itens anteriores no menu de navegação ao clicar.

3. Breadcrumbs para a frente ou para a frente

Esse tipo de trilha de navegação não apenas mostra o caminho atual do usuário na hierarquia de um site, mas também fornece uma prévia dos próximos passos que ele pode seguir.

Aqui está um exemplo do site Statista, que ilustra o quão útil ele pode ser ao dar aos usuários uma prévia de outras seções da subseção.

Captura de tela do Statista, junho de 2024

4. Breadcrumbs baseados em história

Esse tipo de trilha de navegação raramente é usado e mostra aos usuários quais outras páginas do site eles visitaram, semelhante a um histórico do navegador.

Por exemplo, se você estivesse pesquisando notícias de SEO e lesse três artigos diferentes, o breadcrumb poderia ser assim: Início > Artigo de SEO 1 > Artigo de SEO 2 > Página atual.

Mas eu recomendo evitar isso porque pode confundir os usuários. Os usuários podem navegar para o mesmo destino por diferentes jornadas, o que significa que você mostrará uma estrutura de breadcrumb diferente a cada vez, confundindo os usuários.

Além disso, você não pode marcar com esquemas como breadcrumbs e se beneficiar de resultados avançados devido à sua natureza aleatória.

3 Benefícios de Usar Breadcrumbs

Tudo isso parece ótimo, você está pensando.

Mas o que as migalhas de pão realmente fazem?

Se você não tem certeza se as migalhas de pão valem a pena (spoiler, elas valem mesmo!), então você vai querer ler a seção abaixo.

1. Breadcrumbs melhoram a UX

Os breadcrumbs facilitam a navegação dos usuários em um site e os incentivam a navegar por outras seções.

Por exemplo, se você quiser saber mais sobre a Nestlé, acesse o site e será direcionado para a página com a história da empresa Nestlé.

Captura de tela da Nestlé, junho de 2024

Usando o breadcrumb, você pode navegar facilmente de volta para Sobre nós, Histórico ou até mesmo para sua página inicial.

É uma maneira prática de ajudar os usuários a encontrar facilmente o que procuram e, quem sabe, atraí-los mais profundamente para o seu site.

2. Mantenha as pessoas no local por mais tempo

A taxa de rejeição não é um fator de classificação. Mas impedir que os usuários rejeitem ainda pode ajudar o SEO, pois ajuda os usuários a clicar e navegar pelo site, um sinal de engajamento que o Google usa para fins de classificação.

Digamos que você esteja procurando um novo par de tênis no site da Adidas.

Captura de tela da Adidas, junho de 2024

Usando o breadcrumb da Adidas, você pode facilmente voltar para a categoria de botas e procurar um par diferente.

Isso é ótimo para a Adidas porque provavelmente evitará que você volte ao Google e acabe em outro site de calçados.

Esse é o poder da humilde migalha de pão!

Um estudo de caso no Moz mostra o que aconteceu quando ele adicionou trilhas de navegação a um site e fez diversas outras alterações.

As sessões aumentaram drasticamente em apenas alguns meses.

Captura de tela do Moz, junho de 2024

É verdade que eles também adicionaram meta descrições e eliminaram alguns outros problemas de UX, mas as trilhas de navegação também desempenharam um papel.

3. Breadcrumbs melhoram a vinculação interna

Breadcrumbs não são apenas um utilitário de navegação; eles desempenham um papel crucial no aprimoramento da estrutura de links internos de um site. O Google usa breadcrumbs para determinar o relacionamento entre diferentes páginas que estão mais profundamente na estrutura do site.

Ao implementar a marcação de dados estruturados do breadcrumbs, você pode ajudar os mecanismos de busca a entender a arquitetura do site.

Ler: Estrutura do site e links internos em SEO: por que é importante

4. Rich Snippets em SERPs

Conforme discutido, os breadcrumbs facilitam a navegação no site, mas eles fazem muito mais do que isso, pois o Google exibe rich snippets nos resultados da pesquisa.

Captura de tela do Google.com

Mas isso não acontece até que você marque seus breadcrumbs com dados estruturados para que o Google possa capturá-los e exibi-los nas páginas de resultados dos mecanismos de busca (SERP).

Aqui está um JSON-LD dados estruturados exemplo de código para um breadcrumb que corresponde ao rich snippet da captura de tela:

[{
"@context": "
  "@id": " 
  "@type": "BreadcrumbList",
    "itemListElement": [
    {
       "@type": "ListItem",
       "position": 1,
       "item":   "@id": "      
       "name": "Home"       
   },
   {
       "@type": "ListItem",
       "position": 2,
       "item": "
       "name": "Real estate"
  },
  {
       "@type": "ListItem",
       "position": 3,
       "item": "
       "name": "Paris"
  },
  {
      "@type": "ListItem",
      "position": 4,
      "item": "
      "name": "Apartment"
   },
  {
     "@type": "ListItem",
     "position": 5,
     "item": "
     "name": "Affordable rentals Paris"      
    }
   ]
}]

Aqui está uma análise de cada atributo no esquema JSON-LD de navegação.

Observe que você não pode enganar o Google tendo dados estruturados no site sem ter um breadcrumb real visível para os usuários.

Se o Google detectar tais manipulações, violando as diretrizes do Google, você pode receber uma penalidade manual. No entanto, isso não causa uma queda nas classificações, mas seu site não será elegível para nenhum tipo de rich snippets nos resultados de pesquisa.

Portanto, a regra de ouro é que toda marcação de esquema que você tem no site precisa existir na página e ser visível aos usuários.

4 erros comuns ao usar breadcrumbs para SEO

Implementar breadcrumbs é uma maneira simples de melhorar o SEO de um site e fornecer uma melhor experiência do usuário.

No entanto, às vezes, implementar breadcrumbs pode causar mais danos do que benefícios.

Aqui estão alguns erros de navegação que você deve evitar.

1. Não vá muito grande ou muito pequeno – Mire no tamanho certo

As migalhas de pão devem ser fáceis de ver, mas discretas.

Uma fonte um pouco menor é suficiente, mas um texto muito pequeno será difícil de ver e clicar em dispositivos móveis.

Posicione-os no topo da página, abaixo da imagem do herói ou logo acima do título H1 para que sejam fáceis de encontrar.

2. Não repita apenas sua barra de navegação

Se os breadcrumbs apenas duplicarem o que já está na sua barra de navegação, eles podem não servir para mais nada.

Não há necessidade de adicionar mais codificação (e ocupar espaço!) se isso não ajudar.

3. Não troque sua barra de navegação por breadcrumbs

Embora você não queira repetir a navegação, também não quer depender inteiramente de trilhas de navegação.

Eles servem como um suplemento, não como um substituto para outros recursos de navegação.

4. Use o tipo certo de farinha de rosca

Os breadcrumbs de localização são o tipo mais comum, mas podem não ser a melhor escolha para o seu site.

Não use trilhas de localização se o seu site não usar uma estrutura aninhada onde a maioria das páginas se enquadra em algumas categorias.

Nesse caso, trilhas de navegação baseadas em histórico podem ser mais benéficas.

Como implementar breadcrumbs no WordPress

Os breadcrumbs são um elemento de navegação incrivelmente útil tanto para usuários quanto para mecanismos de busca — e são fáceis de adicionar ao seu site.

Aqui estão algumas maneiras de adicionar esses recursos úteis ao seu site.

Captura de tela do Yoast SEO, junho de 2024

• Use Yoast SEO: Se você já usa o Yoast, adicionar breadcrumbs levará apenas alguns passos. Basta fazer login e seguir estes passos para implementar breadcrumbs.
• Plugins do WordPress: Se você usa WordPress, há vários plugins que podem adicionar breadcrumbs em algumas etapas. Eu gosto do Breadcrumb NavXT porque ele é fácil de implementar e gera breadcrumbs de localização que podem ser personalizados conforme necessário.
• Plugin de trilha de navegação WooCommerce: Se você tem um site de comércio eletrônico que usa o Woocommerce, considere usar o plugin breadcrumb, que permite que você redefina os breadcrumbs integrados do WooCommerce.

Por fim, seu criador de sites ou tema WordPress pode ter um recurso de trilha de navegação integrado.

Os sites Shopify, Wix ou Squarespace têm recursos integrados que você pode habilitar na página de configurações.

Breadcrumbs são uma maneira fácil de entender de navegar no seu site

Pense na farinha de rosca como a manteiga do seu pão. O Kermit para sua Miss Piggy. O molho animal para seu hambúrguer In N’ Out.

Você entendeu.

Os breadcrumbs são uma mudança simples que pode ajudar seu site a se destacar na página de resultados de pesquisa.

Embora não garantam um aumento significativo nos SERPs, eles são úteis tanto para usuários quanto para mecanismos de busca.

Como bônus adicional, os breadcrumbs são fáceis de implementar usando um plugin como o Yoast.

Com apenas alguns cliques, você pode tornar seu site mais fácil de navegar e talvez ter uma classificação mais alta nos SERPs.

Mais recursos:

Imagem em destaque: BestForBest/Shutterstock