Pré-visualização de compartilhamento social
Tags Open Graph + Twitter Card com uma prévia em tempo real ao estilo Facebook/Twitter
Quatro plataformas, uma verdade sobre o seu card de compartilhamento
Facebook, X, LinkedIn e WhatsApp renderizam suas tags OG de maneiras diferentes — veja os quatro mockups e corrija o mais fraco antes de publicar.
Um formulário, dois conjuntos de tags
As tags Open Graph para Facebook, LinkedIn e Slack e as tags Twitter Card para X são geradas juntas a partir de um mesmo título, descrição, imagem e URL.
Pré-visualizações de card antes de publicar
Os cards de pré-visualização renderizam a imagem em 1.91:1 com domínio, título e descrição — o layout exato que os usuários veem quando o link é compartilhado, antes de tudo ir ao ar.
As duas variantes de card
Escolha summary_large_image para imagem em largura total ou o card compacto summary, e o gerador emite o valor twitter:card e as tags correspondentes.
Perguntas frequentes
Por que gerar as tags de Open Graph e Twitter Card juntas?
O Twitter/X recorre automaticamente às suas tags Open Graph quando faltam tags twitter:* dedicadas, então os cartões de compartilhamento reais são montados a partir de um único conjunto de campos — preenchê-los separadamente apenas duplicaria o mesmo título/descrição/imagem.
Qual tamanho de imagem devo usar?
1200×630px (uma proporção de aproximadamente 1,91:1) é o tamanho recomendado e seguro para cartões "summary_large_image" no Facebook, Twitter/X, LinkedIn e Slack — imagens menores ou com corte estranho podem ser cortadas de forma imprevisível em cada plataforma.
Meu conteúdo é enviado para algum lugar?
Não — tudo roda no seu navegador com JavaScript puro. Nada do que você digita é enviado a um servidor.
O que cada plataforma lê
| Plataforma | Fonte principal | Proporção da imagem |
|---|---|---|
| Facebook / LinkedIn | og:title, og:description, og:image | 1.91:1 (mínimo 200×200) |
| X / Twitter | twitter:card, senão fallback para OG | 2:1 large, 1:1 summary |
| og:title/image (a descrição costuma ficar oculta) | corte quase quadrado |
Sinaliza imagens menores que o necessário, tags de dimensão ausentes (que forçam nova raspagem) e títulos que passam do ponto de corte de cada rede.
Ferramentas relacionadas
O que é uma pré-visualização de compartilhamento social?
Quando alguém compartilha um link no Facebook, X, LinkedIn ou Slack, a plataforma lê as meta tags — Open Graph na maioria das redes, Twitter Cards no X — e monta um card com imagem, título e descrição. Sem essas tags, o card fica errado ou mostra apenas uma URL crua, o que prejudica os cliques. Esta ferramenta gera os dois conjuntos de tags a partir de um único formulário e renderiza cards de pré-visualização ao vivo, para você ver exatamente como seu link ficará antes de compartilhar em qualquer lugar. Equipes de marketing, equipes de conteúdo e donos de sites usam-na antes de cada lançamento.
O que ele gera
- 🖼️ Tags Open Graph e Twitter Card a partir de um mesmo conjunto de campos
- 📱 Card de pré-visualização estilo Facebook/Twitter ao vivo enquanto você digita
- 🗂️ Tipo de card summary ou imagem grande para o X
- 🔗 Suporte a og:url e og:site_name
- 📋 Um bloco de tags combinado, pronto para colar
Quando conferir antes de compartilhar
- Lançar um produto ou página que será amplamente compartilhada
- Verificar a aparência do link de um artigo antes de uma campanha
- Checar se a imagem escolhida aguenta bem o corte em 1,91:1
- Auditar um site cujos cards de compartilhamento estão quebrados há meses
Tudo é gerado no seu navegador; nenhum conteúdo é enviado. Uma peculiaridade das plataformas que vale saber: as redes sociais guardam em cache os metadados de uma URL; depois de adicionar as tags, talvez seja preciso atualizar o cache com a ferramenta de depuração da plataforma para que o novo card apareça.
Última atualização · 2026-09-01
Ferramentas relacionadas
Gerador de meta tags
Tags de title, description, keywords, canonical e robots com pré-visualização em tempo real do Google
Visualizador de SERP
Veja exatamente como seu título e sua descrição aparecem nos resultados do Google — com alertas de corte precisos ao pixel.
Gerador de links UTM
Crie links de campanha limpos e corretamente codificados em segundos — com modelos de um toque para Facebook Ads, Google Ads e mais.