Como usar: Verificador de Open Graph
- Cole a URL que você pretende compartilhar e clique em Verificar tags.
- Compare as prévias de Facebook/LinkedIn, X e Slack — elas mostram o que cada plataforma montaria a partir das suas tags.
- Procure os selos vermelhos de “faltando” nas tabelas de tags e confira se a og:image carrega com o tamanho recomendado.
- Copie o trecho gerado para as tags que faltam dentro do
<head>da sua página e, depois, atualize a URL em cada plataforma.
O que é um verificador de Open Graph?
Quando um link é compartilhado no Facebook, LinkedIn, Slack, WhatsApp, Discord e na maioria dos outros apps, a plataforma busca a página e monta um card de prévia com base nas meta tags Open Graph — um protocolo criado originalmente pelo Facebook. O X (antigo Twitter) usa suas próprias tags twitter:*, mas recorre ao Open Graph quando elas não existem. Um verificador de Open Graph busca sua página da mesma forma e mostra as tags encontradas e os cards que elas gerariam, para que você corrija uma prévia quebrada antes de alguém compartilhar.
As tags que toda página deveria ter
| Tag | Finalidade |
|---|---|
og:title | Título do card. Pode ser mais conversacional que o título de SEO. |
og:description | Uma ou duas frases abaixo do título. |
og:image | URL absoluta da imagem de prévia — o fator mais importante para os cliques. |
og:url | URL canônica, para que compartilhamentos de variações sejam contados juntos. |
og:type | Geralmente website ou article. |
twitter:card | summary_large_image para uma imagem grande, summary para uma miniatura pequena e quadrada. |
Extras recomendados são og:site_name, og:locale, og:image:alt (descreve a imagem para leitores de tela) e og:image:width/og:image:height, que permitem a algumas plataformas renderizar o card antes de baixar a imagem.
Recomendações de tamanho de imagem
- 1200 × 630 px (1,91 : 1) funciona bem no Facebook, LinkedIn e Slack. Mantenha textos importantes longe das bordas, pois alguns apps cortam em quadrado ou 2 : 1.
- Card grande do X: proporção 2 : 1, pelo menos 300 × 157 px, abaixo de 5 MB. Uma imagem de 1200 × 630 é exibida com um leve corte.
- Use JPEG ou PNG para o maior suporte, uma URL absoluta
https://e garanta que a imagem não esteja bloqueada pelo robots.txt nem exija login.
Precisa de uma imagem? Crie uma com o Gerador de Imagem OG.
Por que minha prévia antiga ainda aparece?
As plataformas guardam prévias em cache, muitas vezes por dias. Depois de corrigir as tags, peça a cada plataforma que busque a página de novo: o Sharing Debugger do Facebook (“Scrape Again”), o Post Inspector do LinkedIn e, no Slack, basta compartilhar a URL com uma query string inofensiva, como ?v=2. Também verifique se a página não bloqueia crawlers e se as tags estão no HTML renderizado pelo servidor — a maioria dos rastreadores não executa JavaScript. Para escrever um conjunto completo de tags do zero, use o Gerador de Meta Tags.
Também pesquisado como: tags open graph, open graph, validador twitter card, prévia de link, preview de compartilhamento, verificar og image, facebook debugger, preview linkedin.
Ferramentas que combinam com: Verificador de Open Graph
- Verificador de Meta Tags — Veja como o Google provavelmente vai exibir sua página: title e description medidos em pixels, prévias para desktop e mobile e todas as meta tags do <head>.
- Verificador de SEO e Auditoria de Site — Cole uma URL para fazer até 70 verificações de SEO na página, além de uma auditoria completa do site: velocidade do Lighthouse, cabeçalhos de segurança e SSL, dados estruturados, links quebrados, robots.txt e rastreadores de IA, noções básicas de acessibilidade, rastreamento e consentimento, SPF/DKIM/DMARC e validade do domínio — tudo reunido em uma única pontuação do site com correções priorizadas.
- Validador de Schema Markup — Teste os dados estruturados de qualquer URL ou cole seu JSON-LD para encontrar erros de sintaxe, propriedades obrigatórias ausentes e campos recomendados para os rich results do Google.
- Guia explicativo sobre o robots.txt — As regras do robots.txt são curtas, mas fáceis de interpretar mal.
Perguntas frequentes
Qual é o melhor tamanho para a og:image?
Preciso das tags Twitter Card se já tenho as tags Open Graph?
twitter:card é realmente necessário: o X recorre a og:title, og:description e og:image. Adicione twitter:card com summary_large_image para obter o layout de imagem grande.