Como exibir links de navegação Breadcrumb no WordPress

Publicados: 2020-08-07

A capacidade de os visitantes do site navegarem pelo seu site desempenha um papel crucial em seu UX. Você precisa garantir que qualquer pessoa que acesse seu site instantaneamente tenha uma noção da estrutura principal do site. Caso contrário, você corre o risco de aumentar sua taxa de rejeição e perder leads em potencial. Uma das formas de evitar esse tipo de problema é com o uso da navegação breadcrumb. Breadcrumbs pode aumentar o desempenho geral do seu site através do UX e, ao mesmo tempo, contribuir para o SEO do seu site WP. Neste artigo, analisamos mais de perto como exibir links de navegação de trilha de navegação no WordPress .

O que é a Navegação Breadcrumb?

A navegação Breadcrumb é uma trilha de links que representa um menu de navegação hierárquico. Ele atua como um sistema de navegação secundário que fornece aos usuários informações sobre a posição de uma página na hierarquia do seu site .

O que os breadcrumbs fazem é criar uma trilha que leva os usuários de volta à página inicial, daí o nome. Isso pode ser particularmente útil para determinados sites em que os usuários precisam navegar para outras páginas com facilidade, sendo as lojas on-line um exemplo óbvio . No entanto, quando se trata de SEO, a navegação por trilha ajuda os mecanismos de pesquisa a entender a hierarquia e a estrutura de suas páginas da web. Além disso, breadcrumbs aparecem nos resultados de pesquisa do Google, o que dá mais visibilidade a todo o seu site.

Como adicionar e exibir links de navegação Breadcrumb no WordPress

Não é difícil adicionar e mostrar links de navegação de migalhas de pão no WordPress. Portanto, seja você um iniciante ou um especialista em codificação, poderá fazer isso em algumas etapas simples . Como há mais maneiras de fazer isso, mostraremos como adicionar e exibir breadcrumbs usando plugins diferentes.

Plugin NavXT Breadcrumb

A maneira mais fácil de adicionar esse tipo de navegação ao seu site WordPress é o Breadcrumb NavXT Plugin. Como você sabe, os plugins do WordPress podem ser usados para muitos propósitos diferentes. Você pode usar plugins para clonar ou duplicar seu site, ou para mídias sociais ou outros fins. No entanto, quando se trata de navegação breadcrumb, o NavXT é um plugin popular que oferece um widget WordPress usado para colocar o sistema de navegação. Muitas opções permitem que você personalize a navegação para os usuários.

O que você precisa fazer primeiro é procurar o plugin Breadcrumb NavXT e instalá-lo. Quando terminar, clique no painel de administração à esquerda e selecione Adicionar nova opção , que abrirá a página principal de configurações. As configurações padrão devem funcionar para a maioria dos sites. Existem guias diferentes e cada uma oferece configurações diferentes que podem funcionar melhor para o seu site.

Na guia Configurações gerais , você pode determinar as configurações globais do plug-in em seu site.
A guia Tipos de Post é muito importante, pois permite configurar links de navegação para posts e páginas individualmente.
Na guia Taxonomias , você pode definir as categorias como achar melhor e encontrar modelos semelhantes para seus links.
A guia Diversos permite alterar as configurações do autor.
Faça as alterações que você achar que melhor ajudam seu site e lembre-se de clicar no botão “ Salvar alterações ” para manter as alterações.

Mostrando Breadcrumb NavXT em seu site

Para mostrar os links de navegação do breadcrumb no WordPress, você deve ir para Aparência e escolher Personalizar. Lá, você pode escolher a posição de suas migalhas de pão no menu suspenso Posição. Além disso, você precisa escolher Breadcrumb NavXT na Breadcrumb Source.

Plugin Yoast SEO

Outro plugin popular é o Yoast SEO e é útil para aproximar as classificações dos mecanismos de pesquisa e otimizar o conteúdo. No entanto, existem alguns recursos que são usados para aumentar a visibilidade do seu site, e você também pode usá-lo para adicionar e exibir links de navegação no WordPress.

A primeira coisa que você precisa fazer é decidir onde quer colocar as migalhas de pão . Dependendo disso, você deve adicionar o seguinte código ao local desejado:

<?php
if (function_exists ('yoast_breadcrumb')) {
yoast_breadcrumb( '<p id=”breadcrumbs”>' , ' </p>' );
}
?>

Código, às vezes necessário para exibir links de navegação breadcrumb no WordPress. — O código às vezes é necessário para exibir links de navegação de trilha de navegação no WordPress

Como exibir links de navegação breadcrumb com o YOAST SEO

Dependendo do tema e das atualizações, há uma chance de substituição de código. Nesse caso, você deve entrar em contato com o desenvolvedor do tema. Depois de colocar o snippet, vá para SEO e escolha Search Appearance e clique em Breadcrumbs. Nas configurações de Breadcrumbs, habilite Breadcrumbs. Ao visualizar seu site, você poderá ver os locais de breadcrumbs nas partes desejadas do seu site.

Pão flexível

Flexy Breadcrumd é um dos plugins que você pode usar para adicionar breadcrumbs no WordPress. Depois de instalar e ativar o plugin, você poderá adicionar breadcrumbs com um shortcode [flexy_breadcrumb]. Se você não estiver familiarizado com códigos de acesso no WordPress, há muito material que o ajudará a entender melhor os códigos de acesso.

Na barra lateral do painel, você poderá ver o item Flexy Breadcrumb. Depois de clicar nele, você verá configurações que permitem modificar sua página inicial – alterar o ícone e o texto, definir o limite de caracteres e a hierarquia. A guia Tipografia permite alterar o tamanho e a cor da fonte das migalhas de pão. Depois de terminar de personalizar sua trilha, adicione o código de acesso mencionado no local onde deseja que suas migalhas de pão.

Breadcrumbs WooCommerce

Se você precisar de breadcrumbs para que seus clientes se movam facilmente entre as páginas de seus produtos, considere instalar o WooCommerce Breadcrumbs. Como você já está usando o plugin WooCommerce, essa deve ser a opção mais fácil para você.

Instale e ative o plugin e vá para Configurações e encontre WC Breadcrumbs. Você não deve esquecer de habilitar breadcrumbs. Em seguida, você pode escolher suas páginas de produtos.

Comece a trabalhar para melhorar o UX do seu site hoje

É bom que você saiba como adicionar e exibir links de navegação Breadcrumb no WordPress. No entanto, você também deve se lembrar do famoso conto de fadas – às vezes você pode se perder mesmo usando migalhas de pão. E isso não é algo que você quer que aconteça com seus visitantes. Este sistema deve ser colocado em uma área onde pareça um forte acréscimo ao seu site e permita que os visitantes entendam instantaneamente a estrutura do seu site. Afinal, é importante ter os visitantes em mente, pois você deseja melhorar a experiência deles.