Verificador de Open Graph: como seu link aparece ao ser compartilhado

Para que servem as tags Open Graph

Quando alguém compartilha um link no Facebook, LinkedIn, WhatsApp, X ou Slack, o aplicativo lê as tags Open Graph da página para montar a prévia: uma imagem, um título e uma descrição curta. Sem elas, o aplicativo tenta adivinhar, e a prévia muitas vezes mostra a imagem errada, um aviso de cookies como descrição ou simplesmente nada. Uma boa prévia é a diferença entre um link em que as pessoas clicam e um pelo qual elas passam direto.

As tags que importam

• og:title: o título da prévia. Pode ser mais curto e mais direto que a tag title.
• og:description: uma ou duas frases sobre o que o leitor vai encontrar.
• og:image: a imagem, com o endereço completo. Use 1200 por 630 pixels; imagens pequenas aparecem como miniatura em vez de um cartão grande.
• og:url: o endereço principal da página, para que todo compartilhamento conte para uma única página.
• twitter:card: defina como summary_large_image para ter a imagem grande no X. Para o resto, o X lê as tags Open Graph.

Como acertar a imagem

Mantenha textos e logotipos longe das bordas: alguns aplicativos cortam a imagem em formato quadrado. Use uma foto real do seu produto, do seu espaço ou da sua equipe em vez de uma imagem de banco, mantenha o arquivo abaixo de 5 MB e sirva-o por https. Depois de trocar a imagem, peça ao Depurador de Compartilhamento do Facebook e ao Post Inspector do LinkedIn que leiam a página de novo, porque eles guardam a prévia antiga por um tempo.

As tags de compartilhamento ficam ao lado dos dados estruturados, que descrevem a empresa para os mecanismos de busca: confira esses dados com o verificador de marcação Schema. O Verificador de SEO de sites com IA verifica as prévias de compartilhamento como parte da pontuação de 0 a 100.