Facebook não carrega imagem do link / site: Como resolver?
O Facebook anda mais bugado que o normal e às vezes não carrega a imagem nos posts de links em fan pages e perfis. Veja como corrigir isso!
Certamente você já teve esse problema: foi publicar um link de seu site no Facebook e, de repente, a imagem não carrega no preview.
Isso tem acontecido bastante, principalmente nas últimas semanas. Pensando nisso, decidi escrever esse post para ao menos tentar ajudar quem está quebrando a cabeça com essa situação.
Então, se você estiver com problemas como esses:
- “A imagem do post que divulguei no Facebook aparece em branco”
- “O thumbnail do meu post não está carregando no Facebook”
- ou então “O Facebook não está publicando a foto dos posts do meu site”
Continue lendo!
Índice
Por que a imagem do post compartilhado no Facebook não carrega?
A primeira coisa que muita gente pensa quando algo assim acontece é “tem algo de errado com meu site”. Afinal, dificilmente o problema seria com o Facebook, não é mesmo?!
Mas isso está muito longe de ser verdade. Empresas de tecnologia como Facebook ou Google não são perfeitas e também têm falhas – mesmo algumas consideradas amadoras.
Claro, ter algo de errado com seu site é uma possibilidade também. Pode ser que a imagem do seu post esteja fora do padrão recomendado, ou então que as meta tags do protocolo Open Graph não estejam corretas.
Mas é preciso ter em mente que quem é responsável por processar o que você compartilha é o Facebook. Se há uma imagem no seu site, ela deveria aparecer no Facebook também.
Você sabia que escolher a hospedagem errada pode reduzir sua nota no Google, causar lentidão e até mesmo deixar seu site vulnerável para invasões e vírus?
Digo isso porque se há uma imagem de qualquer tamanho e um título na sua página, isso já é o suficiente para que qualquer sistema de compartilhamento mostre um “preview” do seu post.
Isso é programação básica, e só não funciona quando há algo errado no código do programador.
Então, é muito mais comum que esse problema de compartilhamento ocorra na plataforma do Zuckerberg.
Foto em branco no preview do Facebook: problema recorrente
Entre 2021 e 2022 o Facebook passou por algum tipo de instabilidade que “quebrou” imagens de compartilhamento de praticamente todos os sites.
Mesmo sites com thumbnail seguindo as medidas recomendadas pelo Facebook e meta tags Open Graph em perfeito estado tiveram seus posts divulgados com imagem em branco.
Veja, por exemplo, que até sites do portal globo.com enfrentaram esse problema:
Então, lembre-se do que eu disse acima: é muito mais fácil que o problema seja com o Facebook, e não com seu site. Principalmente se seus compartilhamentos já estavam funcionando normalmente.
Mas não desanime: há algumas alternativas para que você possa tentar contornar esse problema.
Solução para mostrar thumbnails de posts compartilhados no Facebook
Em primeiro lugar é preciso ter certeza de que está tudo em ordem com seu site, essencialmente com as imagens e meta tags Open Graph.
Normalmente fazer o teste em outras plataformas (por exemplo, divulgar seu post no Twitter ou no Telegram) é o suficiente. Se a imagem aparecer, então está tudo certo. Mas vamos testar tudo só pra garantir.
Em segundo lugar, se os compartilhamentos ainda estiverem sem imagem, há algumas alternativas para tentar forçar o Facebook a exibir o thumbnail.
Vamos aos passos:
1. Siga os padrões do Facebook para imagens
Como o Facebook trabalha com algumas medidas específicas para imagens em posts, o ideal é que você siga algumas recomendações para ter mais chances de ver seus compartilhamentos com thumbnail.
O tamanho recomendado para imagens é de 1200px de largura por 630px de altura – o mínimo é a metade disso, ou 630×135. Mas você não precisa seguir exatamente essas medidas.
Por exemplo: se você utiliza imagens com 1280px de largura e 720px de altura, o Facebook irá recortar essa imagem para que fique do tamanho adequado.
Então, desde que as medidas sejam superiores ao recomendado (1200×630), vai dar certo.
Só tome cuidado com o peso da imagem: quanto mais pesado o arquivo for, maiores são as chances de o Facebook não conseguir salvar a imagem. Então, lembre-se sempre de otimizar suas imagens.
2. Verifique as meta tags Open Graph do seu site
O protocolo Open Graph, em suma, é um conjunto de tags meta utilizado pelo Facebook para criar o resumo de posts que você divulga.
Observe o código-fonte do seu site. Ele deverá ter, no mínimo, as seguintes tags:
<meta property="og:title" content="Aqui vai o título da página"><meta property="og:type" content="Aqui vai o tipo da página – normalmente é article"><meta property="og:url" content="Aqui vai o endereço da página"><meta property="og:image" content="Por fim, aqui vai o endereço da imagem que aparecerá como thumbnail">
Se nenhuma dessas tags aparece no código do seu site, então recomendo que você as implemente!
Plugin para WordPress com Open Graph: Yoast SEO
Antes de sair instalando plugins para implementar o Open Graph em seu site WordPress, tenha em mente que o próprio Yoast SEO já tem essa opção:
Em seu painel do WordPress, clique em Redes Sociais no menu SEO, e então na aba Facebook. Certifique-se de que a opção “Adicionar metadados Open Graph” esteja ativa, e então clique em “Salvar alterações”.
Com isso, o Yoast irá preencher as meta tags Open Graph automaticamente de acordo com o que você cadastrou em seu post. Nesse caso, o thumbnail será sua imagem destacada.
No entanto, você pode editar essas opções manualmente também.
Ao editar seu post, role a página até o box do Yoast SEO, e então clique na aba Redes Sociais:
Conforme você pode ver na imagem acima, nessa área é possível definir uma imagem específica para aparecer no Facebook – o mesmo para título e descrição do post.
Então, se você sempre tem problemas com seus thumbnails na rede social, lembre-se sempre de cadastrar uma imagem em Facebook image.
Cuidado com código-fonte muito grande
Além de ser uma prática que prejudica o desempenho do seu site, um código muito grande também pode quebrar seus compartilhamentos no Facebook.
Isso porque o Facebook tende a ter dificuldade para ler os sites quando há muitas linhas de código antes do Open Graph.
Se o CSS do seu site está inline no código-fonte do seu site (essa é uma opção de plugins como o Autoptimize, por exemplo), isso pode “empurrar” as meta tags Open Graph para baixo.
3. Use a ferramenta Depurador de compartilhamento (Facebook Debugger Tool)
O Depurador de compartilhamento serve tanto para analisar sua página em busca de eventuais problemas quanto para forçar o Facebook a carregar novamente suas informações.
Insira a URL de seu post no campo indicado e clique no botão Depurar.
A ferramenta mostra como o Facebook está lendo seu site. Então, se houver algum erro, haverá um aviso nessa tela.
No entanto, o aviso “As duas propriedades obrigatórias a seguir estão ausentes: fb:app_id” pode ser ignorado. Além do erro de concordância na frase, esse dado é irrelevante para que o Facebook exiba a fotografia do seu post.
Ao clicar no botão “Extrair novamente”, localizado logo abaixo de “Quando e como extraímos a URL pela última vez”, você limpará o cache do Facebook para seu link.
Assim, se por algum motivo a rede social não conseguiu ler a imagem do seu post, essa opção força o Facebook a fazer uma nova leitura.
Muitas vezes isso é o suficiente para fazer com que o thumbnail do seu post passe a aparecer.
Importante: Cada vez que você fizer uma alteração em seu site, lembre-se de limpar o seu cache (seja plugin do WordPress, cache do servidor ou Cloudflare, por exemplo) antes de fazer novos testes no Facebook.
4. Atualize o anexo de compartilhamento
Se a imagem de um post em sua fan page não está aparecendo, o procedimento é bem simples:
- Navegue até esse post e clique no botão de três pontos que fica no canto superior direito;
- Uma lista de opções irá aparecer, então você deve clicar em “Atualizar anexo de compartilhamento”;
- Em seguida, o novo resumo do post e clique em salvar se a imagem aparecer. Mas se o Facebook ainda não carrega a imagem, revise os outros tópicos desse passo.
Um problema muito comum é a tela de atualização de anexo mostrar a imagem corretamente, mas depois de salvar o post continuar exibindo um espaço em branco em vez do thumbnail.
Isso nos leva ao último tópico do nosso passo a passo…
5. Se nada disso der certo é porque o Facebook está “bugado”!
Já aconteceu comigo: tentei todas as possibilidades e, ainda assim, os thumbnails não carregaram.
Nesse caso, não há nada a ser feito. Pode ser que dentro de algumas horas as imagens voltem a aparecer, então a única alternativa é ter paciência.
Mas uma coisa é certa: já passou da hora de aposentarmos Facebook, né?!
Créditos das imagens: Freepik e sites citados.
Tire suas dúvidas
Abaixo, confira respostas para algumas dúvidas comuns sobre o assunto. Se você tiver outras dúvidas, deixe um comentário!
A tradução ao pé da letra para “thumb nail” é “unha do polegar”. No entanto, na internet thumbnail significa “miniatura”. Ou seja, é uma pequena imagem utilizada para ilustrar algum destaque – como um post divulgado no Facebook.
O protocolo Open Graph é um conjunto de tags meta que transforma links divulgados no Facebook, por exemplo, em destaques visuais – os “previews”. Assim, quando um usuário cola um link no Facebook, ele se transforma em um bloco com imagem, título e descrição.
Ultimamente, esse tem sido um bug comum do próprio Facebook. Entretanto, você pode verificar se as meta tags Open Graph estão corretas em seu site, além de certificar-se de que a imagem do seu post segue a medida recomendada de 1200px de largura por 630px de altura.
Outra opção é utilizar o depurador do Facebook para verificar se há erros em seu post, ou extrair novamente os dados de sua página.
Em dispositivos móveis como smartphones com Android, o Facebook normalmente deixa de exibir imagens quando não há mais espaço disponível no aparelho. Então, experimente fazer uma limpeza nos arquivos do seu dispositivo.
Sim, o Facebook sempre está “bugado” – mas neste post falei sobre apenas um bug, que é quando a foto do post não carrega.
Deixe seu comentário