Como Adicionar Breadcrumbs no Blogger para Melhorar SEO e Monetização com Google AdSense

Tv ZONA 47
Tv ZONA 47

 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.

Breadcrumbs é uma das melhores prática para Monetização com Google AdSense


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

  1. Vá para o painel do seu blog no Blogger.
  2. No menu à esquerda, clique em "Tema".

Passo 2: Editar o HTML do Tema

  1. 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

  1. 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.

  2. Cole o código que fornecemos acima logo antes da tag </head> ou no local desejado.

Passo 4: Salvar as Alterações

  1. 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)

  1. Acesse o Google Rich Results Test.
  2. Digite a URL de uma página ou post do seu blog que contenha o código de breadcrumbs.
  3. Clique em "Testar URL" e aguarde o teste ser concluído.
  4. Se o código foi implementado corretamente, você verá "Breadcrumb" listado como um resultado aprimorado.

2. Verificar o Código-Fonte

  1. Acesse o seu post no navegador.
  2. Clique com o botão direito na página e selecione "Ver código-fonte".
  3. 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.


Leia Também

Postar um comentário