Que tamanho deve ter uma imagem OG?+
Use 1200x630 pixels, uma proporção de 1,91:1, em PNG ou JPG com menos de 5 MB. O Facebook recomenda pelo menos 1200x630 para prévias nítidas e aceita arquivos de até 8 MB; o LinkedIn pede pelo menos 1200x627 em 1,91:1 e no máximo 5 MB. Abaixo de 600x315, o Facebook mostra a imagem bem menor. O verificador mede a imagem a partir do próprio arquivo.
Por que minha imagem OG não aparece no LinkedIn, no X ou no Slack?+
Normalmente falta a tag og:image, o endereço da imagem é relativo, usa http ou está atrás de um login, o arquivo é pequeno ou pesado demais, as tags são adicionadas por JavaScript depois que a página carrega (o X e a Apple informam que seus robôs não executam JavaScript), ou o app ainda guarda uma cópia antiga. O X precisa de uma tag twitter:card ou das tags Open Graph como alternativa, o LinkedIn mostra imagens com menos de 401 pixels de largura como uma miniatura pequena, e o Slack não mostra uma nova prévia de um link já compartilhado na mesma conversa na última hora. Verifique a página aqui: tirando as cópias em cache e essa regra do Slack, cada caso aparece com a correção.
Como limpar o cache da prévia de um link?+
Os apps guardam a prévia de um link por algum tempo. No Facebook, cole o link no Sharing Debugger da Meta e peça uma nova leitura da página; senão, o Facebook atualiza os dados dos links a cada 30 dias. No LinkedIn, use o Post Inspector do LinkedIn; a nova prévia só vale para publicações novas. O X guarda os dados dos cards por até 7 dias e recomenda conferir a prévia colando o link no editor de um post, sem publicar. O Slack guarda um link em cache por cerca de 30 minutos. Se a própria imagem mudou, dê a ela um endereço novo, ou o Facebook não vai atualizá-la.
Para que serve twitter:card?+
Diz ao X qual card mostrar para o seu link. summary_large_image mostra a imagem grande, na largura toda do post; summary mostra só uma pequena miniatura quadrada. O X usa suas tags Open Graph para o título, a descrição e a imagem quando as dele faltam, então a maioria das páginas só precisa acrescentar twitter:card.
Para que serve og:image:alt?+
Descreve o que está na imagem para quem não consegue vê-la. O protocolo Open Graph define essa tag como uma descrição do conteúdo da imagem, não uma legenda, e pede que ela esteja em todas as páginas que definem og:image. O verificador lê og:image:alt e o equivalente do X, twitter:image:alt, e sinaliza uma imagem sem nenhuma das duas.
O verificador de Open Graph é grátis?+
Sim. Verificar uma página é grátis e não exige cadastro; só é possível verificar páginas públicas. Criar uma nova imagem no OG Image Lab também é grátis. Para baixar o PNG, copiar as meta tags ou usar a imagem no canvas do UX Pilot, você precisa de uma conta gratuita do UX Pilot.
