Como Instalar e Configurar o Código de Breadcrumbs (Caminho de Navegação) no Blogger: Guia Completo
Se você tem um blog no Blogger e quer melhorar a navegação e a indexação do seu conteúdo pelo Google, um ótimo recurso a ser adicionado é o Breadcrumbs. Breadcrumbs, ou "caminho de navegação", são aquelas trilhas que aparecem no topo das páginas indicando a posição do conteúdo dentro da estrutura do site. Além de melhorar a experiência do usuário, os breadcrumbs também são muito úteis para SEO e podem contribuir para que o Google mostre seus posts de forma mais organizada nos resultados de busca.
Neste artigo, vamos explicar como adicionar o código de breadcrumbs usando dados estruturados no formato JSON-LD, e como configurá-lo corretamente no Blogger. Vamos garantir que a implementação seja simples e eficaz, para que o seu blog esteja otimizado para SEO e pronto para receber o Google AdSense.
O que é JSON-LD e por que usar?
O JSON-LD (JavaScript Object Notation for Linked Data) é um formato de dados estruturados recomendado pelo Google para descrever informações de maneira legível por máquinas, como dados de breadcrumbs, produtos, eventos e muito mais. Quando utilizado no seu site, o Google pode entender melhor a estrutura do conteúdo e exibir resultados aprimorados nos seus resultados de busca.
Como Adicionar o Código JSON-LD de Breadcrumbs no Blogger
Aqui está o código JSON-LD que você vai adicionar ao seu template do Blogger para ativar o breadcrumbs:
<script type='application/ld+json'>
//<![CDATA[
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"@id": "#Breadcrumb",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"item": {
"name": "<data:messages.home/>",
"@id": "<data:blog.homepageUrl.jsonEscaped/>"
}
},{
"@type": "ListItem",
"position": 2,
"item": {
"name": "<b:if cond='data:post.labels'><data:post.labels.last.name/></b:if>",
"@id": "<b:if cond='data:post.labels'><data:post.labels.last.url.jsonEscaped/></b:if>"
}
},{
"@type": "ListItem",
"position": 3,
"item": {
"name": "<data:post.title/>",
"@id": "<data:post.url.jsonEscaped/>"
}
}]
}
//]]>
</script>
Este código vai gerar a estrutura de breadcrumbs para as páginas do seu blog e também fornecerá dados estruturados para o Google identificar facilmente o caminho de navegação.
Passo a Passo para Adicionar o Código no Blogger
Agora que você tem o código, vamos ver como adicioná-lo corretamente ao seu template no Blogger. Siga os passos abaixo:
Passo 1: Acesse o Painel de Controle do Blogger
- Vá para o painel do seu blog no Blogger.
- No menu à esquerda, clique em "Tema".
Passo 2: Editar o HTML do Tema
- Em "Tema", clique na opção "Editar HTML". Isso abrirá o editor de código-fonte do seu blog.
Passo 3: Inserir o Código de Breadcrumbs
-
No editor de HTML, encontre o local correto para inserir o código JSON-LD. Normalmente, é ideal inserir o código logo após a tag
<head>, ou dentro do corpo do post, onde você deseja que o código seja executado. -
Cole o código que fornecemos acima logo antes da tag
</head>ou no local desejado.
Passo 4: Salvar as Alterações
- Após inserir o código no local correto, clique em "Salvar" para aplicar as alterações no seu blog.
Como Verificar se o Código Está Funcionando
Após adicionar o código JSON-LD, é importante verificar se ele está funcionando corretamente. Aqui estão duas formas de fazer isso:
1. Testar no Google Search Console (Rich Results Test)
- Acesse o Google Rich Results Test.
- Digite a URL de uma página ou post do seu blog que contenha o código de breadcrumbs.
- Clique em "Testar URL" e aguarde o teste ser concluído.
- Se o código foi implementado corretamente, você verá "Breadcrumb" listado como um resultado aprimorado.
2. Verificar o Código-Fonte
- Acesse o seu post no navegador.
- Clique com o botão direito na página e selecione "Ver código-fonte".
- Procure pelo trecho de código JSON-LD. Você deve ver as variáveis do Blogger sendo substituídas, como por exemplo
<data:post.title/>sendo substituído pelo título real do post.
Benefícios dos Breadcrumbs para SEO e Google AdSense
Adicionar o código de breadcrumbs no seu blog não só melhora a experiência do usuário, mas também tem impactos positivos para o SEO e a monetização via Google AdSense:
-
Melhora a Navegação: Breadcrumbs ajudam os usuários a entenderem a estrutura do site e facilitam a navegação, o que pode reduzir a taxa de rejeição e aumentar o tempo no site.
-
Aprimoramento nos Resultados de Busca: O Google pode mostrar seus breadcrumbs diretamente nos resultados de pesquisa, tornando seu link mais visível e atraente.
-
Aprovação do Google AdSense: O Google AdSense valoriza blogs bem estruturados e que ofereçam uma boa experiência de navegação. Usar dados estruturados pode aumentar suas chances de ser aprovado no programa.
Conclusão
Adicionar dados estruturados ao seu blog Blogger com o código JSON-LD de breadcrumbs é uma excelente prática para melhorar a visibilidade do seu conteúdo nos motores de busca, otimizar a experiência do usuário e aumentar suas chances de aprovação no Google AdSense.
Se você seguir o passo a passo corretamente e testar o código, seu blog estará bem posicionado para aproveitar todos os benefícios dessa implementação. Não se esqueça de sempre testar a página após alterações no código e monitorar seu desempenho no Google Search Console.
Com essa configuração, seu blog estará mais amigável para os mecanismos de busca, o que pode resultar em maior tráfego e melhores resultados para sua monetização com o Google AdSense.