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:
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
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:
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:
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...
Oi Elaine, bn!
ResponderExcluirAmei 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
Olá Elaine! Tentei fazer esse tutorial no meu blog, mas aparece a seguinte mensagem:
ResponderExcluirThe 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!!
Olá!
ExcluirEu 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
Para mim ocorre o mesmo erro! :/
ExcluirQue delícia, deu bem certinho! Muito obrigada por compartilhar teus conhecimentos.
ResponderExcluirBjs,. Frida Lucia
Oi nossa muito obrigada estava batendo cabeça para conseguir isto, muito obrigada mesmo por todas as dicas do site.
ResponderExcluirFazia tempo que eu procurava um tutorial assim! Pena que no wordpress não consehui localizar essa parte do código :(
ResponderExcluirLaís, tem um tutorial para WP aqui:http://www.melyssagriffin.com/easy-way-set-rich-pins-pinterest/
Excluirbjsss
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
ResponderExcluirKcris, é automático pois os códigos estão presentes no template. Se um dia trocar de template tem que refazer, claro :)
Excluirbjsss
Tudo certinho de primeira. Excelente post e explicação.
ResponderExcluirMuito mais sucesso para você!
Beijoks
www.atesemsalto.com
meu html não localizou esse código no modelo.
ResponderExcluirPode me ajudar?
Experimente localizar pequenos trechos até achar. Todo template nativo do Blogger possui essa linha de código...
ExcluirMenina segui tudo os passo as passo morrendo de medo, mas num é que deu certo. Valeu por compartilhar essas dicas com a gente ;)
ResponderExcluirVidas em Preto e Branco
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".
ResponderExcluirEu 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 😂
ResponderExcluirSuelen, 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.
ExcluirEu 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
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!
ExcluirBeijos
Tamara
tamaravilhosamente.com
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á!!
ResponderExcluirVISITE MEU BLOG ♥ | FÃ PAGE | INSTAGRAM | YOUTUBE
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á!!
ResponderExcluirVISITE MEU BLOG ♥ | FÃ PAGE | INSTAGRAM | YOUTUBE
Elaine muito obrigadaaaaaa!!!! Deu certo.
ResponderExcluirsó 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>
Olá Elaine. Deu certo, muito obrigada. Beijos e bom fds <3
ResponderExcluirmeu 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 --'
ResponderExcluirMe ajuda?
Thamyres, você fez tudo certinho?
ExcluirEssa 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...
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.
ExcluirAaaaah meu Deeeeus eu consegui kkkk Pesquisei muito mas consegui! Obrigada! Estou muito contente e grata por ter encontrado o seu blog! ADOREI! Seguidora fiel ♥
ExcluirAh, que bom!
ExcluirEu sabia que daria certo, é questão de um detalhezinho de vez em quando, e tempo...
Que bom que deu certo!!!!
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 :(
ResponderExcluirOi 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!!
ResponderExcluirNão, esse tutorial só se aplica ao Blogger.
ExcluirElaine 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?
ResponderExcluirMarina, não tem outra forma, ao menos não que eu conheça.
ExcluirSabe 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?
Segui as dicas e funcionou *-*
ResponderExcluirObrigada ♥
Beijo!
Coruja Doce Blog
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 ???
ResponderExcluirDandara, é porque seu blog não possui os itens marcados.
ExcluirPrecisa ter senão não valida. Seu blog provavelmente precisa ter meta tags inseridas...
Olá Eliane,
ResponderExcluirTudo bem?
Eu incluí o código, mas não está validando, fica aparecendo essa mensagem: Something went wrong on our end. Sorry about that.
Kelly, não sei dizer o motivo.
ExcluirSeus posts possuem meta descrição, seu blog possui as metatags, tudo certinho?
Sim, coloquei como você ensinou, mas mesmo assim não vai :(
ExcluirKelly, seus posts tem meta descrição? Eu não achei, só achei a descrição do blog.
ExcluirSe não tiver tudo certinho não valida...
Tem que ter em todos os posts? Eu só coloquei nos últimos que fiz.
ExcluirOlá 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?
ResponderExcluirLuana, não sei dizer o motivo.
ExcluirVc manteve o mesmo template desde quando fez o tutorial?
Sim, a única que eu acrescentei de lá pra cá foi um código de associados da Amazon
ExcluirEntão não sei dizer, a menos que tenha feito alguma alteração em sua conta Pinterest.
ExcluirNão sei o motivo, pra mim continua como sempre foi...
Eu mudei meu nome de usuário e a URL do Pinterest, será que pode ter sido por isso?
ExcluirSim, creio que sim pois a validação é como se não existisse.
ExcluirNão tenho certeza, mas se estava tudo ok e de repente não está mais pode ser isso :)
Olá Elaine, tudo bem?
ResponderExcluireu 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.
Modelo é a mesma coisa que Tema...
ExcluirFiz e deu tudo certo!
ResponderExcluirObrigada Elaine <3
Oi Elaine, tudo bem?
ResponderExcluirMuito 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
Olá, tudo bom? No meu pinterest não está aparecendo a opção "Preferências de Pesquisa". Poderia me ajuda?
ResponderExcluirTami, não há isso no Pinterest.
ExcluirReleia o tutorial, é no Blogger que isso deve ser configurado...
bjsss
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?
ResponderExcluirElaine as tuas dicas são as melhores de sempre!
ResponderExcluirParabéns pelo teu trabalho. Sigo muitas dicas tuas no meu Blog e deu sempre tudo muito certo :)
Um beijoooo e sucesso <3
Olá Elaine, muito bom o seu artigo, fui seguindo seu passo a passo e deu tudo certo. Muito obrigada por compartilhar tanta informação útil.
ResponderExcluirMuito bem explicado! Estou apenas com uma dúvida, no meu ao validar o rich pin o nome do site aparece ok, o favicon também, no entanto ao lado de rich pins enabled tem uma exclamação em vermelho. O que quer dizer? Não deveria ficar com o visto verde também? Grata desde já!
ResponderExcluirMandy, creio que deve ter algo errado pois tem que ficar tudo verde.
ExcluirNão sei o motivo, mas precisa sim ficar tudo verde...
Oi Elaine, tudo bem? Quando coloco o código e as demais coisas que pede, aparece esse erro abaixo. Agradeço se puder me dar uma ajuda:
ResponderExcluirThe widget with id "Blog1" cannot contain element: "meta". A widget can only contain b:includable elements. Ocultar notificação
Grata (escolhendo ocultar notificação)
Regina, eu nunca vi esse erro.
ExcluirTem certeza que está colando no local certo? Sem apagar nada, nem acrescentar nada?
Depois de muito procurar encontrei seu post! Mas, tenho uma problema uso o schema.org no código e quando compartilho não segue a descrição do post, vai o texto inteiro! Há algo que eu possa fazer para mudar isso. Quero te agradecer pelo seu trabalho maravilhoso. Obrigada!
ResponderExcluirXandwitchx, eu já havia encontrado esse problema e nunca consegui resolver. Eu o encontrei quando usava um estilo de resumo de texto que coloca a miniatura da imagem ao lado do título do post, há uns 2 anos eu usava assim e troquei justamente por causa desse problema.
ExcluirInfelizmente não consegui resolver, mas acredito que não seja por conta da schema.org e sim por causa de algo na área do post. Mexi, mexi mas acabei desistindo...
É o que eu vou fazer, uma pena pq tô gostando tanto do template, mas enfim. Muito obrigada vc é muito gentil!! Que seja ainda mais abençoada!! <3
ExcluirAmei o passo a passo e deu tudo certo! :) Obrigada pelo tempo e disponibilidade em ajudar e compartilhar. Um beijo, Nat!
ResponderExcluirElaine, consegui colocar certinho depois. Faz um tempo que deu certo e não te avisei. Observo que os rich pins só funcionam nos posts recentes. Ele não leva um tempo para ir para todos? Acho que li isso em algum lugar... Também já validei o site, mas ainda na minha página comercial aparece para validar o site. Se puder Obrigada, sim.
ResponderExcluirRegina, em geral só vai funcionar se os posts cumprirem todos os requisitos que menciono no post, como ter meta descrição por exemplo.
ExcluirNão sei dizer com certeza mas em geral é aplicado a todo post que cumprir esses requisitos. Faz tempo que uso, sempre funcionou.
Sobre a validação não sei dizer, mas se consta como não validado tente repetir o processo de validação...
Gente como tudo mudou socorro! kkk Ainda bem que tem vc para nos ajudar! Gratidão!
ResponderExcluirMuuuito Obrigada.Funcionou super comigo, a maioria só ensina no Wordpress! Todo sucesso para você. Beijos
ResponderExcluirwww.victoriabriblog.com
Obrigada, ajudou muito.
ResponderExcluirDaygifs
Oi Elaine, mudar o modelo (template Notável) do blog pode alterar esta habilitação? Tenho observado que após a mudança, não aparece mais o título do Pin. Estou observando. Escrevi para o Pinterest (sem resposta) ainda), pode também ser uma questão do Blogger ou do Later (onde agendo meus posts). Alguém já falou sobre isso com você? (https://reginabomfim.blogspot.com). Obrigada
ResponderExcluirRegina, não sei dizer porque nunca usei esse tema.
ExcluirE ninguém nunca mencionou isso pra mim.
Fico devendo, mas em tese, se adicionou o código ao tema ele deveria conseguir ler o pin sem problema.
Mas como disse, nunca usei o tema então não posso afirmar...
Entendo... Na verdade, fiz toda a operação quando usava outro modelo e deu certo sempre. Neste novo modelo nem aparece este comando quando dou ctrl +F. Fiz muitas mudanças no blog... Obrigada por sua atenção, mesmo assim.
ResponderExcluirbom dia meninas tenho um dominio ja fiz a Reivindicarção do site deu certo mais quando fui
ResponderExcluirfazer Rich Pins deu enable, favicon deu certo, site name deu cert, voces pode me ajudar
Obrigada Elaine, os seus posts são óptimos. Desejo muito sucesso no seu trabalho.
ResponderExcluirOlá, eu baixei um tema que vem o pin adicionado, tem como retirar essa opção??
ResponderExcluirOlá, eu baixei um tema com o pin adicionado, tem como desativar essa opção?
ResponderExcluirStephani, boa tarde
ExcluirPara desativar precisa retirar os códigos.
O jeito de fazer isso é seguir o tutorial de modo inverso, retirando ao invés de adicionar os códigos que menciono no tutorial.
Mas tenha cuidado pra não excluir o que não pode, tá?
Mas eu não retiraria. Esse recurso é importante mesmo que vc não use pois seus leitores podem querer usar para salvar seus posts...
bjsss