Verificador de Meta Tags Open Graph

Verifique as meta tags Open Graph e Twitter Card de qualquer página HTML. Extraia og:title/og:description/og:image mais tags do Twitter, destaque valores ausentes ou inválidos e gere relatórios JSON/PDF compartilháveis. Projetado para depuração de SEO e pré-visualização social com suporte a redirecionamentos e saída de texto bruto.

Loading…

Sobre Verificador de Meta Open Graph

Cole uma URL para verificar o que as plataformas sociais podem ler da sua página: tags Open Graph (og:*) e metadados do Twitter Card. Esta ferramenta ajuda você a identificar títulos/descrições ausentes, URLs og:image quebradas ou não públicas, problemas de redirecionamento e armadilhas comuns de pré-visualização — para que seus links apareçam corretamente no X/Twitter, Facebook, LinkedIn, Slack, Discord e mais.

Funcionalidades

  • Extraia meta Open Graph: og:title, og:description, og:image e propriedades OG relacionadas quando presentes.
  • Extraia tags do Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image) quando presentes.
  • Siga redirecionamentos para inspecionar o destino canônico final (comum para HTTP→HTTPS, www, rotas de localidade).
  • Modo de validação apenas HTML para focar em meta tags (não em recursos não HTML).
  • Achados + cartão de pontuação e filtro "apenas problemas" para limpeza rápida.
  • Saída de texto bruto fácil de copiar, comparar e compartilhar.
  • Copie resultados para tickets e documentação.
  • Exporte JSON para automação e auditoria.
  • Exporte relatórios PDF para entregas ao cliente e auditorias de SEO.

🧭 Como usar for open-graph-meta-checker

1

Cole a URL da página

Insira a URL da página que você deseja pré-visualizar (ex.: página de destino, postagem de blog, página de produto). Esta ferramenta é destinada a páginas HTML, não a imagens ou APIs.

2

Siga redirecionamentos se seu site redirecionar

Mantenha "Seguir Redirecionamentos" ativado para que a ferramenta verifique o destino final que os rastreadores sociais provavelmente alcançarão.

3

Revise os valores OG e Twitter

Verifique os campos de título, descrição e imagem. Procure por valores vazios, espaços reservados, duplicatas ou incompatibilidades entre as tags OG e Twitter.

4

Corrija problemas comuns de pré-visualização

Certifique-se de que og:image seja uma URL absoluta, publicamente acessível e aponte para o recurso correto. Confirme se os títulos/descrições são concisos e únicos por página.

5

Exporte e compartilhe um relatório

Baixe JSON para automação ou PDF para relatórios de SEO/cliente. Use a visualização de texto bruto para colar valores rapidamente em tickets.

Especificações técnicas

Modelo de solicitação e análise

Esta ferramenta busca a página de destino (HTML) e extrai as meta tags Open Graph e Twitter Card dos elementos meta do documento. Ela suporta o acompanhamento de redirecionamentos para inspecionar o destino efetivo.

