Conteúdo e redes sociais

Por que a prévia do meu link não mostra imagem quando compartilho meu site?

Por Jake Luo · Publicado em 26 de set. de 2026

Porque o rastreador da plataforma não encontrou nenhuma imagem no HTML que baixou. As prévias de link no Facebook, no LinkedIn, no Slack e na maioria dos apps de mensagem são montadas a partir das tags Open Graph no head da página: og:title, og:description e og:image. Quando a og:image está ausente, é relativa, é pequena demais, está bloqueada ou só é adicionada por JavaScript, o resultado é um card só com texto. A segunda causa é o cache: as plataformas guardam a primeira prévia que geraram, então corrigir a tag não muda nada até você pedir para cada uma buscar a página de novo.

O que o rastreador realmente lê

Quando você cola um link, a plataforma não olha sua página do jeito que um visitante olha. Um rastreador solicita a URL, lê o HTML que o servidor devolve e monta o card a partir de algumas meta tags no head. O formato que a maioria lê é o protocolo Open Graph, que lista og:image como uma das suas quatro propriedades obrigatórias, ao lado de og:title, og:type e og:url. Tudo o que só existe depois que seus scripts rodam — tags injetadas por um framework do lado do cliente, uma imagem definida por um plugin no navegador — é invisível para a maioria desses rastreadores, porque eles não executam o seu código.

A imagem em si precisa passar pela régua de cada plataforma, e as réguas são diferentes. A documentação do Facebook pede pelo menos 1200 × 630 pixels para a melhor exibição, 600 × 315 como mínimo para um post com imagem grande, nunca menos de 200 × 200, uma proporção o mais próxima possível de 1.91:1 e um arquivo com menos de 8 MB. A central de ajuda do LinkedIn define o mínimo em 1200 × 627, com a mesma proporção de 1.91:1 e um teto de 5 MB, e cita og:title, og:image, og:description e og:url como as tags de que precisa. Uma única imagem de 1200 × 630 com menos de 5 MB atende às duas.

As causas mais comuns, mais ou menos na ordem em que vale conferir

  • A página que você compartilhou não tem og:image. O mais comum é a página inicial ter e as páginas internas não — e são as páginas internas que as pessoas de fato compartilham.
  • A URL da imagem é relativa. Um caminho como /images/card.png não significa nada para um rastreador que lê seu HTML fora de contexto. Todos os exemplos da especificação Open Graph usam um endereço https:// completo; use um também.
  • A imagem é pequena demais, pesada demais ou tem o formato errado. Abaixo do mínimo de uma plataforma, você recebe uma miniatura ou nada; acima do limite de tamanho de arquivo, ela é descartada; uma imagem quadrada ou vertical é cortada para caber no quadro de 1.91:1.
  • O rastreador não consegue acessá-la. Uma regra no robots.txt, uma tela de login, uma senha de staging ou um firewall que bloqueia user agents desconhecidos param o rastreador antes que ele veja uma única tag.
  • A plataforma está mostrando uma cópia antiga. Se a tag está correta hoje, mas faltava na primeira vez que o link foi compartilhado, o card que você vê é o que ficou em cache — veja abaixo.

O que estava errado no nosso próprio site

Até 14 de julho de 2026, nenhuma página de agentceres.com — o site da AgentCeres, a AI Growth Officer — tinha og:image, e todo link que compartilhávamos no Slack, no X ou no LinkedIn aparecia como um card só com texto. Foram necessárias duas correções independentes, e corrigir só uma delas teria deixado o site quebrado pela metade.

