Pré-visualização de
partilha social
Veja o seu link tal como o WhatsApp, X, LinkedIn e Facebook o vão mostrar, antes de o partilhar. Escreva o seu endereço web, ou cole HTML / escreva as tags à mão. Buscamos a sua página em segurança, nada mais sai do seu navegador.
Como viaja o seu link?
Ou cole HTML / escreva as tags manualmente
Verificação, do que as redes se vão queixar
| Tag | Estado | Nota |
|---|
A Yetty serve Open Graph e Twitter cards em cada página automaticamente, tamanhos corretos, URLs absolutos, sem plugin.
Seis regras que as quatro
redes partilham
og: é a língua franca
WhatsApp, Facebook, LinkedIn e X leem Open Graph primeiro. Acerte em og:title, og:description e og:image e está 90% feito.
1200 x 630, URL absoluto
Um único tamanho de imagem agrada a todos. URLs relativos como /hero.jpg falham em silêncio, o rastreador não faz ideia de que site queria dizer.
Todos recortam para 1.91:1
As imagens altas ou quadradas ficam com o topo e o fundo cortados. Mantenha rostos e texto na faixa central da imagem.
Os títulos truncam de forma diferente
O X mostra cerca de 70 caracteres, o Facebook cerca de 88, o WhatsApp duas linhas curtas. Ponha à frente as palavras que importam.
As pré-visualizações ficam em cache
Corrigiu as tags mas o cartão antigo continua a aparecer? A rede guardou-o em cache. Use o Sharing Debugger do Facebook ou o Post Inspector do LinkedIn para atualizar, ou quebre o URL com ?v=2.
twitter:card desbloqueia o cartão grande
O X recorre às tags og: para as palavras, mas só twitter:card = summary_large_image garante o layout de imagem em largura total.
As pessoas também perguntam
Porque é que o meu link não mostra imagem no WhatsApp?
Quase sempre uma de três coisas: a tag og:image está em falta, o seu URL é relativo em vez de absoluto (o WhatsApp não consegue resolver /hero.jpg), ou a imagem é grande demais, o WhatsApp ignora imagens acima de cerca de 600KB. Adicione um URL https absoluto a uma imagem de tamanho razoável e volte a partilhar; o WhatsApp guarda as pré-visualizações em cache, por isso teste com um URL novo ou acrescente ?v=2.
Que tamanho deve ter uma og:image?
1200 x 630 pixels é a resposta segura, a proporção 1.91:1 para a qual Facebook, LinkedIn e X recortam. Mantenha-a abaixo de 5MB (abaixo de 600KB se o WhatsApp lhe importa) e não ponha nada importante nas bordas exteriores, que algumas redes cortam.
Preciso de tags twitter: separadas se já tenho tags og:?
Em geral não, o X recorre a og:title, og:description e og:image. A única tag que quer mesmo é twitter:card definida como summary_large_image; sem ela o X pode mostrar o cartão quadrado pequeno em vez do grande.