O que são Breadcrumbs e como eles afetam o SEO?

Publicados: 2021-11-15

Quando se trata de SEO, muitas vezes você se depara com novos termos.

Um desses termos é 'Breadcrumbs' .

Você pode não saber o que são migalhas de pão, mas deve tê-las visto em sites.

Aqui está um exemplo de uma migalha de pão:

Exemplo de um Breadcrumb em SEO

Breadcrumbs ajudam os usuários e rastreadores de mecanismos de pesquisa a navegar em seu site com facilidade.

Mas você sabia que além da experiência do usuário, o breadcrumbs também pode ajudar a melhorar o SEO do seu site?

É verdade, desde que você as implemente da maneira certa .

É isso que você aprenderá neste post, junto com:

  • O que são Breadcrumbs em SEO
  • Quais são os diferentes tipos de pão ralado
  • Como o Breadcrumbs impacta o SEO
  • Como adicionar migalhas de pão ao seu site WordPress
  • Quais são as melhores práticas para pão ralado

O que são Breadcrumbs em SEO?

Breadcrumbs ajudam os usuários a rastrear seu caminho em um site, começando da página inicial até a página atual.

A maioria dos sites coloca migalhas de pão no topo de uma página para navegação rápida.

Esta imagem mostra meu caminho da página inicial para a página atual (ou seja, Receitas):

Breadcrumbs no exemplo de SEO

Se eu quiser voltar atrás, posso fazer isso mais rápido do que clicar várias vezes no botão Voltar.

Além de melhorar o UX do seu site, as migalhas de pão ajudam seu SEO porque o Google as exibiu nas SERPs.

SERPs do Google mostram trilhas de navegação

Embora o Google faça isso para melhorar a qualidade dos resultados, há mais sobre como as migalhas de pão afetam o SEO do que uma pequena adição aos resultados de pesquisa.

Mas antes de discutirmos isso, vamos saber um pouco mais sobre breadcrumbs.

Quais são os diferentes tipos de pão ralado?

Os sites escolhem breadcrumbs com base em sua interface do usuário. Então, aqui estão três dos tipos mais comuns de breadcrumbs que a maioria dos sites usa:

1. Breadcrumbs baseados em hierarquia ou localização

Breadcrumbs baseados em hierarquia são uma representação da estrutura do site. Eles ajudam os usuários a navegar na hierarquia do seu site e entender seus níveis.

Cada link de texto à esquerda está um nível acima do link de texto à direita. Veja como 'Larsen e Toubro' faz isso.

Breadcrumbs com base em hierarquia ou localização

2. Breadcrumbs baseados em atributos ou palavras-chave

Breadcrumbs baseados em atributos são mais úteis para sites de comércio eletrônico. Eles listam as categorias (ou tags) específicas de uma determinada página ou principalmente dos produtos.

Cada categoria é um link de texto, que os usuários podem usar para navegar no site.

Breadcrumbs baseados em atributos ou em palavras-chave

3. Breadcrumbs baseados em caminho ou histórico

Os breadcrumbs baseados em caminho exibem as páginas que um usuário visitou para chegar a uma página específica.

Eles são gerados dinamicamente, dependendo das etapas realizadas por um usuário. Você pode pensar neles como uma trilha de história.

Como os usuários podem rastrear facilmente as páginas visitadas anteriormente com o botão Voltar, esse tipo de trilha está lentamente se extinguindo.

Hoje em dia, eles são combinados com outros tipos de breadcrumbs para a melhor experiência do usuário. Veja como Wayfair os usa.

Breadcrumbs baseados em caminho ou histórico

Como o Breadcrumbs impacta o SEO?

Até agora, você deve ter uma boa ideia sobre migalhas de pão e seus tipos.

Mas, qual é o propósito de usá-los para SEO?

Vamos descobrir.

1. Breadcrumbs aprimoram a experiência do usuário

Breadcrumbs servem como um auxílio de navegação para os usuários. Eles ajudam os usuários a explorar níveis mais altos do site e os incentivam a navegar em outras páginas do seu site.

Por exemplo, você está visualizando os Desktops EliteDesk no site da HP. Ao navegar, você pensou em ver os outros Business Desktops também.

Breadcrumbs impulsionam o UX

Usando a trilha de navegação, você pode facilmente visitar a categoria Business Desktops no site da HP. E isso também em um único clique.

Não é conveniente e sem complicações?

