Preview de Open Graph
Visualize como uma página aparecerá quando compartilhada no Facebook, Twitter/X, LinkedIn e WhatsApp. Preencha as meta tags e veja os cards sociais em tempo real.
Meta Tags
Meta tags geradas:
Facebook / Open Graph
exemplo.com
Título da Minha Página
Descrição da página...
Twitter / X
Título da Minha Página
Descrição da página...
exemplo.com
Título da Minha Página
Descrição...
exemplo.com
Veja o card antes de compartilhar o link
Você compartilha um link no grupo e o card aparece com a imagem errada ou o título cortado. Como Facebook e LinkedIn guardam cache do preview, a correção demora a propagar. Aqui dá para testar antes: preencha og:title, og:description, og:image, og:url e og:site_name e veja em tempo real como o card fica no Facebook, no Twitter/X e no LinkedIn. O bloco de meta tags pronto para colar no head da página é montado junto, logo abaixo do formulário.
Cada rede corta o texto num ponto diferente, e é isso que o preview simula: título com 60 caracteres no Facebook e 70 no Twitter/X e no LinkedIn; descrição com 160, 200 e 120, respectivamente. O mesmo texto pode caber inteiro num card e ser truncado no outro. A ferramenta também completa o que quase todo mundo esquece: og:type como website e as tags twitter:card, twitter:title, twitter:description e twitter:image, geradas a partir dos mesmos campos.
Use uma imagem de pelo menos 1200 por 630 pixels, a proporção que o Facebook recomenda para o formato grande. Se a imagem não aparecer no preview, verifique se a URL é pública: quem carrega a imagem é o seu navegador, direto do servidor dela. Nada do que você digita sai da página. E note o limite: a ferramenta monta o card a partir do que você preenche; ela não busca as tags de uma página já publicada. Para auditar um link no ar, veja o código-fonte da página ou use o Sharing Debugger do Facebook.
Perguntas frequentes
Por que a imagem não carrega no preview?
A ferramenta lê as tags de um site que já existe?
E o WhatsApp, que não tem card aqui?
Ferramentas Relacionadas
Analisador de Meta Tags
Cole o HTML de uma página e veja todas as meta tags (description, keywords, Open Graph, Twitter, viewport, robots) extraídas e organizadas. Tudo no navegador.
Validador de Open Graph
Verifica as principais tags og:* (title, description, image, url, type, locale) e aponta o que está incompleto. Pré-visualização do card.
Gerador de Twitter Card
Gere as meta tags do Twitter Card (summary, summary_large_image, app, player). Preview do card como aparecerá no X/Twitter. Tudo no navegador.