Como o Google Plus seleciona uma imagem de um link compartilhado?

27

Se você compartilhar um link no Google Plus, muitas vezes ele captura algumas imagens que você pode anexar ao publicar a imagem. O Facebook tem um recurso semelhante. Você pode dizer ao Facebook qual é a imagem principal de uma página com uma tag LINK simples. No entanto, isso não está funcionando para o G +.

Como você diz ao G + qual é a imagem principal de uma página?

Justin
fonte
muito relacionado: stackoverflow.com/questions/7985398/…
cregox

Respostas:

20

Aqui estão as informações copiadas da documentação do botão +1 (ajustadas um pouco para melhorar a legibilidade). Este método se aplica a todas as maneiras pelas quais os URLs são compartilhados no Google+.

Preenchendo o + Snippet: depois de marcar com +1 uma página, o usuário tem a opção de compartilhar a página no Google+ por meio de um balão de compartilhamento exibido. Esse balão de compartilhamento (junto com a postagem de atividade resultante do Google+) inclui uma visualização, ou + Snippet, que contém o título da página, uma breve descrição da página e uma imagem em miniatura. Esses dados são extraídos do conteúdo do URL de destino de uma das quatro maneiras listadas em ordem de precedência:

Microdados do Schema.org (recomendado): se a página estiver anotada com microdados do schema.org, o Snippet + usará as propriedades de nome, imagem e descrição encontradas em qualquer tipo de schema.org.

<body itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Shiny Trinket</h1>
  <img itemprop="image" src="image-url"></img>
  <p itemprop="description">Shiny trinkets are shiny.</p>
</body>

Protocolo Open Graph: se a página contiver propriedades Open Graph para o título, a imagem e a descrição, elas serão usadas para o + Snippet.

<meta property="og:title" content="..."/>
<meta property="og:image" content="..."/>
<meta property="og:description" content="..."/>

Meta tags "title" e "description": se o <head>elemento da página contiver <meta name="title" ... />e <meta name="description" ... />tags, o Snippet + usará seus atributos de conteúdo para o título e a descrição, respectivamente. Para a imagem em miniatura, a caixa de compartilhamento tentará encontrar uma imagem adequada na página.

<meta name="title" content="..." />
<meta name="description" content="..." />

Melhor palpite do conteúdo da página (não recomendado): se nenhum desses dados estiver presente, o Google analisará a página e tentará encontrar o melhor título, descrição e imagem.

mimetizando
fonte
11
Obrigado por isso, mas também funciona quando você compartilha um link diretamente no Google+? Minha página usa o Open Graph Protocol e, quando uso o [ google.com/webmasters/tools/richsnippets] -Ferramenta, posso ver o link para a imagem na seção "Dados do rich snippet extraídos da página", mas quando compartilhe o link no Google+, ele não carrega a imagem.
Ethan Leroy
4
Não esqueça<link rel="image_src" href="[insert image url here]"/>
Supuhstar
A dica de Supuhstar de usar <link> fez com que a imagem da minha página da web fosse selecionada pelo compartilhamento de links do Google+.
Hong
W3C diz: `título valor ruim para nome do atributo no elemento meta: Título da palavra-chave não está registado
Jeroen
Defino os metadados og: image, mas o google + está usando outra imagem que nem está na página. Esquisito. editar- ok, a imagem está na página, oculta em um menu suspenso. Bem, isso ajuda, eu acho. Ainda assim, não está usando os metadados.
MrBoJangles
2

[Desculpe a resposta especulativa, mas não tenho um site para testar isso imediatamente]
. Só vi informações sobre isso no botão +1 . Parece razoável que, no back-end do Google+, esse seja o mesmo processo e, portanto, procure a mesma informação. Supondo que seus modelos sejam construídos de uma maneira que você possa aplicar itemprop="image"à imagem desejada, experimente.

Su '
fonte
Isso não pareceu funcionar. Obrigado embora!
23412 Justin