O Guia Fundamental para Adicionar Breadcrumbs do WordPress

Quer reduzir as taxas de rejeição, melhorar a navegação do site, aumentar o SEO e oferecer experiências incríveis ao usuário? Claro que você faz!

Mas se você não estiver usando breadcrumbs como parte do seu site, está perdendo uma grande oportunidade. Breadcrumbs aprimoram a navegação do site, ajudando os usuários a percorrer suas páginas da web com mais facilidade (por meio de uma trilha de 'breadcrumbs').

Provavelmente, você já encontrou migalhas de pão muitas vezes. Eles geralmente aparecem logo abaixo do menu de navegação de um site.

Fonte: www.dedoles.se

Hoje, compartilharemos nossas principais dicas e truques para ajudá-lo a adicionar migalhas de pão do WordPress ao seu site e começar a melhorar as experiências do usuário.

O que são migalhas de pão?

Esqueça o dourado e crocante, torrado na hora ou panko. Essas migalhas de pão podem ser deliciosas, mas não é sobre isso que estamos aqui para falar hoje. Não, estamos aqui para discutir migalhas de pão on -line , um pedaço totalmente mais funcional (e menos comestível).

Um breadcrumb é essencialmente um link de navegação. Breadcrumbs são conectados para criar um caminho de texto através das páginas de um site. Eles rastreiam onde um usuário está em um site em relação à página inicial e geralmente estão localizados na parte superior, logo abaixo da barra de navegação.

Breadcrumbs melhoram a experiência do usuário (UX) do seu site, tornando mais fácil para os usuários retrocederem em sua navegação. Eles também suportam classificações de SEO, ajudando os mecanismos de pesquisa a navegar por suas páginas da Web e estruturas de links (mais sobre isso posteriormente).

Entendendo como funcionam as diferentes migalhas de pão

Breadcrumbs podem ser aplicados a um site por vários motivos. Para sites construídos em WordPress, por exemplo, existem três tipos de breadcrumbs que podem ser incorporados à navegação de um site. Eles são baseados em hierarquia, baseados em atributos e baseados em histórico.

Breadcrumbs baseados em hierarquia

Estas são as suas migalhas de pão clássicas. As trilhas de navegação baseadas em hierarquia mostram aos usuários do site onde eles estão na estrutura geral do site em relação à página inicial. Isso permite que os visitantes naveguem facilmente pelas categorias e encontrem produtos relacionados.

Breadcrumbs baseados em atributos

Essas migalhas de pão são mais frequentemente encontradas como parte de sites de comércio eletrônico. As trilhas de navegação baseadas em atributos listam os atributos que um usuário pesquisou para acessar o produto ou a página que está visualizando.

Por exemplo, imagine que você está navegando em uma loja de moda online. Às vezes, você pode ser solicitado a refinar sua pesquisa em termos de atributos do produto (por exemplo, ajuste, estilo, cor, tamanho). Os atributos que você escolher irão compor sua trilha de navegação.

Origem da imagem

Breadcrumbs baseados em histórico

Essas migalhas de pão são cronológicas. Eles são ordenados com base no que você faz em um site. As trilhas de navegação baseadas em histórico levam os usuários de volta às páginas pelas quais já navegaram. Esses breadcrumbs agem um pouco como o botão 'voltar' em seu navegador para ajudar os usuários a retornar a uma página que já visitaram.

Benefícios da farinha de rosca

Breadcrumbs são incrivelmente úteis para UX e SEO de um site. Como tal, muitos serviços de marketing de conteúdo estão promovendo os benefícios das migalhas de pão como parte de uma estratégia robusta de marketing digital.

Breadcrumbs permitem que os usuários naveguem por um site com mais facilidade e ajudam os rastreadores de mecanismos de pesquisa a entender o conteúdo de um site. Isso significa classificações aprimoradas nos mecanismos de pesquisa, taxas de rejeição mais baixas e melhores experiências do usuário em todos os aspectos.

Navegação do site mais fácil para os visitantes, o que significa taxas de rejeição mais baixas

Como visitante do site, não há nada mais irritante do que descobrir que você navegou para uma página de produto na qual não está nem um pouco interessado. Neste ponto, você provavelmente desejará fazer uma de duas coisas.

• Volte para o mecanismo de pesquisa e comece de novo.
• Volte para a página inicial e tente encontrar a página que você estava procurando.

Ao adicionar migalhas de pão ao seu site, os usuários ficarão menos inclinados a desistir e acharão muito mais fácil localizar o que estão procurando. Breadcrumbs permitem que os visitantes do site rastreiem facilmente a jornada do usuário e localizem as páginas que desejam rapidamente.

Os rastreadores de sites têm mais facilidade para classificar as páginas certas

Breadcrumbs impulsionam o SEO do site, comunicando aos mecanismos de pesquisa sobre o que são as páginas de um site. Na verdade, o Google usa o nome de um site e a trilha de navegação em snippets de pesquisa, o que significa que é uma das primeiras coisas que você verá quando o Google exibir uma lista de resultados. Isso, por sua vez, ajuda os pesquisadores a ver para onde serão levados ao clicar.

Por exemplo, se você pesquisar 'o que são migalhas de pão?' no Google, seus resultados de pesquisa listam o URL, as trilhas de navegação e o título de cada site.

Três métodos para adicionar migalhas de pão ao seu site WordPress