A primeira era de posicionamento: o arquivo que gera a imagem do nosso card ficava num nível do app do qual nenhuma página herdava, então não se aplicava a nada. A segunda é uma armadilha que vale conhecer se você constrói com Next.js. A documentação dele diz que os metadados de níveis diferentes são mesclados de forma rasa e que campos aninhados como openGraph definidos num nível acima são sobrescritos pelo último nível que os define. Nosso helper compartilhado para títulos e descrições de página definia openGraph sem imagem, então em toda página que o usava — páginas de funções, posts do blog, páginas de comparação, justamente as mais compartilhadas — o openGraph da própria página substituía aquele que carregava o card, com imagem e tudo. Corrigir só o posicionamento teria deixado sem imagem exatamente as páginas que as pessoas compartilham. A lição que ficou: confira o HTML da página exata que você vai compartilhar, não só o da página inicial — é nas páginas internas que essas tags somem.

A verificação de uma linha
  • Baixe o HTML bruto da página que você quer compartilhar (por exemplo com curl ou com Ver código-fonte — não com o inspetor de elementos do navegador, que mostra a página depois que os scripts rodaram).
  • Procure og:image nesse HTML. Se não houver resultado, não haverá imagem em nenhuma prévia, diga o que disser a tela de configurações do seu criador de sites.
  • Abra a URL da og:image sozinha numa janela anônima. Se ela não carregar ali, também não vai carregar para um rastreador.

Corrigir a tag é só metade do trabalho

As plataformas guardam em cache a prévia que geraram na primeira vez que um link foi compartilhado, então uma página corrigida continua mostrando o card antigo. O Facebook afirma que as imagens ficam em cache por URL e não são atualizadas a menos que a URL mude; o Sharing Debugger dele busca sua página de novo e mostra o que o rastreador vê agora. O Post Inspector do LinkedIn faz o mesmo para o LinkedIn e é a solução que a central de ajuda indica quando uma prévia mostra uma imagem antiga. Passe a página pelos dois depois de qualquer mudança nas tags ou na imagem e, se uma plataforma não largar uma imagem antiga, dê à imagem um novo nome de arquivo para que a URL mude.

As prévias importam mais do que parece. Boa parte do compartilhamento acontece em apps de mensagem e DMs, onde o card é a primeira impressão inteira e nenhum referrer sobrevive para dizer à sua análise de onde veio a visita — o tráfego conhecido como dark social. Um link que aparece como texto cinza num grupo é fácil de passar batido, e nenhum relatório vai mostrar os cliques que ele deixou de receber. Se você acabou de mudar a página e o próprio site no ar ainda parece antigo, esse é outro cache: veja por que seu site ainda mostra a versão antiga.

Perguntas frequentes

Posso definir uma imagem de prévia diferente para cada página?
Sim, e deveria, em toda página que as pessoas compartilham por si só — uma página de preços, um artigo, um produto. Cada página carrega sua própria tag og:image; uma imagem padrão única para o site todo é uma alternativa razoável, mas faz todo link compartilhado parecer idêntico numa conversa.
Por que a prévia aparece certa no Facebook mas não no LinkedIn?
Cada plataforma roda seu próprio rastreador, aplica seus próprios mínimos de imagem e mantém seu próprio cache. Uma imagem que passa no mínimo de 600 × 315 do Facebook ainda pode ficar abaixo dos 1200 × 627 do LinkedIn, e uma correção que o Facebook já buscou de novo pode continuar em cache no LinkedIn até você passar a página pelo Post Inspector.
A imagem de prévia afeta meu SEO?
Não diretamente — o ranking de busca não lê og:image. Ela afeta com que frequência um link compartilhado recebe cliques, o que é distribuição, não ranking. As tags de título e descrição cumprem papel duplo, então mantenha as duas precisas para os dois usos.
Perguntas relacionadas
Por que meu site ainda mostra a versão antiga?Como consigo tráfego para um site que fiz com IA?Preciso de site se já tenho Instagram?Por que o Google não indexa o meu site em React?

Quer que a gente faça isso por você?

A AgentCeres é uma equipe de marketing com IA gerenciada: especialistas redigem o trabalho e você aprova o que vai ao ar. 14 dias de teste grátis, a partir de R$ 99/mês.

Começar teste grátisMais respostas