Como adicionar navegação breadcrumb no WordPress

Uma maneira poderosa de melhorar a experiência do usuário é ajudar seu público a navegar em seu site com mais facilidade. Breadcrumb Navigation é uma ferramenta poderosa que pode melhorar a forma como as pessoas interagem com seu conteúdo.

É uma forma de os usuários saberem onde estão em relação à sua página inicial. Quando você adiciona navegação breadcrumb ao seu site, ela também aparece nos resultados de pesquisa, criando um link mais atraente que gerará mais cliques nos mecanismos de pesquisa.

Neste post, compartilharei como você pode exibir facilmente links de navegação de trilha de navegação em seu site WordPress. Vamos mergulhar!

O que é navegação por trilha?

Todos conhecemos a história de João e Maria e como as crianças fizeram um caminho de migalhas de pão para que pudessem encontrar o caminho de volta para casa.

A ideia de navegação por trilha funciona da mesma maneira.

Breadcrumbs em sites são uma trilha de links que mostram em qual página você está em relação à página inicial. É um menu de navegação hierárquico separado do menu principal.

Quando configurado corretamente, ele aparecerá em suas páginas da web e também na página de resultados de pesquisa do Google.

Por que adicionar navegação por trilha de navegação?

Você já chegou a uma página de produto e queria ver o que mais está na mesma categoria?

A navegação Breadcrumb permite que as pessoas subam em uma cadeia hierárquica de links. Em vez de ir para a página inicial, procurar a categoria de produtos e clicar nas subcategorias, o usuário pode simplesmente clicar no link da trilha de navegação e ir para onde quiser.

É uma maneira útil adicional para os usuários percorrerem seu site e encontrarem o que precisam.

Um poderoso benefício adicional é que também ajuda os mecanismos de pesquisa a entender a estrutura e a hierarquia do seu site. Quanto mais estruturado e fácil de usar o seu site parecer, maiores serão suas chances de subir no ranking.

Os links de trilha de navegação também aparecem quando o Google exibe um conjunto de resultados. Isso faz com que seu site se destaque em um conjunto de resultados e aumenta sua taxa de cliques.

Como adicionar navegação breadcrumb ao seu site WordPress

Vamos ao que interessa! Você aprendeu o que são migalhas de pão e por que elas são importantes.

Agora, este post apresentará a melhor maneira de adicionar migalhas de pão para que elas apareçam e funcionem corretamente em seu site WordPress.

Todas as sugestões nesta postagem ajudarão você a configurar sua navegação breadcrumb com marcação de esquema. Esquema refere-se ao código que ajuda os mecanismos de pesquisa como o Google a saber facilmente sobre o conteúdo do seu site.

Você já viu resultados de pesquisa de receitas em que detalhes como tempo de cozimento, classificações, culinárias e muito mais aparecem com um link de site? Esse é um exemplo de marcação de esquema em ação, criando o que é chamado de rich snippet. Também ajuda a exibir trilhas de navegação quando um site aparece nos resultados da pesquisa.

A seguir estão algumas das maneiras mais fáceis e rápidas de adicionar migalhas de pão ao seu site.

Use um plugin SEO WordPress

A maneira mais fácil de adicionar navegação de breadcrumb é usando o plug-in AIOSEO.

All in One SEO ou o plugin AIOSEO é um dos melhores plugins do WordPress para aumentar o SEO do seu site. Ele inclui breadcrumbs como um recurso para ajudá-lo a tornar seu site fácil de navegar.

Você também pode optar por uma versão premium no futuro para obter mais recursos, mas começar com a versão gratuita fornecerá uma compreensão sólida do básico. Primeiro, baixe e ative seu plugin AIOSEO.

Depois de ativá-lo, siga o assistente de configuração inicial do plug-in. Em seguida, você precisa visitar a página Configurações gerais do plug-in All in One SEO em seu painel.

Agora que você está na página Configurações Gerais, clique na guia Breadcrumbs.

