+ Detalhes >

Publicado em: 27 de julho de 2024

arrow_backVoltar Imagem do post

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

renew-subscription Atualizado em: 1 de dezembro de 2024

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 ou single.php), adicione o código PHP fornecido pelo Yoast para exibir os breadcrumbs.
  • 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. [Atualizado em 01/12/2024] Clique aqui para baixar