Pular para o conteúdo

SEO e utilitáriosGrátis

Open Graph Preview

Simula como seu link aparece quando compartilhado no Facebook, LinkedIn, Twitter/X e WhatsApp. Mostra os previews lado a lado, confere o tamanho do título, da descrição e da imagem e aponta problemas antes de você publicar. Também gera as meta tags em HTML.

  • Sem cadastro
  • Funciona no navegador
Sem imagem. Cards sem imagem têm CTR 2 a 3 vezes menor. Use 1200×630 px.

Pré-visualização

Facebook · LinkedIn (card grande)

Sem imagem
batedor.com.br
Open Graph Preview: veja como seu link aparece
Simule como seu link vai aparecer quando compartilhado no Facebook, LinkedIn, Twitter e WhatsApp antes de publicar.

Twitter / X (summary large image)

Sem imagem
batedor.com.br
Open Graph Preview: veja como seu link aparece

WhatsApp (mensagem com link)

Sem imagem
Open Graph Preview: veja como seu link aparece
Simule como seu link vai aparecer quando compartilhado no Facebook, LinkedIn, Twitter e WhatsApp antes de publicar.
batedor.com.br
https://batedor.com.br/ferramentas/og-preview
HTML para colar dentro do head da página
<title>Open Graph Preview: veja como seu link aparece</title>
<meta name="description" content="Simule como seu link vai aparecer quando compartilhado no Facebook, LinkedIn, Twitter e WhatsApp antes de publicar." />
<link rel="canonical" href="https://batedor.com.br/ferramentas/og-preview" />

<!-- Open Graph (Facebook, LinkedIn, WhatsApp) -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://batedor.com.br/ferramentas/og-preview" />
<meta property="og:title" content="Open Graph Preview: veja como seu link aparece" />
<meta property="og:description" content="Simule como seu link vai aparecer quando compartilhado no Facebook, LinkedIn, Twitter e WhatsApp antes de publicar." />
<meta property="og:site_name" content="Batedor" />
<meta property="og:locale" content="pt_BR" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Open Graph Preview: veja como seu link aparece" />
<meta name="twitter:description" content="Simule como seu link vai aparecer quando compartilhado no Facebook, LinkedIn, Twitter e WhatsApp antes de publicar." />

Como seus concorrentes aparecem online?

O Batedor monitora os sites e as redes sociais dos seus concorrentes todos os dias e mostra o que eles publicam. Teste por 14 dias grátis.

Testar grátis

Como funciona

Como funciona o Open Graph Preview

O Open Graph Preview lê as meta tags que você define (URL, título, descrição, imagem e nome do site) e monta o card exatamente como Facebook, LinkedIn, Twitter/X e WhatsApp vão renderizar. Tudo roda no navegador: você digita os campos e os quatro previews atualizam lado a lado em tempo real, com o domínio extraído da URL.

A ferramenta valida cada campo contra os limites de cada rede. Título ideal até 60 caracteres (corta em 90), descrição até 160 (limite 200) e imagem na proporção recomendada de 1200x630. Se faltar imagem, título ou URL, ou se algum texto estourar, ela sinaliza o problema antes de você publicar. Por exemplo, um título com 95 caracteres aparece marcado em vermelho e o card mostra como ele fica truncado.

Dica para o e-commerce brasileiro: a imagem 1200x630 é o que gera o clique no grupo de WhatsApp e no feed do Facebook, onde sua oferta de Black Friday vai circular. Sem og:image a miniatura some e o link vira só texto. Gere as tags HTML prontas aqui e cole no head da página do produto ou da landing page antes de lançar a campanha.

Dúvidas

Perguntas frequentes

O que é Open Graph (OG)?

Open Graph é o conjunto de meta tags (og:title, og:description, og:image) que define como um link aparece quando compartilhado em redes sociais. Sem elas, Facebook, LinkedIn e WhatsApp montam o card com dados aleatórios da página.

Como ver o preview de um link antes de publicar?

Cole a URL ou os dados do link na ferramenta de Open Graph Preview e ela simula lado a lado como o card vai aparecer no Facebook, LinkedIn, Twitter/X e WhatsApp. Roda 100% no navegador, sem cadastro.

Qual o tamanho ideal da imagem de Open Graph?

A imagem og:image recomendada é 1200×630 px (proporção 1.91:1), que cobre bem Facebook, LinkedIn e Twitter/X. A ferramenta valida o tamanho e avisa quando a imagem está fora do padrão ou pode ser cortada.

Por que meu link aparece sem imagem no WhatsApp?

Geralmente porque faltam as meta tags og:image/og:title ou a imagem é grande demais e não carrega no cache do WhatsApp. O preview mostra os 4 formatos lado a lado e aponta exatamente qual tag está ausente ou inválida.

O Open Graph Preview é grátis?

Sim, é 100% grátis e roda direto no navegador, sem login. Você confere o título, a descrição e a imagem do card e corrige os problemas antes de publicar o link.