Quando você adiciona o AIOSEO pela primeira vez e executa a configuração, o plug-in adiciona automaticamente o esquema breadcrumb ao código do seu site.

Para exibir links de navegação de trilha de navegação para seus usuários, ative Ativar trilhas de navegação . Você poderá então ajustar como suas migalhas de pão aparecerão em seu site.

Existem quatro maneiras diferentes de exibir a navegação breadcrumb em seu site WordPress.

Eles estão:

1. Adicionando navegação breadcrumb com shortcode
2. Usando o bloco Gutenberg
3. Adicionando um widget
4. Adicionando o código de navegação do breadcrumb

Vamos detalhar rapidamente como usar cada uma dessas opções para que você possa trabalhar com a que melhor atende às suas necessidades.

1. Use o código de acesso para adicionar navegação por trilha de navegação

Se você deseja adicionar navegação por trilha de navegação com um código de acesso em sua página ou postagem, tudo o que você precisa fazer é adicionar o seguinte código na página.

 [aioseo_breadcrumbs]

Este pequeno pedaço de código será convertido automaticamente no bloco de código de acesso.

Salve e visualize sua postagem para ver como ela é. A imagem abaixo mostra como o shortcode do breadcrumb será exibido no front-end do seu site WordPress.

2. Adicione navegação breadcrumb com o bloco Gutenberg

O plugin AIOSEO possibilita que você simplesmente insira um blog do Gutenberg e adicione links de trilha de navegação.

Crie um novo post ou página e clique no botão para adicionar um bloco. Procure por AIOSEO – Breadcrumbs e clique nele. Sua navegação breadcrumb aparecerá em sua página. Bem desse jeito!

3. Insira a navegação breadcrumb usando um widget

Deseja exibir migalhas de pão automaticamente para todas as suas postagens ou páginas?

Para fazer isso, use a opção de widget. Tudo o que você precisa fazer é acessar Aparência » Widgets no seu painel. Em seguida, adicione o widget 'AIOSEO – Breadcrumbs' à barra lateral.

Adicione um novo título ou deixe o campo em branco e pressione 'Salvar'. Agora, quando você for ao seu site, verá a navegação de navegação em todas as suas postagens e páginas que possuem uma barra lateral.

4. Adicione navegação por trilha de navegação com código

Com esse método, você tem muito mais controle sobre onde sua navegação de trilha de navegação aparece. No entanto, você precisará adicionar código aos arquivos de tema do seu site WordPress para fazer isso.

Se você tem alguma experiência com o gerenciamento do WordPress e codificação, pode tentar esta opção.

Primeiro, decida onde você quer que seus links de breadcrumbs apareçam. Você terá que adicionar código aos arquivos de modelo do seu tema WordPress.

Portanto, com base em onde você deseja colocar sua navegação breadcrumb, você terá que escolher o arquivo de modelo correto para inserir seu código.

Esta folha de dicas ajudará você a descobrir quais arquivos editar no seu tema WordPress.

Em seguida, edite seu arquivo de tema usando um cliente FTP. Adicione este código onde você deseja que os links de navegação da trilha de navegação sejam exibidos.

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

Lembre-se de salvar suas alterações e voltar ao seu site para ver como ficou.

Conclusão

Isso é tudo que você precisa para encontrar a melhor maneira de adicionar navegação breadcrumb ao seu site WordPress.

Com o AIOSEO, você tem a opção de não apenas adicionar migalhas de pão gratuitamente e de várias maneiras, mas também realizar outras tarefas técnicas de SEO.

A navegação por trilha não apenas criará uma melhor experiência do usuário, mas também mostrará ao Google e a outros mecanismos de pesquisa que você tem um site bem feito.

E como apenas cerca de 10 milhões dos quase 2 bilhões de sites on-line estão usando o Schema, você provavelmente verá classificações mais altas e melhores resultados, como mais tráfego e conversões. Portanto, reserve um tempo para melhorar seu site no novo ano simplesmente adicionando navegação por trilha de pão!