Já aconteceu de você navegar até um produto em um site e depois querer explorar outras opções dentro da mesma categoria? Uma das formas mais simples de fazer isso é usando a navegação por breadcrumbs (migalhas de pão), que mostra o caminho que você percorreu dentro do site.

Por exemplo, imagine que você está procurando um aspersor de jardim. Durante a busca, você decide explorar mais opções. Em uma navegação por breadcrumbs no site da Amazon, por exemplo, você poderia clicar em Aspersor para ver mais produtos relacionados ou subir ainda mais na hierarquia clicando em Equipamentos de Rega.

Se você é um blogueiro ativo ou gerencia uma loja virtual, provavelmente organiza seu conteúdo ou produtos em categorias e subcategorias. No entanto, quanto mais seções o site tiver, maior a chance de os visitantes se sentirem confusos ou perdidos.

É aqui que entra a navegação por breadcrumbs. Essa funcionalidade exibe uma trilha de links que ajuda os visitantes a entenderem onde estão no site e a voltarem para páginas anteriores com facilidade. Além disso, os breadcrumbs são uma ótima ferramenta para melhorar tanto a experiência do usuário (UX) quanto a otimização para mecanismos de busca (SEO).

Neste artigo, vamos explorar como os breadcrumbs no WordPress funcionam, como eles podem beneficiar seu site e as diferentes formas de adicioná-los ao seu site no WordPress.com. Vamos começar?

O que são Breadcrumbs no WordPress (e por que eles são importantes para o seu site)

O que são Links de Navegação de Migalhas de Pão do WordPress (E por que eles são importantes para o seu site)

A navegação de migalhas de pão é um elemento de design que exibe a hierarquia de um conjunto de páginas em um site. Esse recurso pode ser útil para sites que publicam conteúdo sobre diferentes tópicos, como blogs educacionais, bem como lojas online que possuem uma variedade de produtos:

É importante observar que a navegação de migalhas de pão serve a um propósito um pouco diferente do menu de navegação principal.

Qual é o objetivo da navegação de migalhas de pão do WordPress?

Os breadcrumbs criam uma trilha de links que indicam aos visitantes onde eles estão no site e permitem que eles voltem facilmente a páginas anteriores. O nome “migalhas de pão” vem da ideia de seguir um caminho de volta, como no conto de João e Maria.

Por exemplo, após ler um post no blog, o visitante pode voltar para a página anterior — aquela que o levou a esse artigo específico — simplesmente clicando no breadcrumb correspondente. Assim, ele economiza o esforço de localizar o menu principal ou lembrar onde estava antes de chegar àquela página.

Imagine um site de viagens com breadcrumbs organizados assim:

USA > Nova York > Coisas para fazer > Atrações gratuitas

Após conferir todas as atrações gratuitas em Nova York, o leitor pode decidir voltar para a página Coisas para fazer para explorar outros tipos de atividades. Caso visite outra seção, o breadcrumb pode mudar para:

USA > Nova York > Coisas para fazer > Atividades ao ar livre

Esse recurso melhora significativamente a experiência do usuário (UX), facilitando a navegação pelo conteúdo do site.

Além de aprimorar a UX, os breadcrumbs também têm impacto positivo no SEO. Mecanismos de busca como o Google frequentemente exibem breadcrumbs nos resultados de pesquisa:

Exemplo de um breadcrumb no Google:
Home > Blog > Categoria > Post

Essa exibição pode melhorar a visibilidade do site nas SERPs (Páginas de Resultados de Mecanismos de Busca), aumentando as chances de um clique. No entanto, é essencial configurar corretamente os breadcrumbs para que eles funcionem como esperado.

Como adicionar breadcrumbs ao seu site WordPress.com

Agora que você já sabe a importância de usar breadcrumbs (migalhas de pão) no seu site WordPress, vamos explorar como adicioná-los ao seu conteúdo.

Se você é um usuário do WordPress.com, precisará ter um plano que permita o uso de plugins para acessar as opções mencionadas neste tutorial.

Adicione breadcrumbs com um plugin do WordPress

Uma das maneiras mais fáceis de adicionar navegação de migalhas de pão ao seu site é usando um plugin gratuito. Vamos dar uma olhada em duas opções populares: All in One SEO e Breadcrumb NavXt.

Adicionando Migalhas de Pão com o All in One SEO

O All in One SEO (AIOSEO) é um dos plugins de SEO mais poderosos do mercado do WordPress:

Este plugin está repleto de recursos para ajudar a impulsionar a classificação do seu site nos mecanismos de busca. Ele inclui marcação de esquema, que é um conjunto de dados que você pode adicionar ao seu site para que os mecanismos de busca possam exibir suas páginas de maneira mais informativa. Por exemplo, ele permite que você habilite snippets ricos e links de migalhas de pão.

Para começar, vá para Plugins > Adicionar Novo no painel do seu WordPress.com e pesquise por “All in One SEO”. Em seguida, clique em Instalar Agora, seguido de Ativar:

Isso o levará ao assistente de configuração do plugin. Clique em Vamos Começar:

