Como adicionar Rich Pins em um blog do Blogger? - * Blog Elaine Gaspareto *

Como adicionar Rich Pins em um blog do Blogger?

Publicado em 14/02/2017

Como adicionar Rich Pins em um blog do Blogger?

Você é usuário do Pinterest?
Se já é com certeza deve ter percebido que ele, o Pinterest, é uma ferramenta poderosa na divulgação dos posts do blog, né?
Se não usa ainda para essa finalidade, não tem ideia do que está perdendo!

Hoje nós vamos falar de algo que ainda não encontrei um tutorial em português que fosse eficiente e desse resultado de fato: Como adicionar Rich Pins em um blog do Blogger.
Não sabe o que são os rich pins?
Vem comigo, vou te explicar e você vai amar descobrir!


Quando "pinamos" uma imagem no Pinterest e ela é proveniente de um blog que não tem os rich pins ativados essa imagem aparece assim, no Pinterest:


Sem maiores informações, percebe?

Quando o blog tem os rich pins ativados a imagem aparece assim, com descrição, favicon do blog, nome do post, nome do autor e mais informações, como no exemplo que capturei de um pin do blog Reciclar e Decorar:



Percebe as informações? Nome do blog antes da imagem, logo do blog, nome do autor, resumo do post, etc...
Mas você pode se perguntar:
Qual a vantagem?
Muitas!

Além de ficar mais completo e rico, pins validados aparecem melhor posicionados no Pinterest, tanto na página inicial quanto nas pesquisas internas.
E também aparecem melhor posicionados nas pesquisas Google.
Legal, né? Quer aprender como tornar os pins de seu blog ricos e lindos?
Vem comigo! Vamos aprender!


Para funcionar você precisa ativar a Descrição da pesquisa em seu blog.
Se já fez isso, ok, passe para a próxima etapa.
Se ainda não fez siga esse passo-a-passo:


Como ativar a Descrição da pesquisa em blogs do Blogger?


Vá ao painel administrativo de seu blog e clique na aba Configurações.
A seguir clique em Preferências de pesquisa.
No campo Metatags clique em Descrição.
Se já tiver algo aí significa que sua Descrição da pesquisa está ativa. Deixe como está e passe para a próxima etapa.
Se, contudo, aparecer assim:


significa que você precisa ativar.
Clique em Editar e na caixinha que aparecer escolha Sim e digite a descrição de seu blog em até 150 caracteres. Salve.

À partir daí, sempre que você fizer um post verá, na lateral direita de seu editor de postagem, um campo denominado Descrição da pesquisa.
Clique nele e a área expandirá. Nessa área você precisa digitar a descrição de sua postagem, sobre o que ela trata, etc. Depois de pronto, salve e publique seu post normalmente.
Isso é essencial, ok?
Não só por causa do Pinterest, mas por causa do Google+, do Facebook, etc.
Todas as redes sociais onde você ou algum leitor seu compartilhar seus posts vão buscar e renderizar essa descrição. Portanto, nunca a esqueça!

Descrição da pesquisa ativada? Vamos ao tutorial que ensina como adicionar rich pins à um blog do Blogger!



Como adicionar rich pins à um blog do Blogger


Em todos os tutoriais que achei pela internet afora sempre faltava algo e o rich pin não validava.
Levei algum tempo pra juntar algumas dicas colhidas de sites americanos e montar o código que funciona sem erros e que venho usando no blog há mais de 1 ano.
É esse código que vou compartilhar, bem como o passo a passo de como inserir os rich pins em seu blog do Blogger.

Para começar você precisa acessar a aba Modelo de seu blog.
Aí clique em Editar HTML e dentro da caixa de código tecle Ctrl+F.
Na barra de busca que expandir cole isso:



E tecle Enter para localizar.
Abaixo desse comando cole este código:


Copiar o código


Altere onde está SEU NOME AQUI pelo seu nome, aquele que usa para assinar/identificar seus posts. Não precisa ser o nome de seu perfil Pinterest, é o seu nome, de autor do blog, ok?
Preste atenção ao que vou explicar:
Eu escolhi a tag "article" para definir meus rich pins.
Há as seguintes opções:

  • Article Pins
  • Movie Pins
  • Place Pins
  • Product Pins
  • Recipe Pins
  • Reference

