O que é uma pré-visualização de link
Quando colas um link no WhatsApp, Facebook, LinkedIn, X, Slack ou iMessage, a app visita a página e monta um pequeno cartão: uma imagem, um título, uma linha de descrição e o nome do site. Muitas vezes esse cartão é a única coisa que as pessoas veem antes de decidir tocar.
As apps montam-no a partir de tags no código da página — sobretudo as tags Open Graph (og:title, og:description, og:image) que o Facebook criou e toda a gente adotou, mais a twitter:card do X. Quando faltam, cada app adivinha, e o resultado raramente fica bem.
As tags que contam
O og:title é o título: curto, escrito para pessoas, com menos de uns 60 caracteres. O og:description é uma frase por baixo do título. O og:image é a imagem — 1200×630 píxeis, em JPG ou PNG, com poucas centenas de KB — e é ela que decide se alguém repara no link.
A twitter:card com summary_large_image dá-te o cartão grande no X em vez de uma miniatura pequena. O og:url e o og:site_name são pormenores: o endereço principal da página e o nome da tua marca.
Porque é que a pré-visualização não atualiza
As apps guardam uma cópia de cada pré-visualização para não visitarem a página sempre que alguém a partilha. Depois de mudares as tags, o cartão antigo pode ficar dias. O Sharing Debugger do Facebook e o Post Inspector do LinkedIn deixam-te pedir um novo; no WhatsApp e no X o truque mais simples é um endereço ligeiramente diferente, como acrescentar ?v=2.
Erros comuns
Um logótipo como imagem de pré-visualização. Um logótipo pequeno e quadrado fica uma miniatura minúscula ou é cortado. Usa uma imagem larga de 1200×630 com o logótipo lá dentro.
A mesma pré-visualização em todas as páginas. Quando todos os produtos partilham a imagem e o título da página inicial, ninguém distingue os links. Dá a cada página importante a sua.
Imagens atrás de login ou bloqueadas a robôs. Quem visita pelas apps não tem sessão iniciada; se a imagem não for pública, o cartão fica sem imagem.
Como funciona a verificação
O nosso servidor visita o endereço uma vez, como fazem as apps, lê as tags no <head> da página e descarrega a imagem de pré-visualização para a medir. Nada fica guardado, e a imagem é-te mostrada como cópia, para o teu browser não a carregar a partir do site.