Como implementar o Google autoria no Blogger

• Facebook
• WhatsApp
• Twitter
• Pinterest
• LinkedIn

Este artigo é um guest post escrito por Kevin Oliveira, que é designer por amor,blogueiro por hobbie, leitor quando tem tempo, cômico de vez em quando, minimalista, pseudo-nerd e criativo nas horas vagas.

---

Agora é possível implementar o Google autoria no Blogger. O Google fez uma mudança em seu algoritmo onde, quando implementado o rel=”author” é assinado que você, sim você, foi o autor daquela postagem e sua foto aparecerá abaixo da mesma nas pesquisas do Google.

Antes de começar esta modificação em seu código, peço que faça o backup de seu layout, para caso você erre não tenha problemas.

 

Google autoria no Blogger

 

Então, primeiramente logue em seu painel do blogger, vá até a opção modelo » clique em Editar HTML.

 

Esta foi apenas a primeira parte, agora iremos implementar uma condicional de autor que significa que o conteúdo naquela página só irá aparecer se for escrito por aquela pessoa.

No editor HTML do seu template, clique no botão “formatar modelo” e em seguida use as teclas Ctrl+F, na caixinha de pesquisa, cole o código a seguir e tecle “enter” para localizar a seguinte tag <b:if cond='data:top.showAuthor'>

Encontrou? Então, prossiga.
Agora, como foi dito acima, você deverá criar uma condicional de autor.
Abaixo da tag que encontramos crie a seguinte tag:
<b:if cond='data:post.author == "NOME"'>
Onde está escrito “NOME” você deve trocar por seu nome, no caso o que está configurado no blogger e que já está aparecendo em seus artigos.

Dentro desta condicional, crie um link, com seu perfil do Google Plus, no final do link coloque o ?rel=author, também seria interessante aplicar dentro da sua tag de link o comando rel=’author’, deixando-o mais ou menos assim: “http://plus.google.com/u/0/numero-de-seu-perfil?rel=author“.

Não coloque texto em seu link, coloque a tag: <data:post.author/>, após, feche seu link.

Neste momento seu código deverá estar mais ou menos assim:

 <b:if cond='data:top.showAuthor'> <b:if cond='data:post.author == "NOME"'> <a href="http://plus.google.com/u/0/numero-de-seu-perfil?rel=author" rel="author"><data:post.author/></a> 

Se estiver assim prossiga, se não, leia novamente.

Após isso, você deve fechar as condicionais, senão você irá quebrar seu layout. Para fechar, utilizamos a tag </b:if>, portanto, seu código final será mais ou menos este:

 <b:if cond='data:top.showAuthor'> <b:if cond='data:post.author == "NOME"'> <a href="http://plus.google.com/u/0/numero-de-seu-perfil?rel=author"><data:post.author/></a> </b:if> </b:if> 

 

Se seu blog tiver mais de um autor, copie e cole várias vezes este código (um abaixo do outro), fazendo as devidas modificações.

Se ainda houver dúvidas, deixem abaixo nos comentários, desculpe pelo tutorial rápido e sem detalhes, há um bom tempo não faço isso e meu blog também não é sobre isso, abordo design no mesmo. Agradeço o convite da amiga Vanessa e se ela e vocês pedirem, quem sabe eu não volto com mais artigos.

 

 

Esse artigo é um guest post escrito por Kevin Oliveira. Para saber mais sobre ele, leia as informações no início do artigo.

• Facebook
• WhatsApp
• Twitter
• Pinterest
• LinkedIn