Verificador de Open Graph

Visualize e valide meta tags Open Graph para compartilhamento social verificando uma URL ao vivo ou colando o HTML. Inspecione og:title, og:description, og:image, links canônicos, fallbacks do Twitter, tags duplicadas, comportamento de redirecionamento e problemas comuns de prévia que afetam Facebook, LinkedIn, Slack, Discord e aplicativos de mensagens.

QA de cartão social

Verifique os metadados que decidem como uma URL aparece quando alguém a compartilha no Facebook, LinkedIn, Slack, Discord, iMessage, X ou outras superfícies de visualização. Você pode inspecionar uma URL ativa após a implantação ou colar o HTML durante o desenvolvimento para capturar tags og:* ausentes antes do lançamento.

Exemplos Rápidos

Configuração da fonte

O modo URL ativa verifica o que os rastreadores podem buscar agora. O modo HTML colado é útil antes do lançamento, dentro de um CMS ou quando você deseja validar a marcação de cabeçalho renderizada pelo servidor sem publicá-la.

Modo de auditoria Use o modo URL ativa para QA de produção. Use o modo HTML colado para trabalho em staging ou modelos (templates).

URL ou URL de referência No modo URL ativa, esta é a página a ser buscada. No modo HTML colado, atua como uma URL base opcional para resolver caminhos canônicos ou de imagem relativos.

Fonte HTML

Cole o HTML completo ou pelo menos a seção <head> que contém seus metadados sociais.

HTML colado O verificador lê o código-fonte bruto. O JavaScript que injeta tags após o carregamento da página ainda pode falhar em rastreadores reais.

Os detalhes do resultado aparecem abaixo no relatório de auditoria e no cartão de prévia de compartilhamento. A área de resultados é renderizada no servidor para que a saída também funcione sem depender de cálculos apenas no front-end.

\\n' } }; function setValue(id, value) { var el = document.getElementById(id); if (el) { el.value = value; } } function syncMode() { var modeField = document.getElementById('id_mode'); var pastePanel = document.getElementById('ogc-paste-panel'); var hint = document.getElementById('ogc-url-hint'); var mode = modeField ? modeField.value : 'fetch'; if (pastePanel) { pastePanel.classList.toggle('is-visible', mode === 'paste'); } if (hint) { hint.textContent = mode === 'paste' ? 'Opcional, mas útil. Se a sua marcação colada usa URLs relativas, esta URL base permite que o verificador resolva caminhos canônicos e de imagem.' : 'Insira a URL pública exatamente como os usuários ou campanhas irão compartilhá-la. Redirecionamentos e URLs finais buscadas são mostrados no relatório.'; } } function applyExample(key) { var example = examples[key]; if (!example) { return; } setValue('id_mode', example.mode); setValue('id_page_url', example.page_url); setValue('id_html_source', example.html_source); document.querySelectorAll('.ogc-example-btn').forEach(function (btn) { btn.classList.toggle('is-active', btn.getAttribute('data-example') === key); }); syncMode(); } document.addEventListener('DOMContentLoaded', function () { var modeField = document.getElementById('id_mode'); if (modeField) { modeField.addEventListener('change', syncMode); } document.querySelectorAll('.ogc-example-btn').forEach(function (btn) { btn.addEventListener('click', function () { applyExample(btn.getAttribute('data-example')); }); }); syncMode(); }); })();

Embed Verificador de Open Graph Widget

Verificador de Open Graph

Um verificador de Open Graph ajuda você a validar os metadados exatos que controlam como uma página aparece quando alguém compartilha um link em feeds sociais, aplicativos de chat, prévias de e-mail ou ferramentas de colaboração. Em vez de depender de qualquer título, trecho ou imagem que uma plataforma adivinhe do corpo do texto, as tags Open Graph fornecem aos rastreadores um conjunto claro de instruções: qual título mostrar, qual resumo exibir, qual imagem buscar, qual URL canônica associar ao compartilhamento e que tipo de conteúdo a página representa. Isso é importante para fluxos de trabalho de SEO e GEO porque os sistemas de descoberta modernos frequentemente reutilizam esses mesmos sinais de nível de página ao gerar prévias, cartões de links, resumos ou citações de fontes.

Como Usar

Escolha uma fonte. Use o modo URL ativa quando quiser testar o que um rastreador pode buscar de uma página pública agora mesmo, ou mude para o modo HTML colado ao validar a marcação antes do lançamento.
Insira a URL ou HTML. Cole a URL exata que você espera que os usuários compartilhem ou cole o HTML da página com a seção head intacta para que o verificador possa ler as tags Open Graph, Twitter e canônicas.
Execute o verificador. Revise o cartão de prévia, os avisos de campos ausentes, as descobertas de tags duplicadas, as notas de redirecionamento e a tabela de comparação de campos após a conclusão da varredura.
Corrija a fonte final antes de compartilhar. Atualize a página para que a resposta renderizada pelo servidor exponha um conjunto claro de tags e, em seguida, verifique novamente antes de postar o link em campanhas, posts sociais, newsletters ou ferramentas de chat interno.

O que o Verificador Analisa