ConfiguraçãoComportamentoPadrão
Apenas HTMLFoca em páginas HTML e extração de meta tagsAtivado (por capacidade da ferramenta)
Seguir RedirecionamentosSegue redirecionamentos para inspecionar a URL finalAtivado
Máximo de RedirecionamentosLimite de redirecionamentos para evitar loops10
Tempo LimiteLimite de tempo limite da requisição15000 ms
Agente do UsuárioIdentifica o agente do usuário da requisiçãoEncode64Bot/1.0 (+https://encode64.com)
Redes privadasBloqueia o acesso a intervalos de rede privada por segurançaDesativado (redes privadas não permitidas)

Conjunto de meta tags recomendado (linha de base)

Uma linha de base sólida inclui tanto os campos do Open Graph quanto do Twitter Card para que as visualizações sejam renderizadas de forma consistente em todas as plataformas.

PlataformaTags mínimasObservações
Open Graphog:title, og:description, og:imageAdicione og:url e og:type quando aplicável
Twitter Cardtwitter:card, twitter:title, twitter:description, twitter:imagetwitter:card é comumente summary ou summary_large_image
Mesmo que sua página pareça boa em um navegador, os rastreadores só veem o que está na resposta HTML que eles buscam. A injeção de meta tags apenas no cliente pode não ser capturada de forma confiável.

Armadilhas do og:image para observar

As falhas mais comuns na visualização vêm da URL da imagem: ela deve ser acessível, absoluta e compatível com as regras de busca do rastreador.

ProblemaSintomaCorreção
URL de imagem relativaA visualização não mostra imagemUse uma URL absoluta para og:image e twitter:image
Bloqueado por autenticação / robots / firewallPré-visualização ausente ou inconsistenteGaranta acesso público para rastreadores; permita agentes de usuário sociais se você filtrar
URL da imagem redirecionandoAlgumas plataformas falham ao buscá-laPrefira uma URL de imagem direta e estável (sem redirecionamentos)
Tipo de conteúdo incorretoImagem não reconhecidaForneça o Content-Type correto (ex.: image/png, image/jpeg)

Linha de comando

Você pode validar as tags OG/Twitter a partir do terminal, buscando o HTML e filtrando as meta tags. Útil para verificações de CI e depuração de problemas de SSR.

macOS / Linux

Buscar HTML e listar as meta tags OG/Twitter

curl -Ls https://example.com/page | grep -i -E "<meta[^>]+(property=\"og:|name=\"twitter:)"

Mostra as meta tags que afetam as pré-visualizações sociais. Use -L para seguir redirecionamentos.

Verificar a URL final após redirecionamentos

curl -ILs https://example.com/page | awk '/^HTTP\//{print} /^location:/I{print}'

Imprime as linhas de status da cadeia de redirecionamento e os cabeçalhos Location.

Windows (PowerShell)

Baixar HTML e pesquisar por tags OG/Twitter

$html = (Invoke-WebRequest https://example.com/page).Content; $html -split "`n" | Select-String -Pattern "<meta" | Select-String -Pattern "og:|twitter:"

Maneira rápida de confirmar que as tags existem no HTML entregue.

Se seu aplicativo for muito SPA, certifique-se de que as tags OG/Twitter sejam renderizadas no lado do servidor (SSR/SSG) para confiabilidade. Os rastreadores podem não executar seu JavaScript do cliente da mesma forma que os navegadores.

Casos de uso

Corrigir pré-visualizações sociais quebradas

Quando um link é compartilhado com o título errado, sem imagem ou texto desatualizado, esta ferramenta ajuda você a localizar os campos meta ausentes ou incorretos rapidamente.

  • Validar og:title e twitter:title
  • Confirmar que og:image é acessível e absoluta
  • Detectar descrições vazias ou espaços reservados

QA para páginas dinâmicas e SSR

Garanta que seu framework produza tags OG/Twitter na resposta HTML para cada rota (especialmente com Next.js, Nuxt, SvelteKit, etc.).

  • Confirmar que a meta por página está presente no HTML
  • Capturar geração de meta apenas no cliente
  • Validar redirecionamentos para localidades canônicas

SEO e fluxos de trabalho de publicação de conteúdo

Padronize as pré-visualizações em um site: títulos/descrições consistentes, tipo OG correto e imagens estáveis melhoram o CTR quando os links são compartilhados.

  • Auditar modelos para campos OG ausentes
  • Exportar PDF/JSON para listas de verificação editoriais
  • Detectar meta duplicada em várias páginas

Relatórios e auditorias para clientes

Gere um relatório limpo e exportável para documentar o status da prévia social e correções recomendadas.

  • Relatório em PDF para partes interessadas
  • Relatório em JSON para acompanhar mudanças ao longo do tempo

❓ Frequently Asked Questions

❓Qual é a diferença entre Open Graph e Twitter Cards?

Open Graph (og:*) é usado por muitas plataformas (Facebook, LinkedIn, Slack/Discord, etc.). Twitter Cards (twitter:*) são usados pelo X/Twitter. Muitos sites publicam ambos para melhor cobertura.

❓Por que minha prévia mostra uma imagem ou título antigo?

As plataformas armazenam em cache as prévias. Após corrigir as tags, geralmente é necessário re-raspar usando as ferramentas de depuração da plataforma, e pode ser necessário aguardar a atualização do cache.

❓Por que minha og:image não está aparecendo?

Causas comuns: a URL é relativa, bloqueada (auth/WAF/robots), redireciona demais, tipo de conteúdo incorreto ou não é publicamente acessível. Use esta ferramenta para verificar o valor extraído e depois teste a URL da imagem diretamente.

❓Preciso de og:title e twitter:title?

É recomendado. Algumas plataformas dependem do OG, outras das tags do Twitter. Ter ambos reduz inconsistências.

❓Posso testar uma página protegida por login?

Rastreadores sociais geralmente não conseguem acessar conteúdo autenticado, então as prévias não funcionarão de forma confiável. Prefira páginas de prévia públicas ou endpoints OG públicos para conteúdo compartilhável.

❓É seguro colar URLs aqui?

A ferramenta faz requisições do lado do servidor para a URL fornecida e bloqueia destinos em redes privadas. Evite colocar segredos (tokens) em strings de consulta.

Pro Tips

Best Practice

Use URLs absolutas para og:image e twitter:image e mantenha-as estáveis (evite redirecionamentos) para reduzir falhas do rastreador.

Best Practice

Gere imagens OG de forma determinística (modelo + parâmetros) para que você possa atualizar a identidade visual mantendo as URLs estáveis por página.

Best Practice

Para apps Next.js/SSR, verifique as tags na resposta HTML inicial (Ver Código-Fonte), não apenas no DOM após a hidratação.

Best Practice

Mantenha os títulos concisos e únicos por página; títulos muito longos podem ser truncados nas prévias e reduzir a CTR.

CI Tip

Exporte relatórios JSON e adicione-os à sua lista de verificação de lançamento para detectar regressões nos modelos de meta.

Additional Resources

Protocolo Open Graph
Documentation
Documentação do Twitter Cards (X)
Documentation
Meta tags para prévias sociais (MDN: <meta>)
Documentation
Google Search Central: controlar snippets (meta tags)
Documentation

Other Tools