Verificador de Open Graph
Veja as tags Open Graph e Twitter Card que uma página usa ao ser compartilhada.
Como usar Verificador de Open Graph
- Digite uma URL.
- Clique em Verificar.
- Leia suas tags og: e twitter: — título, descrição, imagem e mais.
Sobre Verificador de Open Graph
Quando um link é compartilhado no Facebook, LinkedIn, WhatsApp, X ou Slack, o cartão de pré-visualização — o título, a descrição e a imagem que aparecem — vem das meta tags Open Graph (og:) e Twitter Card (twitter:) da página. Esta ferramenta busca uma URL e lista exatamente quais dessas tags ela tem e o que contêm, para que você veja a pré-visualização que um compartilhamento vai gerar antes mesmo de publicá-lo.
Tags ausentes ou incorretas são o motivo pelo qual um link compartilhado às vezes não mostra imagem, exibe o título errado ou uma descrição desatualizada. As principais são og:title, og:description, og:image e og:url; para o X, twitter:card e twitter:image. Verificá-las aqui é mais rápido do que publicar um link de teste e depois apagá-lo, e mostra as duas famílias de tags lado a lado.
A ferramenta lê as tags a partir do HTML retornado; vale lembrar que as redes sociais fazem cache delas, então, depois de uma correção, pode ser preciso atualizar o cache da plataforma para que a nova pré-visualização apareça. Para ler também as tags de SEO padrão, use o analisador de meta tags, e para criar um conjunto correto de tags Open Graph, use o gerador de Open Graph.
Perguntas frequentes
O que são tags Open Graph?
São meta tags que começam com og: e informam às redes sociais o título, a descrição e a imagem a exibir quando seu link é compartilhado. As tags Twitter Card fazem o mesmo para o X.
Por que meu link compartilhado não mostra imagem?
Geralmente por uma og:image ausente ou inválida, ou porque a plataforma armazenou em cache uma versão antiga. Verifique as tags aqui e depois atualize o cache da plataforma após corrigi-las.
Quais tags são mais importantes?
og:title, og:description, og:image e og:url, além de twitter:card e twitter:image para o X. Esta ferramenta mostra se cada uma está presente.
Preciso das tags og: e twitter: ao mesmo tempo?
A maioria das plataformas lê o Open Graph e usa-o como padrão, então as tags og: sozinhas costumam funcionar. Adicionar tags twitter: dá mais controle sobre a aparência do cartão no X.
Por que a ferramenta encontra as tags, mas a pré-visualização continua errada?
As plataformas fazem cache das pré-visualizações. Use o depurador da própria plataforma para atualizar o cache assim que as tags estiverem corretas aqui.