O All in One SEO facilita a exibição de breadcrumbs em seu site. Isso ajuda os visitantes a navegar pelo site.
Os Breadcrumbs também ajudam os mecanismos de pesquisa a entender a estrutura do seu site.
Neste artigo
IMPORTANTE: o
All in One SEO gera informações de breadcrumb em dois locais: no front end do site, visível para os visitantes e para os mecanismos de pesquisa, e no código-fonte do site, visível para os mecanismos de pesquisa.
Elas podem não corresponder porque há regras específicas para a marcação de breadcrumbs no código-fonte que precisam ser cumpridas. Essas regras não afetam o que você pode exibir aos visitantes na parte frontal do site.
Como resultado disso, as configurações descritas neste artigo afetam SOMENTE o que é exibido no front-end de seu site. Elas NÃO afetam o que é exibido no código-fonte.
Ativação de Breadcrumbs
Para começar, clique em General Settings (Configurações gerais ) no menu All in One SEO e, em seguida, clique na guia Breadcrumbs (Migalhas de pão).
Você verá as quatro maneiras diferentes de exibir breadcrumbs em seu site. Você pode aprender a usar cada um desses métodos na seção aqui.
Configurações de navegação
Em seguida, você verá a seção principal Breadcrumbs Settings (Configurações de breadcrumbs ). Na parte superior dessa seção, há uma visualização que mostra a aparência dos breadcrumbs com base nas suas configurações.
A primeira configuração que você verá é o Separador. Aqui você pode clicar em um dos caracteres disponíveis para escolhê-lo.
O caractere que você escolher será mostrado na visualização para que você possa ver como ele ficará no seu site.
Você também pode inserir um código de caractere HTML no campo Custom Separator (Separador personalizado ) para definir seu próprio caractere separador personalizado.
Em seguida, você verá a configuração do link da página inicial. Você pode usar o botão de alternância para ativar ou desativar essa configuração.
Se ativado, o All in One SEO exibirá a palavra "Home" como o primeiro breadcrumb e o vinculará à sua página inicial, como neste exemplo:
Home " Sem categoria " Olá, mundo!
Você pode alterar a palavra "Home" usando o campo de rótulo da página inicial.
IMPORTANTE:
O campo de rótulo da página inicial não afeta a marcação do esquema Breadcrumbs produzida pelo All in One SEO.
Se você quiser alterar o rótulo Home da marcação do esquema Breadcrumbs, precisará usar o filtro aioseo_schema_breadcrumbs_home aqui.
A próxima configuração é Breadcrumb Prefix. Insira qualquer texto nesse campo e ele aparecerá na frente dos breadcrumbs em seu site, da seguinte forma:
Breadcrumb Prefix " Página inicial " Sem categoria " Olá, mundo!
Em seguida, você verá campos de formato para Formato de arquivo, Formato de resultado de pesquisa e Formato de erro 404. Esses campos controlam o texto que é exibido nos breadcrumbs para páginas de arquivo do tipo post, a página de resultados de pesquisa e a página 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 emojis onde você pode adicionar um emoji.
A configuração final em Breadcrumb Settings é Current Item, onde você verá as configurações para Show current item e Link current item.
A ativação da configuração Mostrar item atual exibirá o nome da página atual como o último breadcrumb, por exemplo:
Home " Sem categoria " Olá, mundo!
A ativação da configuração Link do item atual exibirá o nome da página atual como um link como este:
Home " Sem categoria " Olá, mundo!
Parabéns! Você configurou com êxito os breadcrumbs em seu site. Há configurações adicionais para os Breadcrumbs Templates que os clientes que usam nosso plug-in Pro verão. Você pode saber mais sobre como configurar e usar os 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, há quatro maneiras diferentes de exibir breadcrumbs em seu site. Os detalhes sobre como usar cada método são fornecidos abaixo.
Método de código curto
Para adicionar breadcrumbs ao seu site usando o shortcode, tudo o que você precisa fazer é inserir o shortcode em seu conteúdo.
Método do Bloco de Gutenberg
Para adicionar breadcrumbs ao seu site usando o Bloco do Gutenberg, edite seu conteúdo no Block Editor 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 modelo PHP do seu tema.
<?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>
O aioseo_breadcrumbs() precisa ser executada dentro da função o loop do WordPresscaso 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 Widget
Para adicionar breadcrumbs ao seu site usando o widget, vá para Appearance " Widgets. Se o seu tema for compatível com á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-o e solte-o na área do widget onde você deseja colocá-lo.
O widget não tem configurações, mas você pode, opcionalmente, adicionar um título ao widget no campo Title (Título ).
Controle de Breadcrumbs em cada post
Você pode controlar os breadcrumbs no nível de post individual ou de termo.
Para fazer isso, edite qualquer publicação ou categoria/tag e role para baixo até a seção AIOSEO Settings (Configurações do AIOSEO ) e clique na guia Advanced (Avançado ).
Você verá a seção Breadcrumbs (Migalhas de pão), que mostra como as migalhas de pão dessa postagem são exibidas.
Para personalizar os breadcrumbs para a postagem específica, clique no botão Use Default Settings (Usar configurações padrão) para exibir as configurações de breadcrumb.
Você verá as mesmas configurações descritas nas Configurações de Breadcrumb acima neste documento.
Você pode usar essas configurações para personalizar os breadcrumbs para esse post ou termo específico.
Você também pode personalizar o modelo de breadcrumb, adicionando seu próprio HTML ou texto. Para saber mais sobre os modelos de breadcrumb, consulte nosso artigo Configurando e usando modelos de breadcrumbs.