O que são breadcrumbs do WordPress e como habilitá-los para o seu site?

Não se deixe levar pelo nome incomum, pois as migalhas de pão são de fato uma ferramenta muito útil que melhora significativamente a experiência do usuário e o SEO do seu site. Habilitá-los pode ser bastante simples com a ajuda de um código personalizado ou um plugin.

No post de hoje, entraremos em detalhes sobre as migalhas de pão do WordPress e como exatamente elas funcionam.

O que são os Breadcrumbs do WordPress?

Breadcrumbs são links de navegação que aparecem no topo de uma página ou post. Eles mostrarão aos visitantes as categorias de nível superior que os levaram ao conteúdo desejado, além de navegar para as páginas anteriores.

Breadcrumbs criam uma trilha que leva o usuário de volta para casa, daí o nome. Especialmente útil para lojas online ou blogs, os usuários podem alternar entre posts, páginas de produtos e categorias.

Como funcionam as migalhas de pão?

Existem três tipos principais de breadcrumbs do WordPress:

• Baseado em hierarquia: Eles mostram aos usuários onde exatamente eles estão na estrutura do site.
• Baseado em atributos: Usados ​​principalmente em sites de comércio eletrônico, eles exibem os atributos que os usuários pesquisaram e que os levaram ao produto que estão visualizando.
• Baseado no histórico: à medida que os usuários percorrem diferentes páginas, eles serão levados de volta ao caminho de onde vieram.

Cada tipo de pão ralado pode ser útil para diferentes propósitos. Todos eles, no entanto, podem melhorar a navegação e, por extensão, o UX.

Eles também são muito benéficos em termos de SEO e mostrarão a relação entre os diferentes conteúdos do seu site, o que torna mais fácil para os robôs dos mecanismos de pesquisa entenderem a estrutura do seu site.

Isso ajuda a indexar seu site com mais precisão. Os mecanismos de pesquisa também podem exibir as trilhas de navegação do seu site na lista de resultados, o que, por sua vez, fornece aos usuários informações adicionais sobre o tópico ou produto que eles estavam procurando.

Como adicionar o WordPress Breadcrumbs ao seu site?

Em apenas alguns passos simples, você pode adicionar migalhas de pão ao seu site, não importa se você é um profissional ou iniciante no WordPress.

Yoast SEO

..

Este é um plugin popular que ajuda os usuários a otimizar seu conteúdo e aproximar sua classificação nos mecanismos de pesquisa. Ele inclui alguns recursos adicionais, como aumentar a visibilidade do seu site com breadcrumbs.

A instalação pode ser feita através do seu Dashboard:

Na próxima etapa, você precisa adicionar este código:

 <?phpif ( function_exists('yoast_breadcrumb') ) {yoast_breadcrumb( '<p>','</p>' );}?>

Se você deseja adicionar migalhas de pão às postagens do seu blog, isso pode ser feito em seu arquivo de modelo single.php.

Você também pode colá-lo no final do seu arquivo header.php, que adicionará breadcrumbs a todo o seu site.

Lembre-se de que qualquer atualização futura do tema pode substituir o código. Nesse caso, é melhor entrar em contato com o desenvolvedor do tema para obter mais informações sobre como isso pode ser evitado. Depois de colocar o código, vá para SEO – Search Appearance – Breadcrumbs:

..

Defina a configuração como Ativado, Salvar e Postar.

Plugin do WordPress Breadcrumbs

Se você já estiver usando o Yoast para fins de SEO, pode ser realmente conveniente adicionar migalhas de pão com ele. Se você, no entanto, preferir um plugin diferente que otimize seu conteúdo, aqui estão algumas recomendações úteis:

Breadcrumbs NavXT

Esta é a escolha mais popular para adicionar breadcrumbs ao seu site. Ele fornece um widget breadcrumb que pode ser adicionado a qualquer área do widget, como rodapé ou barra de ferramentas. É extremamente personalizável e permite que você escolha quais categorias e páginas exibir na trilha. Também inclui marcação de esquema para melhoria de SEO.

Pão flexível