Sinal	Por que importa	Problema comum
`og:title`	Dá aos rastreadores um título de compartilhamento explícito em vez de reutilizar o título HTML ou um cabeçalho aleatório.	Títulos muito curtos parecem genéricos, enquanto títulos longos costumam ser truncados em prévias de mensagens.
`og:description`	Controla o texto de apoio que explica a página após o título.	Descrições curtas desperdiçam espaço de prévia ou permitem que as plataformas montem fragmentos do texto do corpo.
`og:image`	Geralmente determina a miniatura ou a imagem de destaque no cartão.	URLs relativas, imagens HTTP ou imagens ausentes levam a prévias inconsistentes entre aplicativos.
`og:url` e canônica	Ajudam as plataformas a consolidar os compartilhamentos e manter a URL da página preferida consistente.	Redirecionamentos ou URLs divergentes dividem as contagens de engajamento e confundem os sinais de indexação.
`twitter:card`	Melhora o comportamento de fallback no X e em alguns consumidores de incorporação, mesmo quando o Open Graph está presente.	As equipes assumem que apenas o OG é suficiente e acabam com um cartão menor ou menos consistente em algumas superfícies.

Erros Comuns e Dicas de Interpretação

Uma página pode parecer correta em um navegador e ainda produzir uma prévia social fraca se os metadados estiverem duplicados, injetados tardiamente com JavaScript ou anexados à URL canônica errada. Um erro frequente é publicar og:url para uma versão não canônica ou parametrizada da página e, em seguida, compartilhar uma URL diferente em campanhas ou newsletters. Outro é depender de caminhos de imagem relativos que funcionam dentro de um navegador, mas criam ambiguidade para os rastreadores. Tags og:title ou og:description duplicadas também são arriscadas, pois as plataformas podem escolher o primeiro valor, o último valor ou um valor antigo em cache, dependendo de como buscam a página.

Se o verificador relatar um redirecionamento, compare a URL solicitada, a URL final buscada, o link canônico e a og:url juntos. Esses quatro valores geralmente devem descrever a mesma página preferida. Se não descreverem, corrija a página antes de uma promoção ou lançamento de produto para que os compartilhamentos sociais, as métricas e os sinais de indexação apontem todos para uma única URL estável.

Casos de Uso

Esta ferramenta é prática para equipes editoriais que verificam o compartilhamento de artigos antes da publicação, equipes de e-commerce validando cartões de produtos antes de uma campanha e desenvolvedores revisando a saída SSR após uma migração de framework. Também é útil ao depurar por que Slack, Discord, LinkedIn ou Facebook estão mostrando uma miniatura desatualizada, um título de página inicial ou uma imagem de fallback genérica. Nessas situações, o problema geralmente não é a plataforma em si, mas os metadados expostos pela fonte da página que ela buscou.

Como muitos sistemas de visualização e superfícies de resposta de IA reutilizam metadados de página, tags Open Graph controladas também podem melhorar como os links são resumidos ou citados fora das redes sociais tradicionais. As tags não são um fator de ranqueamento por si mesmas, mas fazem parte da apresentação da qualidade da página que afeta a taxa de cliques (CTR) e a confiança no compartilhamento.

FAQ

Como faço para testar as tags Open Graph antes de postar um link nas redes sociais?

Busque a URL ativa ou cole a fonte HTML final e, em seguida, confirme se og:title, og:description, og:image, og:url e og:type estão presentes na fonte da página que um rastreador realmente recebe. Depois disso, compare a URL OG com o link canônico e certifique-se de que a página não está redirecionando para algum lugar inesperado.

Por que a prévia do meu link está mostrando a imagem ou o título errado?

As causas comuns são tags Open Graph ausentes, valores duplicados, caminhos de imagem relativos, cache obsoleto na plataforma social ou uma divergência entre a URL compartilhada e a página canônica ou redirecionada. Se a fonte final não expuser um conjunto claro de campos, os sistemas de prévia podem adivinhar.

Preciso de tags do Twitter se já tiver tags Open Graph?

O Open Graph cobre muitas plataformas, mas twitter:card e campos opcionais de título, descrição ou imagem específicos do Twitter ainda melhoram o comportamento de fallback no X e em algumas ferramentas que leem essas tags diretamente. É uma pequena adição que geralmente melhora a consistência.

As meta tags geradas por JavaScript podem quebrar as prévias de compartilhamento social?

Sim. Muitos rastreadores inspecionam a resposta HTML inicial e não se comportam como um navegador completo que espera pela renderização no lado do cliente. Se o seu framework injeta tags após o carregamento, um usuário pode ver a página correta no navegador enquanto um rastreador ainda vê metadados ausentes ou desatualizados.

Cite este conteúdo, página ou ferramenta como:

"Verificador de Open Graph" em https://MiniWebtool.com/br/verificador-de-open-graph/ de MiniWebtool, https://MiniWebtool.com/

pela equipe miniwebtool. Atualizado: 09-03-2026

Verificador de Open Graph

Configuração da fonte

Fonte HTML

Verificador de Open Graph

Como Usar

O que o Verificador Analisa

Erros Comuns e Dicas de Interpretação

Casos de Uso

FAQ

Como faço para testar as tags Open Graph antes de postar um link nas redes sociais?

Por que a prévia do meu link está mostrando a imagem ou o título errado?

Preciso de tags do Twitter se já tiver tags Open Graph?

As meta tags geradas por JavaScript podem quebrar as prévias de compartilhamento social?

Ferramentas de webmaster:

Ferramentas em destaque: