Exibindo Breadcrumbs em Seu Site

O All in One SEO facilita a exibição de breadcrumbs em seu site. Eles ajudam seus visitantes a navegar pelo seu site.

Breadcrumbs também ajudam os motores de busca a entender a estrutura do seu site.

Habilitando Breadcrumbs

Para começar, clique em Configurações Gerais no menu All in One SEO e, em seguida, clique na aba Breadcrumbs.

Aba Breadcrumbs na tela de Configurações Gerais

Você verá as quatro maneiras diferentes de exibir breadcrumbs em seu site. Você pode aprender como usar cada um desses métodos na seção aqui.

Seção Mostrar Breadcrumbs no Seu Site

Em seguida, você verá a seção principal Configurações de Breadcrumbs. No topo desta seção, há uma Visualização que mostra como seus breadcrumbs ficarão com base em suas configurações.

Pré-visualização de Breadcrumbs no All in One SEO

A primeira configuração que você verá é o Separador. Aqui você pode clicar em um dos caracteres disponíveis para escolhê-lo.

Selecione o caractere que você deseja usar como separador para seus breadcrumbs

O caractere que você escolher será exibido na Visualização para que você possa ver como isso ficará em seu site.

Você também pode inserir um código de caractere HTML no campo Separador Personalizado para definir seu próprio caractere separador personalizado.

Insira o código do caractere HTML no campo Separador Personalizado para usar seu próprio caractere

Em seguida, você verá a configuração Link da Página Inicial. Você pode usar o alternador para habilitar ou desabilitar esta configuração.

Se habilitado, o All in One SEO exibirá a palavra “Início” como o primeiro breadcrumb e a vinculará à sua página inicial como neste exemplo:

Início » Não categorizado » Olá, mundo!

Você pode alterar a palavra “Início” usando o campo Rótulo da Página Inicial.

Configurações de Link da Página Inicial e Rótulo da Página Inicial

A próxima configuração é Prefixo do Breadcrumb. Insira qualquer texto neste campo e ele aparecerá antes dos breadcrumbs em seu site como este:

Prefixo do Breadcrumb » Início » Não categorizado » Olá, mundo!

Campo Formato do Arquivo no menu Configurações de Breadcrumbs

Em seguida, você verá campos de formato para Formato do Arquivo, Formato do Resultado da Pesquisa e Formato do Erro 404. Esses campos controlam o texto que é exibido nos breadcrumbs para páginas de arquivo de tipo de post, a página de resultados da pesquisa e a página 404.

Campos Formato do Arquivo, Formato do Resultado da Pesquisa e Formato do Erro 404

Você pode usar nossas tags inteligentes mostradas acima dos campos, inserir texto nos campos ou combinar texto com as tags inteligentes e há um seletor de emoji onde você pode adicionar um emoji.

A configuração final em Configurações de Breadcrumbs é Item Atual, onde você verá as configurações para Mostrar item atual e Vincular item atual.

Configurações do Item Atual em Configurações de Breadcrumbs

Ativar a configuração Mostrar item atual exibirá o nome da página atual como o último breadcrumb, por exemplo:

Página Inicial » Sem Categoria » Olá mundo!

Ativar a configuração Vincular item atual exibirá o nome da página atual como um link como este:

Início » Não categorizado » Olá, mundo!

Parabéns! Você configurou com sucesso os breadcrumbs em seu site. Existem configurações adicionais para Modelos de Breadcrumbs que os clientes que usam nosso plugin Pro verão. Você pode aprender sobre Configuração e Uso de Modelos de Breadcrumbs aqui.

Em seguida, você precisará exibi-los no front-end do seu site usando um dos métodos abaixo.

Exibindo Breadcrumbs no Front-End do Seu Site

Conforme detalhado acima, existem quatro maneiras diferentes de exibir breadcrumbs em seu site. Os detalhes sobre como usar cada método são fornecidos abaixo.

Método de Shortcode

Para adicionar breadcrumbs ao seu site usando o shortcode, tudo o que você precisa fazer é inserir o shortcode em seu conteúdo.

Método de Bloco Gutenberg

Para adicionar breadcrumbs ao seu site usando o Bloco Gutenberg, edite seu conteúdo no Editor de Blocos e adicione o bloco AIOSEO – Breadcrumbs. Não há configurações de bloco.

Método de Código PHP

Para adicionar breadcrumbs ao seu site usando o código PHP, copie o código abaixo e cole-o no template PHP do seu tema.

<?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>

A função aioseo_breadcrumbs() precisa ser executada dentro do loop do WordPress; caso contrário, o All in One SEO não conseguirá determinar o contexto da página atual. Se a função for chamada fora do loop, nada será renderizado.

Método de Widget

Para adicionar breadcrumbs ao seu site usando o widget, vá para Aparência » Widgets. Se o seu tema suportar áreas de widget, você as verá no lado direito.

No lado esquerdo, você verá uma lista de widgets disponíveis. Clique no widget AIOSEO – Breadcrumbs e, em seguida, arraste e solte-o na área de widget onde você deseja colocá-lo.

O widget não tem configurações, mas você pode opcionalmente adicionar um título de widget no campo Título.

Widget AIOSEO - Breadcrumbs exibido na tela de Widgets em Aparência

Controlando Breadcrumbs em Cada Post

Você pode controlar os breadcrumbs no nível individual de post ou termo.

Para fazer isso, edite qualquer post ou categoria/tag e role para baixo até a seção Configurações do AIOSEO, em seguida, clique na aba Avançado.

Aba Avançado da seção Configurações do AIOSEO na tela Editar Postagem

Você verá a seção Breadcrumbs que mostra como os breadcrumbs deste post aparecem.

Para personalizar os breadcrumbs para a postagem específica, clique no botão Usar Configurações Padrão para exibir as configurações de breadcrumbs.

Configurações de breadcrumbs na aba Avançado da seção Configurações do AIOSEO na tela Editar Postagem

Você verá as mesmas configurações descritas em Configurações de Breadcrumbs acima nesta documentação.

Você pode usar essas configurações para personalizar os breadcrumbs para esta postagem ou termo específico.

Você também pode personalizar o template de breadcrumbs, adicionando seu próprio HTML ou texto. Para saber mais sobre templates de breadcrumbs, confira nosso artigo Configurando e Usando Templates de Breadcrumbs.