Quando alguém publica um link no Facebook, um script geralmente verifica esse link em busca de qualquer imagem e exibe uma miniatura rápida ao lado da postagem. Porém, para certos URLs (incluindo o meu), o FB não parece pegar nada, apesar de haver uma série de imagens naquela página.
Eu li que o FB prefere a tag rel "image_src" para a imagem que o usuário deseja especificar, mas isso também não gera essa miniatura para o meu site.
Meu url vai direto para o DNS e não é encaminhado, então não imagino que esse seja o problema também.
Alguém tem uma ideia de por que o FB não consegue gerar miniaturas do meu site?
facebook
thumbnails
GEOCHET
fonte
fonte
Respostas:
A maneira mais fácil é usar uma tag de link:
Mas há outras coisas que você pode adicionar ao seu site para torná-lo mais amigável para as mídias sociais:
Open Graph Tags
Tags Open Graph são tags que você adiciona ao
<head>do seu site para descrever a entidade que sua página representa, seja uma banda, restaurante, blog ou qualquer outra coisa.Uma tag Open Graph se parece com isto:
Se você usar tags Open Graph, os seis a seguir são necessários:
og:title- O título da entidade.og:type- O tipo de entidade. Você deve selecionar um tipo na lista de tipos de Open Graph.og:image- O URL para uma imagem que representa a entidade. As imagens devem ter pelo menos 50 pixels por 50 pixels. Imagens quadradas funcionam melhor, mas você pode usar imagens até três vezes mais largas do que altas.og:url- O URL canônico e permanente da página que representa a entidade. Quando você usa tags Open Graph, o botão Like posta um link para o emog:urlvez da URL no código do botão Like.og:site_name- Um nome legível para o seu site, por exemplo, "IMDb".fb:adminsoufb:app_id- Uma lista separada por vírgulas dos IDs do Facebook dos administradores da página ou um ID do aplicativo da plataforma do Facebook. No mínimo, inclua apenas seu próprio ID do Facebook.Mais informações sobre tags Open Graph e detalhes sobre Administração de sua página podem ser encontradas na documentação do protocolo Open Graph.
http://developers.facebook.com/docs/reference/plugins/like
fonte
All the images referenced by og:image must be at least 200px in both dimensions. Please check all the images with tag og:image in the given url and ensure that it meets the minimum specification.. Just an fyiSei que essa pergunta é antiga, mas recentemente lidei exatamente com o mesmo problema e continuei pensando nele por algumas semanas. Várias pesquisas no Google resultaram em muitas informações úteis, mas a maioria delas estava focada em tags Open Graph, que eu não estava interessado em usar. Acontece que meu site teve vários problemas, mas aqui estão alguns dos princípios básicos.
Como disse EightyEight, certifique-se de que seu HTML é válido - e o mesmo vale para seu javascript e código do lado do servidor (PHP, ASP, etc.). Eu tive um pequeno erro de PHP em um trecho de código que estava sendo executado como uma chamada separada para o servidor da página principal. Devido a uma série de coincidências bizarras, aquele código estava gerando um erro 500 - mas SOMENTE para o IE6 e mecanismos de análise estrita como o validador W3C e o rastreador de página do Facebook. O problema não apareceu em navegadores modernos (Chrome 4, FF 3.5, IE 8, etc), então não o vi imediatamente, mas clientes mais antigos / mais rígidos mostravam 500 todas as vezes e esse era o principal motivo do FB não ser não está rastreando nossa página (quando todo o resto parecia estar correto).
Com relação à resposta de Randy, ele está correto que o Facebook manterá uma cópia antiga em cache de sua página muito depois de você atualizá-la. O FB afirma que só aguenta 24 horas, mas experimentei tempos muito mais longos do que isso. Felizmente, o FB lançou sua ferramenta "URL Linter" que irá mostrar a você uma prévia de como sua página aparecerá quando compartilhada no FB, e forçará o FB a atualizar instantaneamente o cache de sua página. Esta foi uma ferramenta de salvamento. Você pode encontrá-lo em http://developers.facebook.com/tools/lint/
Em relação à ferramenta URL Linter, esteja ciente de que cada variação de um URL é armazenada em cache separadamente no Facebook, portanto, "www.example.com" não é o mesmo que "example.com". Além disso, a capitalização exclusiva também é armazenada, portanto, "ExampleOne.com" não é o mesmo que "exampleone.com". (Isso gerou muita confusão entre meu cliente e eu, quando percebi que o cache havia sido atualizado perfeitamente e o cliente alegou que não estava vendo as atualizações. Acontece que eu estava olhando em exampleone.com e tinha usado O Linter para atualizar o cache, mas eles estavam procurando em exampleOne.com, que eu não tinha enviado ao Linter. Como resultado, acabei enviando algumas variações do URL ao Linter apenas para cobrir as bases.)
O conselho da WyrdNEXUS para usar a tag de link image_src é perfeito. Isso permite que você tenha certeza de que o FB está copiando a melhor imagem possível para sua página. Existem algumas orientações sobre quais especificações o arquivo de imagem deve ter, mas usei com sucesso uma imagem quadrada de 128px e vi uma imagem de 130x97 também passar. Aqui está a documentação oficial do Facebook em http://developers.facebook.com/docs/reference/plugins/like/ :
Obviamente, o FB irá redimensionar uma imagem grande para você, mas você quase sempre obterá melhores resultados se redimensioná-la antes.
Com relação ao link de Mike Cooper para o artigo eHow, evite usar a etapa 1 desse artigo. Foi um conselho válido quando o artigo foi escrito e quando Mike postou o link, mas agora é melhor usar a ferramenta URL Linter para visualizar como sua página aparecerá quando for compartilhada. Usando o Linter, você não fará com que o FB armazene em cache uma cópia (potencialmente) ruim da página antes de ter a chance de ajustá-la.
fonte
Use o lintter do Facebook disponível aqui. http://developers.facebook.com/tools/lint/
Isso verificará seu link e buscará novamente todas as imagens. isso também limpa qualquer cache antigo.
Ou tente isso - https://developers.facebook.com/tools/debug
fonte
Para alterar o Título, a Descrição e a Imagem, precisamos adicionar algumas meta tags sob a tag head.
PASSO 1: adicione meta tags sob a tag head
PRÓXIMA ETAPA: Clique no link abaixo https://developers.facebook.com/tools/debug
Adicione o seu URL na caixa de texto (por exemplo, http://www.test.com/ ) onde você mencionou as tags. Clique no botão DEBUG.
Está feito.
Você pode verificar aqui https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/
No url acima, u = link do seu site
DESFRUTAR !!!!
fonte
tente isso: http://www.ehow.com/how_4938148_thumbnail-show-up-facebook-share.html
fonte
O HTML do site é válido? Execute-o por meio do serviço de validação w3c .
fonte
Na verdade, se você já tentou vincular essa página no Facebook ANTES de adicionar o link "image_src", o Facebook continuará usando a cópia em cache antiga e nem mesmo verá suas alterações. Tente modificar o URL removendo ou adicionando o 'www', ou duplique sua página para testá-la.
fonte
Percebi que o Facebook não pega miniaturas de sites que começam com https, talvez seja o seu caso?
fonte
tive o mesmo problema e descobri que a etiqueta de fechamento da minha cabeça estava no lugar errado
fonte
Pergunta antiga, mas recentemente eu parecia estar tendo o mesmo problema com imagens em miniatura do meu link não aparecendo nas atualizações de status no Facebook. Eu posto para muitos clientes e isso é relativamente novo.
O FB não parece mais gostar de URLs longos - se você usar um encurtador de URL, como goo.gl ou bitly.com, a miniatura do seu link / postagem aparecerá na atualização do FB.
fonte
Tente usar algo assim:
Parece funcionar bem no Firefox, contanto que você use um caminho completo para sua imagem.
O problema é que ele é verticalmente compensado para baixo por algum motivo. A imagem é 200 x 200, conforme recomendado em algum lugar que li.
fonte
Se você usou qualquer plug-in para seo, verifique primeiro as configurações do plug-in seo. Em seguida, descubra a configuração do Noindex se Ativar mídia para Noindex e desative-a.
fonte