Link sem foto no WhatsApp: como ajustar a prévia de compartilhamento do site no Lovable

Você manda o link do site para um cliente no WhatsApp e aparece só o endereço, sem foto, sem título, sem nada que convide ao clique. Isso costuma ser um problema de prévia de compartilhamento, que depende das tags Open Graph da página. Este guia mostra como conferir e ajustar essa prévia em um site feito no Lovable, seguindo o que a documentação da plataforma descreve hoje.

O que é a prévia de um link e por que ela importa

Quando alguém cola um endereço no WhatsApp, no Instagram ou no Facebook, o aplicativo lê o HTML da página e procura um título, uma descrição e uma imagem. Esses dados vêm de tags chamadas Open Graph (protocolo criado para descrever uma página em redes sociais), como og:title, og:description e og:image. Segundo a documentação do Lovable, as plataformas sociais leem essas tags no HTML bruto, geralmente sem executar JavaScript.

Para um pequeno negócio, a prévia funciona como um cartão de visita: um link com foto e uma frase clara passa mais confiança do que um endereço solto. Isso não é um fator de ranking no Google, e o artigo não promete mais visitas. O ganho é de apresentação e clareza no compartilhamento. Para a parte de buscadores, veja o checklist de SEO do Lovable depois de publicar.

Onde ver e editar a prévia no Lovable

A documentação indica dois caminhos para conferir os cartões Social e Search antes de publicar:

• passar o mouse sobre o ícone do seletor de página no modo de visualização (preview);
• abrir Social & search appearance pelo menu ⋮ da janela Publish, pelo ícone de favicon ao lado da URL ou pelo botão Edit da prévia de busca.

As interfaces mudam com o tempo, então se algum nome estiver diferente na sua tela, procure pelo mesmo conceito na documentação atual. Também é possível pedir ao Lovable, no chat, para definir títulos, descrições e imagens de compartilhamento por página.

Cada página com seu título, descrição e imagem

A orientação do Lovable é que cada página tenha valores próprios de og:title, og:description e og:image. Se todas as páginas herdam a mesma prévia, a página de um serviço específico será compartilhada com o texto da página inicial. Vale revisar:

• título: diga o que a página oferece e onde (por exemplo, o serviço e a cidade), em vez de repetir só o nome da empresa;
• descrição: uma frase que responda à dúvida do cliente, sem texto de placeholder;
• imagem: uma foto real do trabalho, da fachada ou da equipe costuma comunicar mais do que um logotipo isolado.

Essa revisão conversa com o que o Lovable verifica na aba de SEO. Se quiser entender os achados dessa tela, leia como ler a revisão de SEO do Lovable.

Tamanho da imagem: o detalhe que quebra a prévia no WhatsApp

A documentação recomenda imagens de compartilhamento de cerca de 1200 x 630 pixels e com algumas centenas de KB, e avisa que o WhatsApp não mostra a prévia de arquivos grandes. Na prática, uma foto de celular enviada sem tratamento, com vários megabytes, pode ser a razão de o link aparecer sem imagem. Antes de usar uma foto, reduza o peso e use o enquadramento horizontal. O guia de imagens do site explica formato e peso com mais detalhes.

Publique primeiro, teste depois (e limpe o cache)

A prévia que os aplicativos mostram vem da versão publicada, não da visualização. A sequência segura é:

1. ajuste título, descrição e imagem da página;
2. publique o site;
3. teste o link no depurador da plataforma (por exemplo, o Sharing Debugger da Meta) para forçar uma nova leitura;
4. só então envie o link a um cliente, ou a você mesmo em uma conversa de teste.

Os aplicativos guardam prévias antigas em cache. Por isso, mesmo depois de corrigir, um link já compartilhado pode continuar exibindo a versão anterior por um tempo. O depurador existe para atualizar esse cache, mas o WhatsApp não tem uma ferramenta equivalente igualmente simples; em geral é preciso aguardar ou testar em uma conversa nova.

Checklist de dez minutos antes de divulgar o link

Se você vai colocar o endereço na bio do Instagram, na assinatura do e-mail ou em uma mensagem de divulgação, vale seguir uma rotina curta. Primeiro, abra as páginas que mais compartilha (a inicial e as dos serviços principais) e confira se cada uma tem título e descrição próprios, sem texto de exemplo. Depois, escolha uma imagem real, horizontal e leve para cada uma. Publique, passe o endereço pelo depurador e mande o link para você mesmo no WhatsApp. Se a prévia aparecer completa, anote a data e a página testada; se não aparecer, volte ao tamanho da imagem, que é a causa mais frequente segundo a documentação. Repita a conferência sempre que trocar o domínio, mudar a foto principal ou reescrever o texto de uma página, porque a prévia acompanha o que está publicado, não o que você pretendia publicar.

O que esta configuração não resolve

Open Graph cuida da aparência do link compartilhado. Ele não substitui título e meta description para buscadores, não garante indexação, posição no Google ou citação em respostas de IA. Antes de investir tempo na imagem, confirme também o básico: o site publicado, o domínio próprio conectado (veja como conectar o domínio sem derrubar o site e o e-mail) e o contato visível. Um bom cartão de prévia não compensa uma página que não explica o que você faz.

Fontes consultadas

• Lovable: SEO e AEO (documentação oficial)
• The Open Graph protocol
• Sharing Debugger (Meta for Developers)