Como resolver Problema com Imagem de Posts Compartilhados no Facebook

Alguma vez você já tentou Compartilhar seu posts no Facebook, mas se deparou com uma postagem sem nenhuma miniatura, ou a miniatura muito relacionado aparecendo? Esse problema é muito comum para blogueiro, mas neste post vou mostra como resolver esse problema.

Tive esse mesmo problema recentemente com o site de um cliente e vi que muitas pessoas também estavam como esse mesma dificuldade e tendo esse mesmo problema para achar a solução ideal. Depois de algum tempo pesquisando o assunto consegui encontrar o a fonte do problema nos compartilhamentos, mas a solução ainda estava incompleta. Pesquisando mais encontrei a solução em alguns sites lá fora, mas algumas das alterações que eram indicadas estavam dando erro ou não apresentavam resultados ideais, então juntei tudo de melhor que achei, consegui resolver o meu problema e montei esse tutorial para ajudar quem ainda sofre com esse problema.

Isto ocorre por uma falta de especificação de um código no template junto com uma falha no interpretação do Facebook para identificar todas as imagens de uma página.

Em cada carregamento da página, ele procura todas as tags de imagem e exibir os que ele identifica como sendo relevantes, porém nem sempre o script carrega as imagens corretas, isso pode ser por conta do dimensionamento da imagem. O tamanho ideal para imagem de links é 400 x 209, seno que esse valor nem sempre pode ser seguido nas imagens dos seus posts. Mas não se desespere, o Facebook vai ajustar o dimensionamento da sua imagem para criar a melhor experiência possível dos seus seguidores.

Baseada no informação de que o tamanho ideal para a imagem do seu link compartilhado é essa acima o Facebook vai avaliar as imagens disponíveis na página e indicar as que ficam mais próximas do ideal. Encontrei um artigo muito interessante no gerenciandoblog.com.br que pode lhe ajudar a entender melhor essa questão do tamanho das imagens.

O próprio Facebook sabe desse problema e por isso recomenda aos desenvolvedores informar ao script qual imagem escolher, adicionando uma meta tag no cabeçalho. Essa meta tag é:

<meta property="og:image" content="http://seusite.com.br/imagem.jpg" />

e

<link href="http://seusite.com.br/imagem.jpg" rel="image_src" />

Para sites estáticos, basta inserir essa tag em cada página e escolher a imagem a ser a miniatura no compartilhamento. Mas para fazer funcionar corretamente no seus posts do WordPress precisamos ajustar o código para indicar ao Facebook que ele deve escolher a imagem em destaque do post, ou ainda uma outra imagem padrão.

O Artigo Como resolver Problema com Imagem de Posts Compartilhados no Facebook foi publicado primeiro no Seu Negócio na Internet.