Como personalizar a imagem do conteúdo compartilhado no Facebook e Google Plus?

1. Como personalizar a imagem do conteúdo compartilhado no Facebook e Google Plus?

fabio
(usa Debian)

Enviado em 24/09/2011 - 13:59h

Quando o pessoal clica no botão like do Facebook e no +1 do Google Plus, tais redes sociais pegam o <title> e o <meta name="description"> para título e descrição respectivamente, porém pegam uma imagem aleatória qualquer na página.

Gostaria de personalizar a thumbnail com a logotipo do VOL, dei uma pesquisada e dizem que, adicionando a seguinte tag META no cabeçalho da página funciona:

<meta property="og:image" content="http://img.vivaolinux.com.br/imagens/logo_vol_google.jpg" />

Porém... adicionei e não funcionou!

Alguém tem alguma sugestão?

0 0

Quote

2. Re: Como personalizar a imagem do conteúdo compartilhado no Facebook e Google Plus?

tonnytg
(usa Outra)

Enviado em 24/09/2011 - 14:33h

Fiz alguns testes aqui e também não funcionou.
Eu adicionei alguns +1 em sites do google, exemplo :



http://googleblog.blogspot.com/2011/06/introducing-google-project-real-life.html

Nesse link, no perfil do google+ ficou com a imagem personalizada logo fui atrás do código dela e achei essa tag:



<div class='header-wrapper'>

<a href='http://googleblog.blogspot.com'><img alt='The Official Google Blog - Insights from Googlers into our products, technology and the Google culture' src='http://www.google.com/googleblogs/images/headers/ogb_header_full.png'/></a>

<div class='header section' id='header'><div class='widget Header' id='Header1'>

<p class='description'><span>



</span></p>

</div></div>]

Sendo a imagem :

http://www.google.com/googleblogs/images/headers/ogb_header_full.png

que apareceu, engarçado que é diferente o que foi aconselhado por ela mesma nos meta.
Será um possível erro deles ainda já que é novidade o serviço ?

0 0

Quote

3. Re: Como personalizar a imagem do conteúdo compartilhado no Facebook e Google Plus?

tonnytg
(usa Outra)

Enviado em 24/09/2011 - 14:38h

Para alimentar quem for ajudar

Posso personalizar a descrição do site que é exibida quando um usuário compartilha meu conteúdo? O Google tenta encontrar o +snippet mais útil e descritivo para exibição. Se você tiver marcado seus snippets com bastante conteúdo usando o vocabulário disponível no site new window schema.org, o Google+ usará as propriedades name, image e description do tipo new window Thing genérico.

Como alternativa, o Google+ (diferentemente da Pesquisa na web do Google) pode usar metadados new window Open Graph para criar o +snippet. Ele também pode usar os conteúdos das tags de descrição title e meta.
tirado do FAQ do google.
http://www.google.com/support/webmasters/bin/answer.py?answer=1140194

open graph url -> http://ogp.me/

Vou saindo agora, vo larga o PC que daqui a pouco tenho grangrena nas pernas...

0 0

Quote

4. Re: Como personalizar a imagem do conteúdo compartilhado no Facebook e Google Plus?

fabio
(usa Debian)

Enviado em 24/09/2011 - 22:35h

Opa, a tag que eu usei e citei na criação do tópico passou a funcionar no Facebook. Agora só falta o Google Plus me entender! Se o Face entendeu, é sinal que estou no caminho certo :)

0 0

Quote