2. O Google adora migalhas de pão

Breadcrumbs ajudam os spiders de pesquisa a entender a estrutura e o conteúdo do seu site. Eles ajudam a contextualizar e categorizar as páginas do seu site para consultas de pesquisa relevantes.

Além disso, o Google mostra migalhas de pão no lugar do link permanente da página nos SERPs. Ele ajuda os usuários a ter uma ideia sobre o conteúdo do seu site e a tomar decisões informadas.

Breadcrumbs em SERPs do Google

Então, o Google adora migalhas de pão. Eles não apenas aprimoram a qualidade da pesquisa, mas também aprimoram a experiência de pesquisa.

3. Breadcrumbs aumentam a retenção de usuários

Breadcrumbs ajudam os usuários a visitar outras páginas em seu site com facilidade, rapidez e facilidade. Assim, eles incentivam e mantêm os usuários iniciantes em seu site por um longo tempo.

Por exemplo, você está navegando por cupons de remédios no GrabOn. Você encontra os cupons, mas deseja ver quais outras ofertas estão disponíveis no momento.

Breadcrumbs aumentam a retenção de usuários.

Usando o breadcrumb, você pode visitar a página inicial e ver todas as ofertas ativas.

Agora, isso aumenta a retenção de usuários do GrabOn. E tudo por causa daquelas migalhas de pão!

4. Links Internos de Ajuda do Breadcrumbs

Os especialistas em SEO recomendam vincular todos os links do seu site entre si. Além disso, as páginas de nível superior devem ter mais links apontando para elas.

Isso significa que os links da página inicial para categorias, categorias para subcategorias e subcategorias para produtos.

Ajuda do Breadcrumbs Links Internos

Usando breadcrumbs, você pode obter uma forte estrutura de links internos.

Eles ajudarão os rastreadores a navegar e indexar suas páginas mais rapidamente. Além disso, eles permitem que você passe o link juice para as páginas certas.

Como adicionar migalhas de pão ao seu site WordPress?

Depois de conhecer os benefícios de SEO dos breadcrumbs, você deve estar pensando em adicioná-los ao seu site.

Se for esse o caso, você está no lugar certo.

Você pode adicionar breadcrumbs a sites WordPress usando um plugin (SEO by Yoast, Breadcrumb NavXT, etc.) ou codificando-o manualmente.

1. Usando SEO pelo plug-in Yoast

Yoast SEO é um plugin WordPress popular usado para otimizar os parâmetros de SEO na página.

Ele inclui vários outros recursos para melhorar a visibilidade do seu site, incluindo breadcrumbs.

Para usá-lo, instale e ative o plugin.

Em seguida, navegue até a guia Breadcrumbs do plug- in Yoast SEO .
Habilite o recurso breadcrumb alternando a opção para 'habilitado'.

Usando Yoast SEO para adicionar migalhas de pão

As configurações padrão funcionarão bem para a maioria dos sites, mas você pode personalizá-las, se necessário.

Depois de definir as configurações, clique em 'Salvar alterações'.

Há mais um passo depois disso. As trilhas de navegação serão exibidas em seu site quando você adicionar um pequeno código ao cabeçalho.

Código para adicionar no cabeçalho

2. Usando o plug-in Breadcrumb NavXT

Breadcrumb NavXT é outro plugin popular para adicionar breadcrumbs no WordPress.

O plugin gratuito é compatível com o WordPress 3.0 e superior. Ele torna a exibição de breadcrumbs bastante simples, fornecendo um widget de trilha de breadcrumb.

Você pode adicionar o widget em áreas preferidas do seu site WordPress e escolher onde colocá-los de acordo com o tema do seu site.

Os passos são simples. Instale e ative o plug-in. Navegue até Configurações e clique em BreadcrumbNavXT para configurá-lo.

Embora as configurações padrão funcionem bem para a maioria dos sites, você pode personalizar tudo de acordo com suas necessidades.

Como usar o plugin Breadcrumb NavXT

Quando você personaliza os breadcrumbs, você precisa adicionar um pequeno código ao cabeçalho do seu site para torná-los visíveis em seu site.

Código Breadcrumb para o widget NavXT

3. Usando o plug-in WooCommerce

Se você administra um site de comércio eletrônico desenvolvido pelo WooCommerce, adicionar migalhas de pão a ele é muito conveniente.