Primeiro, você será solicitado a selecionar uma categoria que melhor descreva seu site:

Aqui, você pode definir como sua página inicial será exibida nos SERPs. Por exemplo, você pode querer garantir que o título do seu site e a descrição estejam visíveis:

Quando estiver pronto, clique em Salvar e continuar. Na próxima página, você precisará fornecer detalhes sobre seu site e links para suas páginas de mídia social. Se preferir, você pode pular esta etapa e preencher essas informações posteriormente.

Você também precisará selecionar os recursos de SEO que deseja adicionar ao seu site:

Depois de concluir a configuração, volte para o painel do seu WordPress.com e navegue até All in One SEO > Configurações Gerais. Em seguida, selecione Caminhos de navegação no menu:

Por padrão, o AIOSEO adiciona breadcrumbs à marcação de esquema do seu site. Ele também oferece quatro maneiras de exibir trilhas de navegação por breadcrumbs em seu site.

Se você selecionar a opção Shortcode, você irá inserir o seguinte código onde deseja exibir os breadcrumbs:

[aioseo_breadcrumbs]

Se você estiver usando o Editor de Blocos, você pode simplesmente adicionar o bloco Shortcode em seu post e colar o código lá:

Alternativamente, você pode exibir sua navegação por breadcrumbs por meio do Bloco Gutenberg dedicado. Para fazer isso, basta inserir o bloco AIOSEO – Breadcrumbs em seu post:

Os métodos acima permitem que você adicione os links de breadcrumbs a páginas ou posts individuais. No entanto, você pode querer adicioná-los automaticamente a todas as páginas do seu site. Se for o caso, o widget AIOSEO – breadcrumbs pode ser útil.

Outra maneira de adicionar links de navegação por breadcrumbs ao seu site é usando código. No entanto, esse método pode ser um pouco desafiador, pois envolve a edição dos arquivos do tema do seu WordPress. Portanto, recomendamos que você use um dos outros métodos descritos acima.

O plugin AIOSEO também permite que você modifique a aparência dos links de breadcrumbs nos resultados de pesquisa. Por exemplo, você pode alterar o separador e o rótulo da página inicial para algo diferente:

Além disso, você pode personalizar os rótulos para a página de arquivos, a página de resultados e erros 404:

Quando estiver pronto, clique no botão Salvar alterações. Pronto! A navegação por breadcrumbs está totalmente configurada em seu site!

Adicionando Breadcrumbs com o Breadcrumb NavXT

Embora o AIOSEO seja uma ferramenta poderosa, você pode já estar usando um plugin de SEO em seu site. Se for o caso, verifique se o seu plugin de SEO possui uma opção de breadcrumbs. Caso contrário, você pode optar por um plugin especificamente dedicado à navegação por breadcrumbs.

Uma ferramenta que você pode usar é o Breadcrumb NavXT. Este plugin gera trilhas de breadcrumbs para o seu site WordPress. Ele também permite que você as personalize de acordo com suas necessidades e preferências.

Depois de instalar e ativar o plugin, vá para Configurações > Breadcrumb NavXT no painel do WordPress. Aqui você pode configurar as configurações para diferentes trilhas de breadcrumbs em seu site:

Por exemplo, você pode alterar o separador que aparece entre os links de breadcrumbs. Você também pode remover páginas específicas da trilha, como sua página inicial ou blog.

Se você acessar a guia Tipos de Postagem, poderá alterar a forma como suas postagens de blog aparecem na navegação por breadcrumbs:

Por exemplo, você pode selecionar os elementos que deseja exibir na hierarquia de suas postagens, como tags ou categorias. Você também pode ajustar as trilhas de breadcrumbs para suas mídias e projetos.

Além disso, você pode editar a aparência dos breadcrumbs para as categorias e tags do seu blog. Para acessar essas configurações, você precisará clicar na guia Taxonomias:

Por fim, você pode navegar até a seção Miscelânea para ajustar o modelo de outros tipos de breadcrumbs. Por exemplo, você pode configurar arquivos de autor, datas e erros 404.

Como você pode ver, o Breadcrumb NavXT é uma ferramenta muito simples. Você pode usá-lo para mostrar trilhas de breadcrumbs para diferentes tipos de conteúdo em seu site e personalizá-lo de acordo com suas necessidades.

Conclusão

O breadcrumb do WordPress permite que seus usuários acompanhem seus movimentos em seu site. Usando-o, os leitores podem facilmente retraçar seus passos e retornar a páginas anteriores clicando nos links dentro da trilha de breadcrumbs. Essa funcionalidade não apenas melhora a experiência do usuário no seu site, mas também pode ajudar a aumentar sua visibilidade nos resultados dos mecanismos de busca.

Neste post, vimos dois plugins populares que você pode usar para adicionar navegação por breadcrumbs ao seu site WordPress:

• All in One SEO
• Breadcrumb NavXt

Escolha a solução que melhor se adapta às suas necessidades e aproveite os benefícios que os breadcrumbs podem trazer para o seu site!

---