Escolha qual se encaixa melhor no tema de seu blog e troque a palavra article do código pela palavra que você escolher.
Exemplo: se seu blog é um blog de receitas escolha recipes e troque article por recipes.
E assim por diante.
Ok?
Feito isso, salve.

Estamos terminando. Agora vamos validar seus rich pins.
Clique Pinterest’s Rich Pins Validator.
Na página que abrir coloque a url de um post seu, que tenha a descrição da pesquisa, no campo indicado. Assim:


Colocou o endereço de seu post? Veja bem, é endereço de um post, ok
Clique em Validate.
Caso tenha dado tudo certo vai aparecer essa página:

Clique então em Apply now.
Está feito!

Mas atenção!
Pode demorar um pouco para que o Pinterest valide seus rich pins. Essa demora varia de horas até semanas, mas assim que for feita será aplicada à todos os seus pins, novos e antigos.

Gostou do tutorial?
Aproveite e siga meu perfil lá no Pinterest:

Elaine Gaspareto


Aproveite o tutorial, estude-o até entender, aplique em seu blog!
E caso queira me fazer uma gentileza compartilhe esse post em suas redes sociais, curta, divulgue...
Eu ficarei muito feliz e grata...




54 comentários via Blogger
comentários via Facebook

54 comentários:

  1. Oi Elaine, bn!
    Amei a dica e acho que vou me aventurar nessa lição kkk
    Bjsss e muito obrigada pela visita e pelo comentário lá no blog

    ResponderExcluir
  2. Olá Elaine! Tentei fazer esse tutorial no meu blog, mas aparece a seguinte mensagem:
    The widget with id "Blog1" cannot contain element: "meta". A widget can only contain b:includable elements
    Logo após a frase que você pede para buscar, aparece ....
    Uso um modelo seu, o Adeline, que você disponibilizou em outubro/2016.
    Se puder ajudar, ficarei muito agradecida!!
    Abraços!!

    ResponderExcluir
    Respostas
    1. Olá!
      Eu instalei agora no blog de testes do mesmo modelo que o seu e está tudo ok.
      Minha sugestão é que você refaça, tendo certeza de que está colando o código no lugar certinho e que não esqueceu nenhum sinalzinho...
      bjsss

      Excluir
    2. Para mim ocorre o mesmo erro! :/

      Excluir
  3. Que delícia, deu bem certinho! Muito obrigada por compartilhar teus conhecimentos.
    Bjs,. Frida Lucia

    ResponderExcluir
  4. Oi nossa muito obrigada estava batendo cabeça para conseguir isto, muito obrigada mesmo por todas as dicas do site.

    ResponderExcluir
  5. Fazia tempo que eu procurava um tutorial assim! Pena que no wordpress não consehui localizar essa parte do código :(

    ResponderExcluir
  6. Minha querida, você não existe,muitíssimo obrigada, amei o post parabéns! Só uma dúvida: sempre que fizer uma postagem nova é preciso seguir todos os passos novamente, ou passa a ser altomético? bjins

    ResponderExcluir
    Respostas
    1. Kcris, é automático pois os códigos estão presentes no template. Se um dia trocar de template tem que refazer, claro :)
      bjsss

      Excluir
  7. Tudo certinho de primeira. Excelente post e explicação.

    Muito mais sucesso para você!

    Beijoks
    www.atesemsalto.com

    ResponderExcluir
  8. meu html não localizou esse código no modelo.
    Pode me ajudar?

    ResponderExcluir
    Respostas
    1. Experimente localizar pequenos trechos até achar. Todo template nativo do Blogger possui essa linha de código...

      Excluir
  9. Menina segui tudo os passo as passo morrendo de medo, mas num é que deu certo. Valeu por compartilhar essas dicas com a gente ;)

    Vidas em Preto e Branco

    ResponderExcluir
  10. fiz o tutorial mais quando fui validar no pinterest apareceu essa mensagem : "Os dados que rasparam do seu site não podem ser validados. Certifique-se de que todas as tags necessárias estão presentes e você não está servindo páginas diferentes, dependendo de diferentes agentes de usuário".

    ResponderExcluir
  11. Eu não precisei colocar o código no meu HTML. Eu só tinha confirmado meu site no Pinterest, depois mudei minha conta para comercial e ativei a descrição de pesquisa nas configurações do blog. Depois fui no site para validar os pins e funcionou normalmente. Estranho mas deu certo 😂

    ResponderExcluir
    Respostas
    1. Suelen, comigo aconteceu a mesma coisa. Eu estava aflita tentando colocar o código e não funcionava. Agora validei e prontinho! Foi bom ler seu comentário porque eu já estava triste pensando que era meu template que não permitia.
      Eu acredito que quando a gente tem conta comercial o código já existe lá... não sei rsrs
      E Elaine, muito obrigada pelo post, ajuda muita gente! Que maravilha é seu blog!
      Beijos
      Tamara
      tamaravilhosamente.com

      Excluir
    2. Amei o tutorial! Mas quero destacar que quem tem conta comercial não precisa do código, pelo menos comigo e com a Suelen (que já comentou aqui) foi assim. Só precisa validar mesmo. Mas você está sempre nos ajudando tanto, Elaine! Nem sei como agradecer. Obrigada de coração!
      Beijos
      Tamara
      tamaravilhosamente.com

      Excluir
  12. Elaine, muuuito obrigada!! Acabei de conseguir ativar o rich pin no meu pinterest e foi pelo seu tutorial!! Muito obrigada mesmo, já estou te seguindo lá!!

    VISITE MEU BLOG ♥ | FÃ PAGE | INSTAGRAM | YOUTUBE

    ResponderExcluir
  13. Elaine, muuuito obrigada!! Acabei de conseguir ativar o rich pin no meu pinterest e foi pelo seu tutorial!! Muito obrigada mesmo, já estou te seguindo lá!!

    VISITE MEU BLOG ♥ | FÃ PAGE | INSTAGRAM | YOUTUBE

    ResponderExcluir
  14. Elaine muito obrigadaaaaaa!!!! Deu certo.
    só que no meu blog tava assim <b: include data='post' name='post> Deu o que fazer pra achar, mas deu certo!!!
    Beijos, Gi.
    <b><a href="http://girlsabout.blogspot.com.br/"> Blog About Girls </a></b>

    ResponderExcluir
  15. Olá Elaine. Deu certo, muito obrigada. Beijos e bom fds <3

    ResponderExcluir
  16. meu Senhor eu continuo tentando mais aparece erro na hora de validar. Aparece a seguinte mensagem: "The data we scraped from your site could not be validated. Please make sure all required tags are present and you aren't serving different pages depending on different user agents." Estava aqui super feliz achando que estava tudo indo certo ai me aparece o raio do erro --'
    Me ajuda?

    ResponderExcluir
    Respostas
    1. Thamyres, você fez tudo certinho?
      Essa mensagem costuma aparecer quando o código não foi inserido, ou falta colocar o seu nome no campo solicitado, por exemplo.
      Também pode acontecer de demorar, faça tudo o que o post pede e espere um pouco para validar...

      Excluir
    2. Eu fiz tudo e revisei antes, mas agora o blogger não quer salvar o código. Aliás ele não quer salvar nenhuma alteração que eu faça no código não sei porque. Achei que estava em manutenção ou algo do tipo, esperei, estou tentando ainda, mas não quer salvar de jeito nenhum.

      Excluir
    3. Aaaaah meu Deeeeus eu consegui kkkk Pesquisei muito mas consegui! Obrigada! Estou muito contente e grata por ter encontrado o seu blog! ADOREI! Seguidora fiel ♥

      Excluir
    4. Ah, que bom!
      Eu sabia que daria certo, é questão de um detalhezinho de vez em quando, e tempo...
      Que bom que deu certo!!!!

      Excluir
  17. elaine me ajuda apareceu isso quando fui salvar " The widget with id "Blog1" cannot contain element: "meta". A widget can only contain b:includable elements " eu nao intendi o porque :(

    ResponderExcluir
  18. Oi Elaine!! Esse passo a passo tbm serve para wordpress? Porém eu nao consigo achar o caminho para eu ativar a descrição de pesquisa. Quando validei no pinterest faltou alguns itens como autor. Pode me ajudar? Obrigada!!

    ResponderExcluir
  19. Elaine me ajuda, pois já fiz inúmeras vezes o seu tutorial, coloquei tudo conforme você indica, mas continua aparecendo e seguinte mensagem... "Os dados que rasparam do seu site não podem ser validados. Certifique-se de que todas as tags necessárias estão presentes e você não está servindo páginas diferentes dependendo de agentes de usuário diferentes." Tem alguma outra forma? Ou o que eu poderia fazer para dar certo?

    ResponderExcluir
    Respostas
    1. Marina, não tem outra forma, ao menos não que eu conheça.
      Sabe o que está havendo? Seus posts não possuem descrição. Aí o Pinterest não valida...
      Além de ativar a metatag descrição do blog tem que inserir descrição em cada post do blog.
      Vc fez isso?

      Excluir
  20. Elaine eu adiciono o código e tudo mais, quando vou validar o link da postagem aparece - Rich Pins Enable, Site Name, Favicon tudo com um icone vermelho comum ponte "!" já não sei mais o que fazer me ajuda ???

    ResponderExcluir
    Respostas
    1. Dandara, é porque seu blog não possui os itens marcados.
      Precisa ter senão não valida. Seu blog provavelmente precisa ter meta tags inseridas...

      Excluir
  21. Olá Eliane,
    Tudo bem?
    Eu incluí o código, mas não está validando, fica aparecendo essa mensagem: Something went wrong on our end. Sorry about that.

    ResponderExcluir
    Respostas
    1. Kelly, não sei dizer o motivo.
      Seus posts possuem meta descrição, seu blog possui as metatags, tudo certinho?

      Excluir
    2. Sim, coloquei como você ensinou, mas mesmo assim não vai :(

      Excluir
    3. Kelly, seus posts tem meta descrição? Eu não achei, só achei a descrição do blog.
      Se não tiver tudo certinho não valida...

      Excluir
    4. Tem que ter em todos os posts? Eu só coloquei nos últimos que fiz.

      Excluir
  22. Olá Elaine! Eu fiz esse passo a passo logo que você publicou este post e deu tudo certo, porém, agora meus novos pins estão ficando sem as informações: título, descrição, nome do autor, essas coisas. O que pode ter acontecido?

    ResponderExcluir
    Respostas
    1. Luana, não sei dizer o motivo.
      Vc manteve o mesmo template desde quando fez o tutorial?

      Excluir
    2. Sim, a única que eu acrescentei de lá pra cá foi um código de associados da Amazon

      Excluir
    3. Então não sei dizer, a menos que tenha feito alguma alteração em sua conta Pinterest.
      Não sei o motivo, pra mim continua como sempre foi...

      Excluir
    4. Eu mudei meu nome de usuário e a URL do Pinterest, será que pode ter sido por isso?

      Excluir
    5. Sim, creio que sim pois a validação é como se não existisse.
      Não tenho certeza, mas se estava tudo ok e de repente não está mais pode ser isso :)

      Excluir
  23. Olá Elaine, tudo bem?
    eu gostei muito do tutorial, mas no início já tive uma dificuldade, não achei a aba modelo no blogger, você poderia me ajudar?
    Muito obrigada e sucesso!!!
    Melissa
    Única e Bella Blog.

    ResponderExcluir
  24. Fiz e deu tudo certo!
    Obrigada Elaine <3

    ResponderExcluir
  25. Oi Elaine, tudo bem?
    Muito obrigada pela dica. Eu sou uma negação com html, mas resolvi me arriscar e consegui fazer tudo certinho. Agora é aguardar.
    Adoro seu blog.
    Bjus
    www.docesletras.com.br

    ResponderExcluir
  26. Olá, tudo bom? No meu pinterest não está aparecendo a opção "Preferências de Pesquisa". Poderia me ajuda?

    ResponderExcluir
    Respostas
    1. Tami, não há isso no Pinterest.
      Releia o tutorial, é no Blogger que isso deve ser configurado...
      bjsss

      Excluir
  27. Mulher vc não existe! Acabei de fazer e deu tudo super certo, estou só aguardando para que apareça nesse formato lá no pinterest. Tenho um dúvida , quando eu for pinar meus posts devo incluir meu link sempre naquele validador do pinterest ou não este passo só é necessário uma vez?

    ResponderExcluir
  28. Elaine as tuas dicas são as melhores de sempre!
    Parabéns pelo teu trabalho. Sigo muitas dicas tuas no meu Blog e deu sempre tudo muito certo :)
    Um beijoooo e sucesso <3

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…