O link sai sem imagem no WhatsApp quando a página não declara uma imagem de compartilhamento ou quando o aplicativo não consegue baixar a que foi declarada. A imagem, o título e o resumo do cartão vêm das tags Open Graph, que são as linhas no <head> do HTML que descrevem a página para quem a compartilha. Com og:image apontando para um JPG de 1200 × 630 pixels, leve e público, o cartão aparece. Este guia mostra o que cada plataforma documenta de fato, como testar antes de mandar o link e o que fazer quando a prévia antiga não sai da conversa.
O que é Open Graph e de onde vem a prévia do link?
Open Graph é um protocolo de metatags criado no Facebook para uma página se descrever quando alguém a compartilha. Ao receber um link, a plataforma visita o endereço, lê essas tags e monta o cartão: imagem em cima, título em negrito, uma linha de descrição e o domínio. WhatsApp, Facebook e LinkedIn documentam o uso dessas tags.
A especificação oficial, em ogp.me, pede quatro tags em toda página: og:title, og:type, og:image e og:url. A descrição (og:description) aparece como opcional no protocolo, mas o WhatsApp e o LinkedIn a incluem entre as obrigatórias. Quando as tags faltam, a Meta diz que o robô dela usa "heurísticas internas" para adivinhar título, descrição e imagem. Na prática, isso vira um cartão só com texto ou com uma imagem qualquer da página.
Um esclarecimento que evita confusão: og:title e og:description não são o <title> nem a meta description. O <title> aparece no Google e na aba do navegador; a meta description é o resumo candidato do resultado de busca. As tags og: servem ao cartão de compartilhamento. Elas podem ter o mesmo texto, mas são linhas separadas no código, e uma não substitui a outra.
Quais tags Open Graph colocar no <head>?
Coloque estas linhas em cada página, com os valores daquela página, dentro do <head> do HTML que o servidor entrega:
<meta property="og:type" content="website">
<meta property="og:site_name" content="Doceria Vó Lurdes">
<meta property="og:title" content="Bolo de pote de ninho com morango">
<meta property="og:description" content="Pote de 250 ml, feito no dia. Entrega em Ribeirão Preto.">
<meta property="og:url" content="https://www.doceriavolurdes.com.br/bolo-de-pote-ninho">
<meta property="og:image" content="https://www.doceriavolurdes.com.br/img/bolo-de-pote-ninho-1200x630.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Bolo de pote com creme de ninho e morangos">
<meta name="twitter:card" content="summary_large_image">
O que cada uma faz e quem pede:
| Tag | Para que serve | O que a documentação diz |
|---|---|---|
og:title |
Título em negrito do cartão | O WhatsApp pede o título do conteúdo sem a marca, em até 2 linhas |
og:description |
Linha de apoio | O WhatsApp mostra 1 ou 2 linhas e diz que 80 caracteres bastam |
og:image |
A imagem do cartão | O WhatsApp pede endereço absoluto, com o domínio |
og:url |
Endereço oficial da página | O WhatsApp pede a URL limpa, sem parâmetros de sessão ou de rastreamento |
og:image:width e og:image:height |
Medidas da imagem | A Meta recomenda para o robô montar a prévia já no primeiro compartilhamento |
og:image:alt |
Descrição da imagem | O protocolo diz que toda página com og:image deveria ter |
twitter:card |
Formato do cartão no X | summary_large_image mostra a imagem grande |
Repare no primeiro item. O <title> da página costuma terminar com o nome da empresa; o og:title, segundo a documentação do WhatsApp, deve vir sem a marca. E use property=, como o protocolo escreve, nas tags og:.
Qual o tamanho certo da imagem do link?
Use 1200 × 630 pixels, em JPG, com menos de 300 KB. Essa combinação atende ao que cada plataforma publica, e os números não são iguais entre elas:
| Plataforma | Medida | Peso máximo | Fonte |
|---|---|---|---|
| Pelo menos 1200 × 630, proporção perto de 1,91:1; mínimo de 200 × 200 | 8 MB | Documentação da Meta para webmasters | |
| 300 px de largura ou mais, proporção de até 4:1 | 600 KB | Documentação de prévias do WhatsApp | |
| Mínimo de 1200 × 627, proporção 1,91:1; abaixo de 401 px de largura vira miniatura | 5 MB | Central de ajuda do LinkedIn | |
| Google Discover | Pelo menos 1200 px de largura, 16:9 | Não informa | Google Search Central |
O peso é onde mais se erra. O limite oficial do WhatsApp é 600 KB, mas a central de ajuda do Wix fala em 300 KB para a imagem aparecer no WhatsApp, e há lojas virtuais que relatam testes próprios com limite ainda menor. Ficar abaixo de 300 KB resolve as duas versões. Medimos a capa deste blog: 1200 × 630, JPG com qualidade 88, cerca de 180 KB. Se as imagens do site em geral estão pesadas, o guia sobre o que deixa um site lento mostra como achar e reduzir.
Duas dicas de conteúdo. A Meta recomenda ficar perto de 1,91:1 para a imagem aparecer inteira, sem corte, e deixar o principal no centro protege a imagem nas plataformas que recortam. E evite usar só o logotipo: o Google, ao falar da mesma tag og:image no Discover, pede imagem que represente a página e sem excesso de texto.
Por que a tag precisa estar no HTML, e não no JavaScript?
Porque o robô de prévia lê o HTML que o servidor devolve. O WhatsApp documenta que busca a página com uma requisição GET e que o <head> com as tags precisa estar nos primeiros 300 KB do HTML. A Meta diz o mesmo com outro número: as propriedades Open Graph precisam vir antes do primeiro 1 MB. Nenhuma das duas documentações fala em executar JavaScript.
Na prática, tag que só existe depois que o JavaScript roda não chega ao cartão. Isso pega três tipos de site: o feito em React, Vue ou Angular que monta o <head> no navegador, o que injeta as tags por um gerenciador de tags e o que tem um <head> gigante, com CSS e scripts embutidos que empurram as tags para depois do limite. Para conferir, abra o código-fonte com Ctrl+U (não o "inspecionar elemento", que mostra a página já montada) e procure og:image. Se não estiver lá, o robô também não vê. É o mesmo cuidado que vale para aparecer nas respostas do ChatGPT, porque os robôs de IA também leem o HTML sem montar a página.
O robô também precisa conseguir entrar. O WhatsApp se identifica com um User-Agent que começa com WhatsApp/, e o Facebook com facebookexternalhit. Firewall, proteção contra robôs ou CDN que bloqueia esses nomes derruba a prévia, e o LinkedIn cita justamente esse caso: imagem que cumpre os requisitos, mas fica numa pasta protegida ou num site que bloqueia a leitura. Se você mexeu no robots.txt recentemente, confira também que o bloqueio dos robôs de IA não levou os de compartilhamento junto.
Como testar a prévia antes de mandar o link?
Comece pelo próprio WhatsApp. A documentação oficial ensina o teste: cole o link numa conversa e não envie. Se a prévia não aparecer acima da caixa de texto em 10 segundos, algo está fora dos requisitos. Se aparecer pequena, o problema está na imagem (largura, proporção ou peso).
Depois, use as ferramentas de cada plataforma:
- Depurador de Compartilhamento da Meta: mostra o que o robô do Facebook leu, aponta tags com problema e força uma nova leitura. Ele testa o robô do Facebook. A Meta não documenta que ele atualize a prévia do WhatsApp.
- Post Inspector, do LinkedIn: faz o mesmo para o LinkedIn. A ajuda dele avisa que a nova prévia só vale para publicações novas; posts antigos com o link continuam como estavam.
- X: a documentação de cards saiu do ar. Em outubro de 2026, os endereços antigos levam para a página geral da documentação. Sem regra publicada para conferir, a gente mantém as duas coisas: o
twitter:carde as tagsog:completas.
Para ver tudo de uma vez, cole o endereço no verificador de meta tags. Ele lê a página como esses robôs, sem executar JavaScript, mostra o cartão montado com as suas tags Open Graph, avisa quais faltam, se o og:image está com endereço relativo e se há twitter:card. O peso do arquivo da imagem ele não mede: para isso, abra o endereço da imagem numa aba anônima e veja o tamanho.
Troquei a imagem e o link continua com a antiga. E agora?
Troque o endereço da imagem. A Meta é explícita: imagens ficam guardadas pelo endereço e não são atualizadas enquanto o endereço não mudar. Salvar a foto nova por cima de capa.jpg não adianta; publique como capa-v2.jpg e atualize o og:image.
Depois, cada plataforma tem o seu caminho:
- Facebook: o conteúdo lido é atualizado num ciclo padrão de 24 horas, segundo a Meta. Para não esperar, passe o endereço da página no Depurador de Compartilhamento e peça nova leitura.
- LinkedIn: passe o endereço no Post Inspector. Vale só para posts novos.
- WhatsApp: não há documentação oficial sobre quanto tempo a prévia fica guardada nem ferramenta para limpar. Na prática, a mensagem já enviada fica com o cartão antigo. Para conferir se a correção funcionou, o truque comum é testar com o endereço acrescido de um parâmetro, como
?v=2, que costuma ser buscado de novo como se fosse outro link. - O seu próprio site: plugin de cache, CDN ou cache do servidor podem continuar entregando o HTML antigo, com o
og:imageantigo. Limpe esse cache antes de testar qualquer outra coisa.
Quais erros mais deixam o link sem imagem?
A tag ausente é a causa que mais aparece nas nossas análises, e os números estão na próxima seção. As outras exigem olhar o código e o arquivo da imagem:
- Endereço relativo, como
/img/capa.jpg. O protocolo pede uma URL e o WhatsApp pede endereço absoluto. Escreva comhttps://e o domínio. - Imagem pesada demais para o WhatsApp, acima de 600 KB, como a foto original do celular publicada sem compressão.
- Imagem pequena, como um ícone de 150 px. O WhatsApp pede 300 px de largura, e o LinkedIn transforma em miniatura o que tem menos de 401.
- Duas tags
og:imageconflitantes, uma do tema e outra do plugin. Pelo protocolo, vale a primeira de cima para baixo, que nem sempre é a que você escolheu. - Tag fora do
<head>ou inserida por JavaScript. - Imagem que não abre para quem não está logado, atrás de login, em ambiente de testes ou bloqueada pelo firewall.
Quantos sites brasileiros acertam o Open Graph?
Pouco mais da metade. Nas análises que fizemos de 53 sites brasileiros em outubro de 2026, 30 páginas iniciais tinham o Open Graph completo e 23 (43%) tinham algum problema:
| Situação na página inicial | Sites |
|---|---|
| Nenhuma tag Open Graph | 9 |
Todas as tags, menos og:image |
8 |
Sem og:description e sem og:image |
2 |
Sem og:url |
2 |
| Outras faltas | 2 |
Sem twitter:card |
33 |
Somando as três primeiras linhas, pelo menos 19 dos 53 sites (36%) não declaram imagem de compartilhamento na página inicial. Quando alguém manda o endereço desses sites num grupo, ele chega como cartão só de texto ou com uma imagem escolhida pela plataforma. Chama a atenção que 8 sites tenham título, descrição e URL certinhos e parem justamente na imagem, a parte mais visível do cartão. Já o twitter:card falta em 33 dos 53 (62%), o que pesa menos: ele só muda o formato do cartão no X.
Como configurar no WordPress, no Wix e em site próprio?
No WordPress, plugins de SEO como Yoast e Rank Math têm uma aba de redes sociais em cada post e página, com campo para a imagem, e uma imagem padrão para o site inteiro. Confira se o tema não gera outra og:image por conta própria; se gerar, desligue uma das duas.
No Wix, a central de ajuda indica dois caminhos: por página, em Páginas e menu, Mais ações, Redes sociais; e para o site inteiro, nas configurações do site, em Site e domínio, onde fica a imagem padrão de compartilhamento. Depois de trocar, publique o site.
Em site próprio, gere as tags no servidor, a partir dos dados de cada página: o nome do produto vira og:title, a foto principal vira og:image. Em React, Vue ou Angular, use a renderização no servidor ou a geração estática que o framework oferece, para as tags saírem no HTML.
Por onde começar?
Pegue os três endereços que você mais compartilha: a página inicial, a página do produto ou serviço principal e o post mais lido. Passe cada um no verificador de meta tags, corrija o que faltar seguindo o modelo deste guia e faça o teste do WhatsApp: cole o link numa conversa, sem enviar, e espere a prévia. Se o problema vier do modelo das páginas, a análise completa do site mostra em quais páginas internas o Open Graph também está faltando.
