Verificador de imagem OG e prévia de link grátis

Cole um endereço e veja como o link vai aparecer quando alguém compartilhar no X, LinkedIn, Facebook, Slack ou iMessage. Conferimos as tags Open Graph e Twitter Card, e se a sua og:image carrega no tamanho certo. O WhatsApp usa as mesmas tags Open Graph. Grátis, sem cadastro.

O que corrigir

Prévias

Aproximações do card de cada app, montadas a partir das suas tags. Os apps guardam as prévias em cache, então uma tag corrigida pode demorar a aparecer em links já compartilhados.

Copiar um link para este resultado

A prévia ganha o clique. A página tem que converter. O PageCritic audita a própria página (título, CTA, prova social, celular, velocidade) e te dá uma nota e as 3 correções mais importantes, de graça.

O que ele verifica

og:image: a imagem do card. Use 1200×630 pixels (proporção 1,91:1), PNG ou JPG, com menos de uns 5 MB. Com menos de 600 pixels de largura, a maioria dos apps mostra uma miniatura pequena ou nada. Use um endereço https completo: alguns apps ignoram caminhos relativos. No WhatsApp, uma imagem leve (menos de uns 300 KB) aparece com mais segurança.
og:title e og:description: a linha em negrito e o resumo embaixo dela. Se faltarem, os apps usam a tag <title> e às vezes nada. Os cards cortam títulos em umas 2 linhas (uns 60–70 caracteres) e descrições antes disso.
twitter:card: o X só mostra a imagem grande com summary_large_image. Sem ela, você ganha uma miniatura quadrada pequena ou só o link.
og:url e og:site_name: o link canônico para onde o card aponta e o nome do site que alguns apps mostram acima do título.
og:image:alt: o texto alternativo da imagem, lido pelos leitores de tela no X e no LinkedIn.

Modelo para copiar e colar

<meta property="og:title" content="Emita notas fiscais em 2 minutos">
<meta property="og:description" content="Mande uma cobrança com a sua marca e receba por Pix ou cartão. Grátis para os seus 10 primeiros clientes.">
<meta property="og:image" content="https://seusite.com.br/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="O editor de notas com uma nota paga">
<meta property="og:url" content="https://seusite.com.br/">
<meta property="og:site_name" content="Billy">
<meta name="twitter:card" content="summary_large_image">

O que vai na imagem importa tanto quanto as tags. Mostre o produto ou o resultado em letras grandes, como faria num título. Um logo sozinho no fundo branco passa batido. Depois confira o título da página e o snippet do Google no verificador de meta tags, e o próprio título no analisador de títulos.

Buscamos só o HTML da página, uma vez, para ler as tags; depois o seu navegador carrega a imagem para medi-la. Nada fica guardado além do endereço no nosso registro de uso. Alguns sites mandam tags diferentes para robôs diferentes, então um app de verdade pode às vezes mostrar outra coisa.