Como Exibir Links de Navegação de Breadcrumb no WordPress

Se você já navegou em um site e viu uma linha de links como Início » Blog » Este Post perto do topo da página, então você já usou breadcrumbs. Essas ajudas de navegação oferecem aos visitantes uma maneira simples de ver onde estão em seu site e voltar um nível.

Usamos breadcrumbs em nossos próprios sites, e eles facilitam a movimentação dos leitores entre as páginas. Breadcrumbs também podem aparecer nos seus resultados de pesquisa do Google, o que ajuda seu anúncio a se destacar.

Neste guia, mostraremos como adicionar links de navegação breadcrumb no WordPress, começando pelo método mais fácil.

O que é Navegação por Breadcrumb e Por Que Você Precisa Dela?

Navegação breadcrumb é um termo usado para descrever um menu de navegação em forma de trilha de links. É frequentemente usado como um menu de navegação secundário que permite aos usuários subir na hierarquia de páginas do site.

Existem três tipos comuns de breadcrumbs:

• Baseado em hierarquia (mais comum): Mostra onde a página se encaixa na estrutura do seu site, como Início » Categoria » Post. Este é o tipo que a maioria dos temas do WordPress e plugins de SEO geram.
• Baseado em atributos: Mostra os atributos da página em que o visitante está, como Início » Roupas » Masculino » Azul. Você verá isso com mais frequência em lojas WooCommerce.
• Baseado em histórico: Mostra o caminho que um visitante percorreu para chegar à página, como um rastro de volta do navegador. Estes são menos comuns em sites WordPress.

Links de navegação breadcrumb são diferentes do sistema de menu de navegação padrão do WordPress. Eles ajudam os usuários a se moverem pelo seu site e também ajudam os motores de busca a entender a estrutura e a hierarquia de suas páginas.

Se seus breadcrumbs estiverem configurados da maneira certa, então motores de busca como o Google também podem exibi-los junto com o título da página nos resultados de pesquisa. Isso faz com que seu anúncio se destaque nos resultados de pesquisa e pode ajudar a melhorar sua taxa de cliques.

Os métodos neste guia o ajudarão a configurar breadcrumbs corretamente usando schema markup. Schema é um código de marcação inteligente que ajuda o Google a identificar seus breadcrumbs para que eles sejam exibidos nos resultados de pesquisa.

Em outras palavras, os links na página são para seus visitantes, e o schema markup é para o Google. Alguns métodos adicionam ambos, enquanto outros adicionam apenas os links visíveis, é por isso que mostraremos como verificar sua configuração mais tarde usando rich snippets.

Agora, vamos ver como adicionar links de navegação breadcrumb no WordPress. Mostraremos vários métodos, começando pelo mais fácil, para que você possa escolher o que funciona melhor para você:

Método 1: Adicionar o Bloco Nativo de Breadcrumbs do WordPress (Sem Plugin Necessário)

Se você estiver usando um tema de blocos, esta é a maneira mais fácil de adicionar breadcrumbs, e não requer nenhum plugin.

O WordPress inclui um bloco nativo de Breadcrumbs que você pode adicionar diretamente no Editor de Site Completo em apenas alguns cliques.

Basta acessar a página Aparência » Editor para abrir o Editor do Site.

A partir daqui, você pode editar um modelo como 'Posts individuais' ou a parte do modelo do seu cabeçalho.

Em seguida, adicione o bloco de Breadcrumbs onde você deseja que o rastro apareça.

O bloco constrói automaticamente o rastro a partir da posição da página atual na hierarquia do seu site, então você só precisa adicioná-lo uma vez.

Nas configurações do bloco, você pode personalizar exatamente como o rastro se parece e se comporta. Você pode mostrar ou ocultar o link para sua página inicial, mostrar ou ocultar o título da página atual e alterar o caractere separador entre os itens.

Você também pode escolher se o rastro segue sua hierarquia de páginas estrita ou usa sua estrutura de categorias para organizar os links.

Uma coisa a ter em mente é que o bloco nativo foi projetado principalmente para exibir o rastro na página para seus visitantes.

Ele pode não adicionar a marcação de esquema BreadcrumbList que o Google precisa para exibir breadcrumbs nos resultados de pesquisa, portanto, recomendamos confirmar isso com o Teste de Rich Results.

Método 2: Adicionando Navegação Breadcrumb no WordPress Usando All in One SEO (Recomendado)

Se o seu tema não lida com breadcrumbs, ou se você deseja o benefício nos resultados de pesquisa que vem de uma marcação de esquema adequada, então um plugin de SEO é o caminho a seguir. Este método é amigável para iniciantes e funciona em qualquer tema.

Para este método, usaremos o plugin gratuito All in One SEO for WordPress, que é o melhor plugin de SEO para WordPress do mercado.

Ele ajuda você a melhorar facilmente o SEO do seu WordPress sem nenhuma habilidade técnica. Ele também vem com um recurso de breadcrumbs fácil de usar.

