varrida
Equipe Varrida
Resposta curta
O WhatsApp monta a prévia do link com as tags Open Graph do HTML da página: og:title, og:description, og:url e og:image. Se a og:image falta, não abre ou foge das regras da documentação do WhatsApp, o link chega sem foto. As regras são estas: endereço completo (com https://), imagem com menos de 600 KB, pelo menos 300 px de largura, proporção de no máximo 4 por 1, e as tags nos primeiros 300 KB do HTML. Em 26/10/2026, a gente conferiu a home de 185 sites grandes do Brasil: 52 não têm og:image, e 86 falham em pelo menos uma dessas regras.
Como o WhatsApp monta a prévia
Quando alguém cola um link, o WhatsApp baixa o HTML da página e procura as tags Open Graph no <head>. São quatro:
<meta property="og:title" content="Conserto de iPhone em Curitiba no mesmo dia">
<meta property="og:description" content="Troca de tela e bateria em 1 hora, com garantia de 90 dias.">
<meta property="og:url" content="https://lojaexemplo.com.br/conserto-iphone">
<meta property="og:image" content="https://lojaexemplo.com.br/img/compartilhar-iphone.jpg">A página de desenvolvedores do WhatsApp sobre prévias de link pede o seguinte:
og:titlesem a marca, e não vazio.og:descriptioncurta: uma ou duas linhas, e 80 caracteres bastam.og:urlcom o endereço oficial da página, sem parâmetros de sessão ou de rastreio.og:imagecom o endereço completo da imagem, de menos de 600 KB, com 300 px ou mais de largura e proporção de no máximo 4 por 1.- O
<head>com as tags tem que estar dentro dos primeiros 300 KB do HTML.
A mesma página avisa que o WhatsApp tenta mostrar a prévia mesmo quando algo falta, relaxando as regras, procurando outras tags ou caindo pra uma prévia pequena. Mas diz que isso não é garantido. Na prática, quem cumpre as regras tem o card grande com foto, e quem não cumpre fica na sorte.
O que a gente achou em 185 sites grandes
Em 26/10/2026, a gente baixou o HTML da home de 185 sites de grande audiência no Brasil e conferiu cada regra acima. Também baixou a imagem de cada og:image pra medir o peso e o tamanho.
| Sites | O que a gente achou |
|---|---|
| 86 | Falham em pelo menos uma regra (de 185) |
| 52 | Sem og:image |
| 21 | Sem og:title |
| 7 | Imagem com endereço relativo, sem o domínio |
| 7 | Imagem que não abre (404 ou 403) |
| 7 | Imagem com menos de 300 px de largura |
| 5 | Imagem com 600 KB ou mais |
| 4 | Tags depois dos primeiros 300 KB do HTML |
| 3 | Responde 403 pro WhatsApp e 200 pro navegador |
Um site pode ter mais de um problema, por isso a soma passa de 86. As lojas foram o pior grupo: 16 das 21 lidas falham em alguma regra, e 11 não têm og:image nenhuma. O número bate com o ranking de SEO técnico que a Varrida publicou em outubro: a varredura achou a falta de og:title ou og:image em 53 dos 166 sites lidos.
Alguns casos que mostram como o problema aparece:
- Imagem que não existe mais. A
og:imagedo Inter, da Loft, da Locaweb e do GetNinjas aponta pra um arquivo que responde 404. O HTML tem a tag, e quem olha o código acha que está tudo certo. - Imagem pesada demais. A do Rappi tem 1.189 KB, e a da MaxMilhas, 791 KB, acima do limite de 600 KB.
- Imagem pequena. O SBT usa uma imagem de 110 por 110 px, e a Havaianas, uma de 149 por 32 px, que é estreita e larga demais ao mesmo tempo.
- Tags no fim de um HTML enorme. Na home do Nubank, as tags Open Graph só aparecem depois de 831 KB de HTML. Na da Mobly, depois de 751 KB.
- Bloqueio do robô. Zoom, Buscapé e Catho responderam 403 quando o pedido se identificou como WhatsApp, e 200 pra um navegador comum.
Como testar o seu link
- Mande o link pra você mesmo no WhatsApp, na conversa com o seu próprio número. É o teste mais fiel.
- Veja as tags no código-fonte. Abra a página, aperte Ctrl+U (Cmd+Option+U no Mac) e procure
og:image. Copie o endereço e abra numa aba nova: tem que aparecer a imagem, não uma página de erro. - Use o terminal pra ver o que o servidor manda, sem depender do JavaScript:
curl -s -A "WhatsApp/2" https://seusite.com.br/ | grep -io '<meta[^>]*og:[^>]*>'Se não volta nada, as tags não estão no HTML que sai do servidor. Isso acontece em sites que montam a página com JavaScript, como apps em React feitos no Lovable ou no Bolt: a tag existe no navegador, mas o WhatsApp não roda o script. O artigo sobre sites do Lovable e do Bolt explica o porquê e como resolver.
O Sharing Debugger da Meta também mostra as tags Open Graph que a Meta encontra na página e avisa sobre imagem faltando ou pequena. Ele é do Facebook, mas as tags são as mesmas.
Como corrigir, problema por problema
| Problema | Correção |
|---|---|
Sem og:image | Crie uma imagem de 1200 por 630 px e coloque a tag em cada página |
Endereço relativo, como /img/card.jpg | Escreva o endereço completo, com https:// e o domínio |
| Imagem que dá 404 | Abra o endereço da tag e troque pelo arquivo que existe |
| Imagem com 600 KB ou mais | Exporte em JPG com qualidade perto de 80, que costuma ficar bem abaixo do limite |
| Imagem estreita ou quadrada pequena | Use pelo menos 300 px de largura. 1200 por 630 px serve pra tudo |
| Tags depois de 300 KB | Coloque as tags og: no começo do <head>, antes de scripts e estilos embutidos |
| 403 pro WhatsApp | Libere o user agent do WhatsApp no firewall ou na CDN |
A medida de 1200 por 630 px não é exigência do WhatsApp, mas cumpre com folga as regras dele e é a proporção que a maioria das redes usa pro card grande. A documentação do WhatsApp não lista formatos aceitos. JPG e PNG são a aposta mais segura. Dos 133 sites com imagem que a gente mediu, 2 usavam SVG.
A Meta recomenda declarar também a largura e a altura da imagem, pra ela carregar certo já no primeiro compartilhamento:
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">Onde configurar em cada plataforma
- WordPress: o Yoast SEO e o Rank Math têm uma aba de redes sociais em cada página, com campo pra imagem. Os dois também têm uma imagem padrão pro site todo, que entra quando a página não tem uma própria.
- Shopify: procure a imagem de compartilhamento em redes sociais nas preferências da loja ou nas configurações do tema.
- Wix: nas configurações de SEO de cada página, na parte de compartilhamento em redes sociais.
- Next.js: o campo
openGraphdometadatade cada página, ou um arquivoopengraph-image.jpgna pasta da rota. - Lovable, Bolt e apps em React: as tags precisam estar no
index.html, que sai do servidor. Pra ter uma imagem por página, o site precisa gerar o HTML de cada página no servidor ou no build.
Corrigi, e a foto continua errada
O WhatsApp não documenta por quanto tempo guarda uma prévia. A Meta diz, sobre o Facebook, que a imagem fica em cache pelo endereço e só muda quando o endereço muda. Por isso, ao trocar a imagem, publique com um nome de arquivo novo, como compartilhar-v2.jpg, em vez de sobrescrever o antigo. No Facebook, o Sharing Debugger tem um botão pra buscar a página de novo.
Pra testar a correção sem esperar, mande o link com um parâmetro no fim, como ?v=2. Como o endereço é outro, não há prévia guardada pra ele.
Método e limites
- A lista. São os sites do ranking de SEO técnico de outubro, em seis grupos: notícias, lojas, bancos e fintechs, serviços, conteúdo e empresas de tecnologia. Dos 264 da lista, 192 abriram a home pra um acesso automático, e 7 desses foram descartados porque responderam com uma página de verificação de robô ou vazia. Ficaram 185.
- Só a home. A gente leu a página inicial de cada site. Páginas internas, como produtos e reportagens, podem ter tags melhores ou piores.
- As regras. As da página de prévias de link do WhatsApp, conferidas em 26/10/2026. A posição das tags foi medida em bytes do HTML recebido, e o peso e o tamanho da imagem, no arquivo baixado.
- O teste com o WhatsApp. O pedido com o user agent do WhatsApp saiu de um servidor, não de um celular. Ele mostra que os 3 sites bloqueiam pelo user agent, mas o resultado num celular de verdade pode variar.
- Fotografia de um dia. Tags mudam a cada deploy. Os números valem pra 26/10/2026.
Checklist
- Cada página tem
og:title,og:description,og:urleog:imageno HTML que sai do servidor. - A
og:imagetem endereço completo, comhttps://, e abre a imagem numa aba nova. - A imagem tem 1200 por 630 px (ou pelo menos 300 px de largura) e menos de 600 KB, em JPG ou PNG.
- As tags estão no começo do
<head>, longe do limite de 300 KB. - O firewall não bloqueia o WhatsApp.
- O link mandado pra você mesmo no WhatsApp chega com foto e título.
Uma troca de tema ou de imagem pode deixar a og:image apontando pra um arquivo que não existe, sem ninguém perceber. A auditoria grátis da Varrida confere o og:title e a og:image da home e de mais 8 páginas, sem cadastro, e mostra o link sem foto junto com os outros problemas, em menos de um minuto.
