Português
Pré-visualização Open Graph
Veja como sua página aparece ao ser compartilhada no Facebook, X/Twitter, LinkedIn, WhatsApp, Telegram, Discord, Slack e Google. Score OG e gerador de código. Grátis.
Page Information
Image
Recommended Image Sizes
Facebook1200 × 630
X / Twitter1200 × 628
LinkedIn1200 × 627
WhatsApp1200 × 630
Telegram1200 × 630
Discord1200 × 630
Universal best1200 × 630
Social Accounts
OG Health Score
0
Live Preview
1200 × 630
example.com
Your Page Title
Your description will appear here.
1200 × 628
Your Page Title
Your description will appear here.
example.com
1200 × 627
Your Page Title
example.com
example.com
Your Page Title
Your description will appear here.
https://example.com
Example
Your Page Title
Your description will appear here.
https://example.com
Your Page Title
Your description will appear here. Write a compelling description that encourages users to click through to your page.
Generated OG Tags
Everything runs in your browser — no data sent to any server
Como usar a ferramenta de pré-visualização Open Graph
- Insira os detalhes da página: Preencha título, descrição, URL, nome do site e URL da imagem
- Visualize em 8 plataformas em tempo real — alterne entre abas para ver Facebook, X/Twitter, LinkedIn, WhatsApp, Telegram, Discord, Slack e Google
- Verifique seu score OG e corrija tags faltantes
- Copie o código gerado e cole na seção <head> da sua página. Dicas ao lado de cada campo explicam sua função e como otimizá-lo
Por que as tags Open Graph são importantes
Quando alguém compartilha sua URL, a plataforma busca suas tags OG para criar um cartão de pré-visualização. Sem elas, o resultado é frequentemente uma caixa vazia ou conteúdo errado — reduzindo drasticamente os cliques. Páginas com tags OG corretas obtêm até 2-3x mais engajamento nas redes sociais.
Plataformas suportadas
Esta ferramenta mostra pré-visualizações precisas para 8 plataformas:
- Facebook — a plataforma Open Graph original
- X / Twitter — suporta cartões Summary e Large Image
- LinkedIn — compartilhamento na rede profissional
- WhatsApp — o app de mensagens mais popular do mundo
- Telegram — cartões de preview instantâneos em chats
- Discord — previews embed com cores de destaque
- Slack — previews de links em canais
- Google — aparência nos resultados de busca (SERP)
Melhores Práticas de Open Graph
Siga estas diretrizes para máximo impacto no compartilhamento:
- Use imagens de 1200×630px — o tamanho universal ideal para todas as plataformas
- Mantenha títulos com menos de 60 caracteres — títulos maiores são cortados
- Escreva descrições de 120-160 caracteres — concisas mas informativas
- Sempre defina og:url — define a URL canônica do seu conteúdo
- Inclua og:site_name — aparece no Discord, Telegram e Slack
- Defina og:locale — especialmente importante para conteúdo não inglês
Perguntas frequentes
Open Graph (OG) é um protocolo criado pelo Facebook que controla como sua página aparece ao ser compartilhada nas redes sociais. Sem tags OG adequadas, as plataformas adivinham o que mostrar — frequentemente com imagem faltando ou texto errado. Configurar tags OG garante que cada compartilhamento da sua página tenha aparência profissional e atraente.
Facebook, LinkedIn, WhatsApp, Telegram, Discord, Slack, Pinterest e muitas outras plataformas leem tags OG. X/Twitter usa seu próprio formato Twitter Card, mas recorre às tags OG quando tags específicas do Twitter estão ausentes. O Google também usa dados OG para resultados enriquecidos em alguns casos.
O melhor tamanho universal é 1200×630 pixels. Funciona bem no Facebook, LinkedIn, WhatsApp, Telegram, Discord e Slack. X/Twitter recomenda 1200×628px. Nossa ferramenta inclui um guia de tamanhos com as dimensões recomendadas para cada plataforma.
O score de saúde OG é uma avaliação de 0-100 que mede a completude das suas tags Open Graph. Verifica tags essenciais como og:title, og:description, og:image, og:url e mais. Score 100 significa que sua página está totalmente otimizada para compartilhamento em todas as plataformas.
X/Twitter recorre às tags OG quando tags Twitter Card estão ausentes, então OG sozinho costuma funcionar. Porém, adicionar tags twitter:card, twitter:title e twitter:description dá controle independente sobre como seu link aparece no X especificamente.
Sim, 100% gratuita sem cadastro, sem limites e sem anúncios. Tudo roda no navegador — seus dados nunca são enviados a nenhum servidor. Visualize e gere tags OG quantas vezes precisar.
Join our WhatsApp channelGet updates on new tools and tips directly to your phone
Join →Desbloqueie todo o potencial
Acesso ilimitado a todas as ferramentas, processamento prioritário e recursos premium.