Depois de instalar e ativar o plugin, você será levado ao assistente de configuração. Você pode seguir as instruções na tela para configurá-lo.

Precisa de ajuda com a configuração? Veja nosso tutorial passo a passo sobre como instalar e configurar o All in One SEO.

Em seguida, você precisa visitar a página All in One SEO » Configurações Gerais e mudar para a aba ‘Breadcrumbs’.

A marcação de esquema de breadcrumbs é adicionada automaticamente pelo All in One SEO ao código do seu site para que os mecanismos de busca possam encontrá-la.

No entanto, se você também quiser exibir links de navegação de breadcrumbs no seu site, precisará ativar a opção ‘Ativar Breadcrumbs’.

Alternar o controle deslizante permite que você veja as diferentes configurações de exibição de breadcrumbs que você pode usar em seu site WordPress.

Existem quatro maneiras que você pode usar para exibir o rastro de navegação de breadcrumbs em seu site WordPress:

• Bloco (mais fácil): Edite qualquer postagem ou página e adicione o bloco AIOSEO – Breadcrumbs onde você deseja o rastro. O plugin mostra uma pré-visualização ao vivo diretamente no editor.
• Shortcode: Adicione o shortcode fornecido a qualquer postagem, página ou produto onde você deseja que o rastro apareça.
• Widget (em todo o site): Vá para Aparência » Widgets e adicione o widget AIOSEO – Breadcrumbs à sua barra lateral, rodapé ou qualquer área de widget para que ele apareça automaticamente em todo o seu site.
• Código PHP (posicionamento exato): Adicione o trecho abaixo ao modelo do seu tema onde você deseja o rastro. Isso é melhor para usuários avançados que desejam exibir breadcrumbs em um local específico, como logo abaixo do título da postagem.

Para a opção de código, você pode adicionar o seguinte código onde deseja que os links de navegação de breadcrumb apareçam (geralmente logo abaixo do seu cabeçalho ou logo acima do título da sua postagem no arquivo single.php):

<?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>

Como com qualquer edição de tema, recomendamos o uso de um tema filho ou um plugin de snippets de código para que sua alteração não seja perdida na próxima atualização.

Para mais ajuda, consulte nosso guia sobre como adicionar trechos de código no WordPress e nossa folha de dicas sobre quais arquivos editar em um tema do WordPress.

Veja como os breadcrumbs ficaram em nosso site de teste:

Alterando a Aparência dos Links de Breadcrumb

Por padrão, o All in One SEO usa um modelo para exibir os links de navegação de breadcrumb. Ele contém um link para sua página inicial, categoria, página pai e título da postagem ou página, separados pelo símbolo '»'.

Você pode alterar isso visitando a página All in One SEO » Configurações Gerais e acessando a guia 'Breadcrumbs'. Em seguida, role para baixo até a seção Configurações de Breadcrumb.

A partir daqui, você pode alterar o separador, mostrar ou ocultar o link da página inicial, adicionar um prefixo e muito mais.

Após terminar, não se esqueça de salvar suas configurações.

Usando Yoast SEO ou Rank Math em vez disso?

A ideia é exatamente a mesma com outros plugins de SEO populares.

Você simplesmente ativa os breadcrumbs nas configurações, em seguida, insere o bloco ou shortcode do plugin, ou adiciona seu trecho ao seu tema:

• Yoast SEO: Ative os breadcrumbs em Yoast SEO » Configurações » Avançado » Breadcrumbs, em seguida, adicione o shortcode [wpseo_breadcrumb], ou coloque <?php if ( function_exists( 'yoast_breadcrumb' ) ) { yoast_breadcrumb(); } ?> em seu tema. Para um olhar mais atento a este plugin, veja nosso guia sobre como configurar o Yoast SEO.
• Rank Math: Ative os breadcrumbs em Rank Math SEO » Configurações Gerais » Breadcrumbs, em seguida, adicione o shortcode [rank_math_breadcrumb], ou coloque <?php if ( function_exists( 'rank_math_the_breadcrumbs' ) ) { rank_math_the_breadcrumbs(); } ?> em seu tema.

Verifique se seus Breadcrumbs Estão Funcionando

Assim que seus breadcrumbs estiverem ativos, você precisa confirmar que o Google pode realmente lê-los.

Simplesmente abra a ferramenta gratuita do Google Teste de Resultados Ricos, cole o URL de uma postagem ou página publicada e execute o teste.

Se tudo estiver configurado corretamente, a ferramenta mostrará 'Breadcrumbs' como um item detectado com um status válido e verde. Isso confirma que seu schema BreadcrumbList está presente e elegível para aparecer nos resultados de pesquisa.

Se você vir um aviso ou um erro, ou se os breadcrumbs não forem detectados, então seu método provavelmente adicionou os links visíveis sem o schema. Nesse caso, mudar para o método do plugin de SEO acima adicionará a marcação que o Google precisa.

Solução de Problemas Comuns de Breadcrumbs

