Prévia de OGP e metatags

Veja exatamente como sua página aparece ao ser compartilhada no Google, X (Twitter), Facebook e LINE e copie as metatags que corrigem o que falta. Grátis, sem cadastro.

O que é OGP (Open Graph)?

O Open Graph Protocol (OGP) é um pequeno conjunto de tags <meta> que você coloca no <head> de uma página. Elas informam a outros serviços — redes sociais, apps de mensagem e, cada vez mais, assistentes de IA — o título, a descrição e a imagem a usar quando seu link aparece como card.

Quando alguém cola seu link no X, Facebook, LINE, Slack ou Discord, a plataforma lê suas tags Open Graph e monta um card de prévia. Se faltarem, o card recorre ao que conseguir extrair, muitas vezes um link sem graça e sem imagem. O X (Twitter) usa um conjunto parecido chamado Twitter Cards; a maioria dos sites configura os dois.

Por que importa — para cliques e para a IA

Um card rico, com título claro, descrição de uma linha e imagem de 1200×630, recebe muito mais cliques do que uma URL simples. Essa é a razão direta e humana para acertar o OGP.

Há um segundo motivo fácil de esquecer: as mesmas metatags de título e descrição estão entre as primeiras coisas que grandes modelos de linguagem e buscadores de IA leem para entender do que trata uma página. Tags Open Graph limpas e precisas facilitam que pessoas e IA resumam sua página corretamente. Deixá-las erradas ou vazias faz a máquina adivinhar.

Como usar esta ferramenta

  1. Cole a URL completa da página que quer verificar.
  2. Leia os cards de prévia para ver como Google, X, Facebook e LINE mostrarão seu link.
  3. Veja a lista de tags ausentes para saber exatamente o que falta.
  4. Copie o bloco meta pronto para colar e adicione-o dentro do <head> da sua página. Substitua o marcador de imagem por uma imagem real de 1200×630.
  5. Verifique novamente para confirmar que o card já está do jeito que você quer.

As tags que importam

Estas são as tags Open Graph e Twitter Card que esta ferramenta procura e gera:

og:title
O título mostrado no card. Mantenha abaixo de cerca de 60 caracteres.
og:description
Um resumo de uma ou duas linhas. Mire em 60–160 caracteres.
og:image
A imagem de prévia. Use 1200×630 pixels para o card grande.
og:url
A URL canônica da página, para que os compartilhamentos apontem para o endereço certo.
og:type
Geralmente "website" para uma página ou "article" para um post.
og:site_name
O nome do seu site, exibido ao lado do card.
twitter:card
Use "summary_large_image" para o card com imagem grande no X.

Perguntas frequentes

Este verificador de OGP é grátis?
Sim. Cole uma URL e obtenha a prévia, a lista de tags ausentes e o código pronto para colar, sem cadastro e sem cartão de crédito.
Qual deve ser o tamanho de og:image?
Use 1200×630 pixels para o card grande preferido por X, Facebook e LINE. Imagens menores podem ser cortadas ou exibidas como miniatura.
Minhas tags estão certas, mas ainda aparece o card antigo. Por quê?
As plataformas armazenam os dados de Open Graph em cache. Após atualizar, use o depurador da própria plataforma (por exemplo, o Sharing Debugger do Facebook) para forçar a atualização.
As tags Open Graph ajudam na busca por IA?
Ajudam. O título e a descrição que você define estão entre os sinais que assistentes e buscadores de IA usam para entender e resumir sua página. São parte de um quadro maior — faça a verificação gratuita de 10 pontos para o resto.