O Flexy Breadcrumb é o plugin mais bem avaliado para adicionar breadcrumbs do WordPress. Após o download e ativá-lo, você pode adicionar breadcrumbs ao seu site com a ajuda de um shortcode. Isso lhe dá mais flexibilidade em termos de onde você deseja que sua trilha apareça. Você também pode fazer alterações na cor, tamanho da fonte e ícones.

Breadcrumb WooCommerce

Para todos os varejistas on-line, essa é uma opção fácil para os usuários navegarem pelas páginas de produtos do seu site. Se você estiver usando o plugin WooCommerce, esta pode ser a melhor opção para você. Você pode ativar breadcrumbs para suas páginas de produtos, o que melhora a experiência do cliente.

Migalhas de pão

Breadcrumb é um plugin muito leve que permite adicionar migalhas de pão usando códigos de acesso. Ele fornece um trecho de código que pode ser adicionado a um de seus arquivos de modelo e incorporado em seu rodapé, cabeçalho ou em outro lugar.

Use um tema com migalhas de pão

A ideia principal dos temas é controlar a aparência do seu site, mas além disso eles também influenciam na sua funcionalidade. Uma das maneiras de fazer isso é adicionando migalhas de pão às suas páginas.

No lado negativo, esse processo envolve alterar a aparência do seu site. Se você já tem um alto reconhecimento de marca e uma presença estabelecida, pode não ser sua melhor opção, e é melhor você optar por um plugin.

Por outro lado, se você está apenas começando um site WordPress ou está fazendo uma reformulação do seu antigo, usar um tema com migalhas de pão incorporadas pode ser uma decisão que economiza tempo. Você tem várias opções gratuitas para escolher:

Oceano WP

Este é um dos temas multiuso mais populares. Ele tem um código de acesso incluído para aplicar facilmente migalhas de pão ao seu site.

Astra

Da mesma forma, esse tema também facilita bastante a adição de migalhas de pão ao seu site.

Adicionando Breadcrumbs manualmente

É verdade que temas e plugins são o que torna o WordPress uma escolha tão popular entre os usuários. Em alguns casos, no entanto, eles podem ser um pouco limitantes. O código fornece um elemento criativo e oferece a liberdade de escrever suas próprias migalhas de pão.

Para adicioná-los manualmente ao seu site, você precisa seguir duas etapas.

• Adicione uma função ao seu arquivo functions.php para habilitá-los.
• Chame o arquivo de modelo onde você deseja que as migalhas de pão apareçam.

Lembre-se de que isso exibirá apenas as migalhas de pão em seu site, mas não as estilizará para que elas se ajustem ao design. Para conseguir isso, você precisaria mergulhar em algum CSS também.

Estilizando suas migalhas de pão do WordPress

Se você é quem está codificando as migalhas de pão, estilizá-las é absolutamente necessário. Se você estiver usando um plugin ou tema, pode ser muito útil. Eles têm um estilo padrão que pode não ser uma boa combinação para o seu site; nesse caso, você precisa ajustá-los um pouco.

Você também pode adicionar um CSS personalizado para estilizar os breadcrumbs na folha de estilo do seu tema ou na área CSS Adicional.

Alterar o tamanho, a fonte e a cor das migalhas de pão são uma das muitas maneiras de personalizá-las para o seu site. Você também pode usar elementos como preenchimento, margens, ícones e bordas.

Um exemplo de CSS que pode ser usado para estilizar breadcrumbs pode ser visto aqui:

 .breadcrumb { preenchimento:8px 15px; margin-bottom: 20px estilo de lista: nenhum; cor de fundo: #f5f5f5; border-radius: 4px;}.breadcrumb a { color: #428bca; decoração de texto: nenhuma;​​}

As possibilidades são infinitas quando se trata de CSS. Pode levar algum tempo e experimentar até obter o efeito desejado.

Conclusão

SEO e UX fortes são elementos-chave para um site de sucesso. Habilitar breadcrumbs para seu site WordPress irá melhorar a experiência de seus visitantes e como eles navegam pelo seu conteúdo, ao mesmo tempo em que melhora a indexação de suas páginas.

Compartilhe conosco sua experiência com breadcrumbs e como eles melhoraram sua presença online.