+ Detalhes >
Publicado em: 27 de julho de 2024
![Imagem do post](../uploads/cmvkFO0E20Nzxk89rQIt--1--uw3cw.webp)
Como Adicionar Breadcrumbs no Seu Site com Elementor: Método Tradicional vs. Widget da Descomplica
Facilite a Navegação do Seu Site com Breadcrumbs: Guia Completo para Implementação com Elementor, Yoast e o Widget da Descomplica
Os breadcrumbs são uma excelente ferramenta para melhorar a navegação e a usabilidade do seu site. Eles ajudam os visitantes a entenderem a estrutura do site e a navegarem de forma eficiente. Existem várias maneiras de adicionar breadcrumbs ao seu site, e neste artigo, vamos explorar o método tradicional utilizando o Elementor e o Yoast, e também apresentar o widget de breadcrumbs gratuito da Descomplica, que facilita ainda mais esse processo.
Método Tradicional: Instalação do Elementor e Yoast
Passo 1: Instalar o Elementor
- Acesse o Painel do WordPress
- Vá até o painel do WordPress e navegue até "Plugins" > "Adicionar Novo".
- Pesquisar e Instalar o Elementor
- Na barra de pesquisa, digite "Elementor" e clique em "Instalar Agora" quando o plugin aparecer. Depois, clique em "Ativar".
Passo 2: Instalar o Yoast SEO
- Pesquisar e Instalar o Yoast SEO
- Da mesma forma, vá até "Plugins" > "Adicionar Novo" e pesquise por "Yoast SEO". Clique em "Instalar Agora" e, em seguida, em "Ativar".
Passo 3: Configurar Breadcrumbs no Yoast SEO
- Configurações do Yoast SEO
- No painel do WordPress, vá até "SEO" > "Aparência da Pesquisa". Clique na aba "Breadcrumbs" e habilite a opção de breadcrumbs.
- Adicionar Código ao Tema
- No arquivo de tema do seu site (geralmente
header.php
ousingle.php
), adicione o código PHP fornecido pelo Yoast para exibir os breadcrumbs.
- No arquivo de tema do seu site (geralmente
Passo 4: Adicionar o Widget de Breadcrumbs no Elementor
- Abrir a Página com Elementor
- Abra a página que deseja editar com o Elementor.
- Adicionar o Widget de Breadcrumbs
- Na barra lateral do Elementor, procure por "Yoast Breadcrumbs" e arraste o widget para a área desejada da página.
Método Alternativo: Utilizando o Widget de Breadcrumbs da Descomplica
Passo 1: Baixar e Instalar o Widget de Breadcrumbs da Descomplica
- Download do Widget
- Baixe o widget de breadcrumbs gratuito da Descomplica diretamente do nosso site.
- Instalar o Widget
- No painel do WordPress, vá até "Plugins" > "Adicionar Novo". Clique em "Enviar Plugin" e selecione o arquivo baixado. Clique em "Instalar Agora" e, em seguida, em "Ativar".
Passo 2: Adicionar o Widget ao Elementor
- Abrir a Página com Elementor
- Abra a página que deseja editar com o Elementor.
- Adicionar o Widget de Breadcrumbs da Descomplica
- Na barra lateral do Elementor, procure pelo widget de breadcrumbs da Descomplica. Arraste e solte o widget na área desejada da página.
Vantagens de Utilizar o Widget da Descomplica
- Facilidade de Uso: Não é necessário configurar plugins adicionais ou adicionar códigos ao tema do site.
- Compatibilidade: Totalmente integrado com o Elementor, permitindo personalização direta na interface do construtor de páginas, testado com o Elementor 3.23 e Wordpress 6.6.1.
- Gratuito: Desenvolvido pela Descomplica, o widget é uma solução gratuita que economiza tempo e oferece uma configuração simplificada.
Embora o método tradicional de adicionar breadcrumbs utilizando o Elementor e o Yoast SEO seja eficaz, o widget de breadcrumbs da Descomplica oferece uma solução mais simples e rápida. Com ele, você pode melhorar a navegação do seu site sem complicações adicionais. Clique aqui para baixar