Então, como exatamente você adiciona breadcrumbs ao seu site WordPress? Bem, existem algumas rotas diferentes que você pode tomar. Vamos orientá-lo através dos vários métodos passo a passo.

Selecione um tema WordPress que já inclua migalhas de pão

A maneira mais simples de adicionar breadcrumbs ao seu site WordPress é instalar um tema que já os inclua. Se você encontrar um que se alinhe bem à sua marca e também tenha migalhas de pão úteis, pronto, você está pronto para começar.

Implemente breadcrumbs por meio de código personalizado

Outra maneira de adicionar breadcrumbs ao seu site WordPress é implementá-los por meio de código personalizado. Digamos que você encontre um tema no WordPress , mas ele não vem com migalhas de pão incluídas. Com um pouco de experiência básica em codificação, você pode adicioná-los editando o arquivo function.php no tema escolhido.

Aqui está o que você precisará fazer:

1. Conecte o WordPress ao seu servidor usando um site FTP como o FileZilla FTP .
2. Clique na pasta public_html no cliente FileZilla (isso inclui os arquivos do seu site).
3. Clique na pasta wp-content.
4. Clique no diretório de temas e escolha sua pasta de tema atual.
5. Clique na pasta functions.php e selecione visualizar/editar.
6. Insira o código abaixo para registrar a função breadcrumb em seu site.
7. Salve as alterações e carregue o arquivo atualizado quando solicitado.

Use um plugin para adicionar migalhas de pão.

Uma terceira e última maneira de adicionar breadcrumbs ao seu site WordPress é usar um plugin. Você precisará utilizar uma ferramenta especializada para fazer isso, como o plug-in Yoast SEO, Breadcrumb NavXT ou WooCommerce Breadcrumbs.

Usando o plugin Yoast SEO

Yoast é um dos plugins de SEO mais conhecidos para WordPress e pode ser usado para habilitar breadcrumbs em seu site. Se você já estiver usando o Yoast para SEO, essa é sua melhor aposta, embora existam outras opções disponíveis (que discutiremos em breve).

Para adicionar breadcrumbs usando o Yoast, siga estas etapas:

1. Instale o plugin Yoast SEO do seu painel do WordPress, ou seja, plugins> adicione novo> digite 'Yoast' na barra de pesquisa> instalar.
2. No plugin Yoast, navegue até a aparência.
3. Clique no editor de temas.
4. Selecione o modelo chamado header.php.
5. Insira o trecho de código abaixo.
6. Salve suas alterações clicando em “Atualizar arquivo”.

Usando o plug-in Breadcrumb NavXT

Outra alternativa ao uso do Yoast é o Breadcrumb NavXT. Este plugin pode ser instalado em seu site assim como o Yoast. Uma vez instalado, basta seguir os passos abaixo para implementar breadcrumbs.

1. No plugin NavXT navegue até configurações.
2. Clique na trilha de navegação NavXT.
3. Escolha entre as quatro opções de navegação breadcrumb.
4. Configure o plugin e salve as alterações.
5. Navegue até a aparência.
6. Clique no editor de temas.
7. Selecione o arquivo header.php.
8. Insira o código abaixo.
9. Clique em atualizar arquivo.

Usando o plugin Woocommerce Breadcrumbs

Por fim, se você for um usuário do Woocommerce, poderá usar o plug-in Woocommerce Breadcrumbs para adicionar a funcionalidade breadcrumb ao seu site.

Aqui está o que você precisará fazer:

1. Instale o plugin Woocommerce Breadcrumbs no seu site WordPress.
2. Navegue até as configurações.
3. Clique em migalhas de WC.
4. Marque a caixa ao lado para habilitar breadcrumbs.
5. Clique em salvar alterações .

Fonte: fixrunner.com

Personalize o WordPress Breadcrumbs com CSS

Você pode estilizar trilhas de pão aplicando CSS personalizado para combinar com o estilo exclusivo do seu site. Se você estiver codificando suas migalhas de pão, precisará pensar na estética que deseja.

Para fazer isso, você precisará adicionar CSS personalizado para estilizar suas trilhas de pão na folha de estilo do tema existente ou no WordPress Customizer. Aqui, você poderá fazer ajustes de design em suas migalhas de pão, incluindo adaptar fontes, cores, margens, ícones e bordas.

Duas maneiras de remover migalhas de pão do seu site

Breadcrumbs têm vantagens óbvias quando se trata de ajudar na navegação do site e SEO para o crescimento , mas nem todo mundo gosta de incluí-los. Se você decidiu que deseja remover as trilhas de navegação do seu site, há duas maneiras de fazer isso.

Alterne o interruptor de desativação

A primeira maneira de remover breadcrumbs é simplesmente alternar a opção em seu plugin para desabilitar breadcrumbs ou desativar o plugin completamente.

Remova o código inserido manualmente

A outra opção é remover o código inserido manualmente. Simplesmente retorne à pasta header.php do seu site e exclua a linha de código que adiciona breadcrumbs ao seu site.

Deixe um rastro de migalhas de pão

Breadcrumbs são um ótimo complemento para qualquer site. Eles ajudam os usuários a navegar por suas páginas da web e rastreadores de mecanismos de pesquisa para entender melhor seu conteúdo.

Além do mais, incorporar breadcrumbs em seu site é bastante simples. Alguns modelos do WordPress até têm migalhas de pão incluídas.

Se você ainda não está fazendo pão, o que está esperando?