Os breadcrumbs geralmente são simples de configurar, mas alguns problemas surgem com frequência. Veja como corrigir os mais comuns.

Breadcrumbs não estão aparecendo no Google

Mesmo após o Teste de Resultados Ricos ser aprovado, os breadcrumbs não aparecerão nos resultados de pesquisa instantaneamente. O Google depende de bots automatizados para rastrear bilhões de páginas, e ele não saberá que você adicionou o schema de breadcrumb até que seus bots revisitem seu URL específico. Este processo de recrawl pode levar de alguns dias a algumas semanas.

Para acelerar as coisas, você pode solicitar a indexação através do Google Search Console usando a ferramenta de Inspeção de URL. Isso alerta o Google de que você atualizou seu conteúdo e sinaliza ao sistema deles para revisar sua marcação de schema mais cedo.

A categoria está faltando na trilha

A trilha é construída a partir da posição da página atual na hierarquia do seu site. Para posts, esse nível intermediário vem da categoria do post e, para páginas, vem da página pai.

Portanto, a causa usual é um link ausente nessa hierarquia. O post não tem categoria atribuída (ou apenas a padrão 'Sem categoria'), ou a página não tem uma página pai definida.

Para um post, abra-o no editor, atribua a categoria correta em Post » Categorias e, em seguida, recarregue a página para verificar a trilha.

Se o nível ainda estiver faltando, o problema pode ser qual hierarquia a trilha segue. O bloco nativo de Breadcrumbs tem uma configuração Avançada chamada 'Preferir termos de taxonomia' que alterna a trilha entre sua hierarquia de páginas e sua estrutura de categorias.

Se você usar um plugin de SEO em vez disso, verifique sua fonte de breadcrumbs ou configuração de taxonomia. No All in One SEO, isso fica em All in One SEO » Configurações Gerais » Breadcrumbs.

Breadcrumbs estão aparecendo na sua página inicial

Breadcrumbs não têm muito propósito na sua página inicial, pois não há para onde 'subir'.

Se você adicionou breadcrumbs com o bloco nativo ou um widget, então você deve colocá-los em um modelo que não se aplique à página inicial. Alternativamente, você pode usar as configurações integradas do seu plugin de SEO para ocultar a trilha na sua página inicial.

Você recebeu um erro de PHP após adicionar o trecho

Em vez de editar arquivos diretamente, recomendamos adicionar o trecho com um plugin de snippets de código como o WPCode. Este plugin valida seu código e permite desativar um snippet com segurança se algo quebrar.

Adicionar o código a um tema filho é outra opção segura, pois mantém suas alterações separadas do tema pai.

Principais Conclusões

• Verifique seu tema primeiro: Muitas vezes você não precisa de um plugin extra para breadcrumbs, especialmente se você usa um tema de blocos que inclui o bloco nativo de Breadcrumbs.
• O markup de schema é o que importa para a busca: O markup de schema, não os links visíveis, é o que leva sua trilha de breadcrumbs aos resultados de pesquisa do Google. Sempre confirme se isso está funcionando com o Teste de Rich Results.
• Use suas ferramentas existentes: Se você já usa um plugin de SEO como o All in One SEO, então você pode usá-lo para gerenciar seus breadcrumbs. Não há necessidade de adicionar uma segunda ferramenta ao seu site.

Perguntas Frequentes Sobre Breadcrumbs no WordPress

Preciso de um plugin para breadcrumbs no WordPress?

Não, nem sempre. Muitos temas do WordPress adicionam breadcrumbs por conta própria, e o WordPress inclui um bloco nativo de Breadcrumbs, então é melhor verificar seu tema antes de instalar qualquer coisa. Se o seu tema não suportar breadcrumbs, um plugin de SEO é a maneira mais fácil de adicioná-los.

Por que meus breadcrumbs não aparecem no Google?

Isso geralmente se deve a atraso na indexação ou schema ausente. Se o Google ainda não rastreou suas páginas, solicite a indexação no Google Search Console. Se a trilha ainda não aparecer, passe seu URL pelo Teste de Rich Results para confirmar se seu schema BreadcrumbList é válido.

Breadcrumbs são bons para SEO?

Sim. As breadcrumbs melhoram a experiência do usuário, tornando seu site mais fácil de navegar, e ajudam os mecanismos de busca a entender a estrutura do seu site. Quando configuradas com marcação de schema, elas também podem gerar listagens de pesquisa mais ricas que melhoram sua taxa de cliques.

Shortcode, bloco ou widget — qual devo usar?

Use o bloco ou o widget quando quiser que as breadcrumbs apareçam automaticamente em todo o seu site. Use o shortcode quando quiser inserir o caminho apenas em uma postagem ou página específica.

Esperamos que este artigo tenha ajudado você a aprender como exibir links de navegação breadcrumb no WordPress. Você também pode conferir nosso guia definitivo de SEO para WordPress ou nossa seleção dos melhores temas para WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.