Você gostaria de adicionar breadcrumbs – Breadcrumbs – a um site Elementor ?
Todos nós conhecemos o conto de fadas Hansel e Gretel, certo? Dois irmãos perdidos que costumavam deixar um rastro com pedaços de pão para seguir o caminho de volta para casa.
O conceito de breadcrumbs do site é praticamente o mesmo. O breadcrumb basicamente mostra aos visitantes sua pegada no site e informa a seus visitantes onde eles estão. Com breadcrumbs, os visitantes podem navegar até sua localização no site, onde podem retornar ao caminho percorrido. Em suma, funciona como um navegador no site que melhora a experiência do usuário.
Neste artigo, você aprenderá mais sobre o breadcrumb, pois discutiremos o widget Elementor Breadcrumbs, por que usá-lo e como usá-lo.
O que são migalhas de pão em um site?
O fio de AriadneElementor é um pequeno caminho de texto que funciona como uma bússola virtual para sites. Com este sistema de navegação secundário, os visitantes podem retornar às páginas que navegaram.
Por exemplo, você visita uma loja online para comprar um fone de ouvido, digamos um iPod. Você irá, portanto, para a página inicial, depois para a página de acessórios e, finalmente, para a página do produto. Neste caso, o breadcrumb será o seguinte: Início> Acessórios > Fone de ouvido > iPod.
Ele mostra o caminho que você percorreu até a página. E cada parte dele é clicável. Por exemplo, se você quiser voltar para a página de acessórios, basta clicar em "Acessórios" na trilha. E você vai para a página.
O que o widget Elementor breadcrumb oferece?
O construtor de sites Elementor torna super fácil adicionar migalhas de pão ao seu site WordPress. Você só precisa arrastar e soltar o widget e configurá-lo. Existem alguns recursos incríveis que este widget oferece.
Eles são:
- Estilos de migalhas personalizáveis.
- Personalização de tipografia, cor e muito mais.
- A capacidade de adicionar ícones personalizados individuais para a página inicial e outras páginas.
- A escolha do estilo do separador para o texto ou o ícone
Como usar o Breadcrumb com o Elementor Pro
O widget de navegação do Elementor trabalha com o Yoast SEO plugin. Então você precisa instalar o plugin Yoast primeiro e depois criar breadcrumbs em sua página da web.
Passo 1: Instale o plugin Yoast SEO
Acesso a Plugins do seu painel do WordPress e clique no botão Adicionar. Em seguida, procure por Yoast e aperte o botão de instalação. Uma vez instalado, ative o plugin.
Descubra o nosso guia em Como instalar um plugin do WordPress
Etapa 2: configurar o breadcrumb nas configurações do Yoast
Depois de instalar e ativar o plugin, vá para SEO >> Configurações de SEO. Em seguida, mude para o " Migalhas de pão e habilite o breadcrumb e altere sua configuração.
Etapa 3: adicionar migalhas de pão à página da Web
Depois de habilitar as configurações do breadcrumb, vá para a página onde você deseja adicionar o breadcrumb e abra a página com o Elementor. Em seguida, arraste e solte o widget no editor do Elementor
No painel do widget breadcrumb, você pode definir seu alinhamento e escolha o Tag HTML na farinha de rosca.
Na guia Breadcrumb Style, você pode definir seu tipografiaDepois cor do texto. Você também tem a opção de definir cores individuais para os estados de breadcrumb Normal e Hover.
É isso, agora clique no botão Publicar ou Atualizar para aplicar suas alterações.
Por que usar o Breadcrumb do Elementor em seu site
O breadcrumb do Elementor ajuda você a informar aos usuários onde eles estão. A trilha de migalhas é uma ferramenta essencial para melhorar a experiência do usuário do seu site e Motor de Otimização de Busca.
A navegação por trilha tem muitas vantagens.
SEO : Você pode saber que os visitantes gostam de breadcrumbs, mas o Google também. O Google pode usá-los nos resultados de pesquisa e torna seu resultado muito mais atraente para os usuários. Além disso, as palavras usadas em um breadcrumb podem ser as palavra chave alvos do seu site.
Veja também: Como adicionar reCAPTCHA ao seu formulário
Breadcrumb melhora o UX: As pessoas odeiam se perder. Você precisa manter os visitantes felizes e reduzir o atrito o máximo possível. Ele pode ajudar na experiência do usuário, pois é um elemento de interface comum que mostra instantaneamente às pessoas uma saída.
Taxas de rejeição mais baixas : Quase ninguém acessa um site através da página inicial. É tudo sobre busca orgânica. Isso significa que qualquer parte do seu site pode ser um ponto de entrada.
Pensamento final
O widget Elementor Breadcrumbs facilita a adição de breadcrumbs ao seu site WordPress. A ampla gama de recursos do Elementor permite que você crie migalhas de pão personalizadas para aprimorar ainda mais a experiência do usuário.
Obtenha o Elementor Pro agora!
Conclusão
Assim ! É isso para este artigo que mostra como adicionar breadcrumbs -Breadcrumbs- ao seu site. Se você tiver alguma dúvida sobre como chegar lá, avise-nos dentro Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
