Visualizador de Compartilhamento Open Graph
Uma visualização Open Graph mostra como um link aparece quando alguém o compartilha. Esta ferramenta gratuita busca sua página, lê suas tags og: e twitter:, carrega a og:image e desenha o card de compartilhamento para Facebook, LinkedIn e X lado a lado, listando as tags encontradas. Para validar as tags em si, use o verificador Open Graph.
Open Graph Preview
On-page SEO
Sobre esta ferramenta
Quando um link é colado em uma rede social, a plataforma não mostra sua página; ela mostra um card construído a partir de algumas meta tags no head. As tags Open Graph definem o título, descrição e imagem, e as tags Twitter ou X podem substituí-las. Uma página sem tags recebe um card simples e muitas vezes feio, e um card com uma imagem mal cortada recebe menos cliques.
A ferramenta de visualização carrega sua página de nosso servidor, lê as tags og: e twitter:, volta para o título da página e meta descrição quando uma tag está faltando, e baixa a og:image para colocá-la em cada card. Você vê três cards, um no estilo do Facebook, um do LinkedIn e um do X, além da tabela de tags a partir das quais os cards foram construídos.
Os cards são aproximações próximas, não capturas de tela. Cada rede corta e estiliza cards à sua maneira e muda o design de tempos em tempos. Eles também armazenam em cache uma página por dias, então após corrigir tags você pode precisar atualizar o cache com a ferramenta de depuração da plataforma. Esta página mostra o resultado visual; o verificador Open Graph testa se as tags estão completas e válidas.
Perguntas frequentes
Qual deve ser o tamanho de uma imagem Open Graph?
Use uma imagem de 1200 por 630 pixels, proporção 1,91 para 1, menor que 5 MB, como JPEG ou PNG. Mantenha texto e rostos importantes longe das bordas porque alguns aplicativos cortam. Facebook, LinkedIn e X lidam bem com este tamanho, então uma imagem pode servir todas as redes.
Por que minha imagem antiga ainda aparece depois que a mudei?
As redes sociais armazenam em cache o card de uma página. Use o Facebook Sharing Debugger e o LinkedIn Post Inspector para buscar a página novamente. X atualiza seu cache automaticamente após algum tempo. Também verifique se a URL da imagem é nova ou se o arquivo foi realmente substituído.
Preciso de tags de cartão Twitter além de Open Graph?
X volta para tags Open Graph, então og:title, og:description e og:image são suficientes. Adicione twitter:card com summary_large_image para obter o layout de imagem grande, e adicione tags twitter apenas quando quiser que X mostre algo diferente das outras redes.
Qual é a diferença entre esta ferramenta e o verificador Open Graph?
Esta ferramenta desenha como um compartilhamento pode parecer. O verificador Open Graph audita as tags: propriedades faltantes, tamanho da imagem, consistência de URL e erros comuns. Visualize primeiro para ver o resultado, depois valide para descobrir o que corrigir. Juntas, elas cobrem como seus links aparecem quando compartilhados.