Você precisa instalar e ativar o plugin WooCommerce Breadcrumbs.
Navegue até Configurações e selecione WC Breadcrumbs para adicionar links de navegação ao seu site.

Usando o plugin WooCommerce Breadcrumbs

Configure sua trilha de navegação e marque a caixa de seleção para ativar as trilhas de navegação. Ele mostrará migalhas de pão em seu site.

4. Codificando você mesmo

Se você não quer usar plugins ou está enfrentando dificuldades em usá-los, você pode seguir o caminho manual.

Você pode adicionar breadcrumbs ao seu site usando tags HTML comuns.

Código HTML para breadcrumbs

Geralmente, os administradores da web evitam seguir esse caminho.

Isso porque eles precisam adicionar o código HTML do breadcrumb para cada página onde desejam que ele apareça manualmente.

Quais são as melhores práticas para pão ralado?

Breadcrumbs são fáceis de implementar. Mas, a maioria das pessoas comete erros ao adicioná-los ao site.

Para uma implementação eficaz do breadcrumb, você deve seguir as práticas recomendadas:

1. Torne seu Breadcrumbs compatível com dispositivos móveis.

A maioria dos usuários visita seu site por meio de dispositivos móveis. Portanto, é essencial manter a trilha de navegação visível em dispositivos móveis.

Você deve se certificar de que é legível e clicável e, ao mesmo tempo, não deve ocupar espaço desnecessário na tela.

Breadcrumbs compatíveis com dispositivos móveis

2. Mostre todo o caminho em sua trilha de migalhas de pão.

Uma trilha incompleta de migalhas não serve ao propósito. Se você omitir determinadas páginas na hierarquia do seu site, isso confundirá seus usuários.

Você deve exibir todos os níveis do site na trilha de navegação. Os usuários acham fácil explorar seu site e rastrear seus passos de volta à página inicial quando todo o caminho estiver visível.

3. Progresso de níveis mais altos para níveis mais baixos.

Quase todos os usuários estão familiarizados com o fluxo de páginas na trilha de navegação. Em tal cenário, mudar o normal seria um grande erro.

Portanto, certifique-se de que a navegação do breadcrumb flua da esquerda para a direita.

O primeiro link à esquerda deve ser sua página inicial (nível superior). E o último link à direita deve ser a página ativa do usuário (nível inferior).

4. Não inclua um link para a página ativa.

Como o usuário não precisa navegar até a página ativa, não faz sentido adicionar um link. Isso só criaria confusão e prejudicaria a experiência do usuário.

Portanto, você deve ignorar a adição de um link à página atual (ou à página que o usuário está visualizando). Mas, mantenha o título da página atual na trilha de navegação.

Não vincular a página ativa

5. Adicione a marcação do esquema Breadcrumb ao seu site.

Sabendo que o Google está exibindo breadcrumbs nas SERPs, é importante implementar a marcação do esquema breadcrumb em seu site.

Adicionar o esquema de trilha de navegação ao seu site ajuda o Google a entender melhor a estrutura e o conteúdo da sua página.

Para adicionar a marcação do esquema breadcrumb (dados estruturados) à sua página, você deve usar o esquema BreadcrumbList.

Ele contém um ItemList, uma série de páginas interligadas em um site, descritas usando seus URLs e terminando com a página atual.

As propriedades necessárias na lista de itens são item, nome e posição.

Propriedades obrigatórias do esquema breadcrumb

O código HTML para marcação do esquema breadcrumb será assim:

Código html de marcação Breadcrumb

A implementação do Breadcrumbs usando um plug-in de SEO adicionará automaticamente o esquema do breadcrumb ao seu site.

Mas se você fizer isso manualmente, precisará adicionar o esquema manualmente a cada uma de suas páginas.

Certifique-se de aprender mais sobre dados estruturados e marcação de esquema para criar melhor visibilidade.

Pensamentos finais

Breadcrumbs são ótimos para a experiência do usuário, não apenas no seu site, mas também nas SERPs. Eles são amigáveis ​​para SEO, ajudando os rastreadores a contextualizar e categorizar o conteúdo do seu site.

Portanto, você não deve pensar duas vezes sobre habilitar trilhas de navegação em seu site. Certifique-se de seguir as melhores práticas e fazê-lo corretamente .

Que tipo de farinha de rosca você usa? Que impacto eles tiveram no SEO do seu site? Deixe-nos saber seus pensamentos nos comentários.