Question 1

Quais dimensões de imagem devo usar para og:image?

Accepted Answer

O tamanho mínimo recomendado é 1200×630 pixels com proporção de 1,91:1. Facebook e LinkedIn cortam imagens menores. Use PNG ou JPEG com menos de 8 MB. Evite colocar texto crítico muito perto das bordas, pois as plataformas podem cortar a imagem ligeiramente para miniaturas.

Question 2

Qual é a diferença entre og:type e os tipos de Twitter Card?

Accepted Answer

og:type descreve que tipo de conteúdo é a página — 'website' para páginas gerais, 'article' para posts de blog, 'video.other' para conteúdo de vídeo. Twitter Cards é um sistema separado: summary mostra uma miniatura pequena, summary_large_image mostra uma imagem de largura total e player incorpora vídeo. Eles são definidos independentemente com <meta name="twitter:card">.

Question 3

Posso gerar imagens OG dinâmicas automaticamente?

Accepted Answer

Sim. Ferramentas como o @vercel/og da Vercel (usando a ImageResponse API) e as transformações baseadas em URL do Cloudinary permitem gerar imagens dinamicamente a partir de texto e templates. No Next.js, você pode criar uma rota opengraph-image.tsx que renderiza React em uma imagem PNG no momento da requisição usando o Edge runtime.

Question 4

Por que og:url é importante e como deve corresponder ao canonical?

Accepted Answer

og:url diz às plataformas sociais com qual URL associar o cartão de compartilhamento, evitando contagens duplicadas quando uma página é acessada por múltiplas URLs (ex. com/sem barra no final ou parâmetros UTM). Deve corresponder exatamente à URL de <link rel="canonical"> para indicar o endereço autoritativo da página.

Question 5

Por que minha imagem OG não está sendo atualizada depois que a mudei?

Accepted Answer

As plataformas sociais fazem cache agressivo dos metadados OG. Facebook armazena por até 7 dias; Twitter/X por períodos menores. Para forçar uma atualização: use o Facebook Sharing Debugger (developers.facebook.com/tools/debug) ou o Twitter Card Validator para rastrear e atualizar o cache. Mudar a URL da imagem (ex. adicionando uma query string para invalidar o cache) força as plataformas a re-buscar imediatamente.

Prévia OG

Facebook / LinkedIn

Twitter

Perguntas Frequentes

Comments & Feedback