Verificador de Open Graph

Valide as tags Open Graph e Twitter Card em qualquer pagina web para ver exatamente como ela aparecera quando compartilhada em midias sociais. Nosso Verificador de Open Graph extrai todas as meta tags sociais, previsualize como seu conteudo e exibido no Facebook, Twitter e LinkedIn, e identifica propriedades ausentes ou mal configuradas que podem estar reduzindo seu engajamento social. Pare de adivinhar como seus compartilhamentos aparecem e comece a controla-los.

Principais Recursos do Nosso Verificador de Open Graph

Preview Multi-Plataforma

Veja exatamente como sua URL aparecera quando compartilhada no Facebook, Twitter, LinkedIn e outras plataformas. Cada preview usa o formato de exibicao real da plataforma, mostrando recorte de imagem, truncagem de titulo e layout de descricao como aparecem em feeds sociais reais.

Extracao Completa de Tags

Extrai cada tag Open Graph e Twitter Card da pagina, exibindo o nome da propriedade e valor em formato claro e legivel. Inclui og:title, og:description, og:image, og:url, og:type, og:site_name, twitter:card, twitter:title e todas as outras propriedades de meta social.

Validacao de Imagem

Verifica que a URL da og:image e acessivel, verifica dimensoes da imagem contra requisitos minimos da plataforma, valida compatibilidade de formato de arquivo e reporta tamanho do arquivo de imagem. Identifica imagens quebradas antes que resultem em falhas de preview em compartilhamentos sociais.

Alertas de Propriedades Ausentes

Identifica propriedades Open Graph obrigatorias e recomendadas que estao ausentes da pagina. Cada propriedade ausente e sinalizada com uma explicacao de seu impacto e valor recomendado, ajudando voce a construir uma implementacao completa de tags.

Analise de Comprimento de Caracteres

Verifica comprimentos de og:title e og:description contra limites de exibicao especificos da plataforma. O Facebook trunca titulos em aproximadamente 88 caracteres e descricoes em 300 caracteres, enquanto Twitter e LinkedIn tem limites diferentes. O verificador sinaliza valores que serao truncados.

Verificacao de Consistencia de URL

Compara o valor de og:url com a URL real da pagina e qualquer tag canonica presente. Inconsistencias entre esses valores podem fazer com que plataformas sociais associem compartilhamentos a URL errada ou criem contagens de compartilhamento duplicadas entre variacoes de URL.

Validacao de Tipo de Twitter Card

Valida marcacao de Twitter Card incluindo tipo de card, especificacoes de imagem para o formato de card selecionado e atribuicao adequada de twitter:site e twitter:creator. Garante que seu conteudo use o tipo de card ideal para maximo engajamento no Twitter.

Exibicao de Codigo Bruto das Tags

Visualize o codigo-fonte HTML exato de cada tag extraida para fins de depuracao. Isso ajuda a identificar erros de sintaxe, problemas de codificacao, tags duplicadas de fontes conflitantes e outros problemas tecnicos que nao sao visiveis na exibicao formatada de propriedades.

Como Usar o Verificador de Open Graph

01

Passo 1

Insira a URL completa da pagina que voce deseja verificar no campo de entrada. Certifique-se de incluir o prefixo de protocolo https:// e use a URL exata que sera compartilhada nas midias sociais, incluindo quaisquer segmentos de caminho ou parametros.

02

Passo 2

Clique no botao verificar para iniciar a varredura. A ferramenta buscara sua pagina usando uma simulacao de rastreador que imita como as plataformas de midia social recuperam dados Open Graph.

03

Passo 3

Revise a secao de preview multi-plataforma para ver como sua pagina aparece no Facebook, Twitter e LinkedIn. Compare o titulo, descricao e imagem exibidos com sua apresentacao pretendida e note quaisquer discrepancias.

04

Passo 4

Examine a lista de tags extraidas para verificar que todas as propriedades Open Graph obrigatorias e recomendadas estao presentes com valores corretos. Preste atencao especial a og:image, og:title, og:description e og:url.

05

Passo 5

Verifique os resultados de validacao para problemas sinalizados incluindo tags ausentes, imagens grandes ou pequenas demais, texto truncado, URLs de imagem inacessiveis e inconsistencias de URL. Cada problema inclui gravidade e recomendacao.

06

Passo 6

Corrija quaisquer problemas identificados atualizando as meta tags da sua pagina, depois execute novamente o verificador para confirmar que suas alteracoes resolveram os problemas. Apos a verificacao, use o Sharing Debugger do Facebook e o Card Validator do Twitter para limpar quaisquer dados de preview em cache nessas plataformas.

Pronto para Analisar?

Experimente Verificador de Open Graph agora — completamente grátis, sem registro

Usar Ferramenta Agora

O Que E um Verificador de Open Graph?

Um verificador de Open Graph e uma ferramenta de diagnostico que busca uma pagina web, extrai suas meta tags Open Graph e Twitter Card, e exibe exatamente como a pagina aparecera quando compartilhada em plataformas de midia social. Ele preenche a lacuna entre o que voce pretendia que suas previsualizacoes sociais parecessem e o que as plataformas realmente exibem com base nas tags que encontram em seu HTML.

Quando voce insere uma URL em nosso Verificador de Open Graph, a ferramenta realiza a mesma operacao que as plataformas de midia social executam quando alguem compartilha seu link. Ela envia uma solicitacao HTTP para a URL, analisa a resposta HTML e extrai cada meta tag com prefixo og: e twitter: do head da pagina. Os dados extraidos sao entao usados para renderizar previsualizacoes simuladas mostrando como o compartilhamento aparecera no Facebook, Twitter, LinkedIn e outras plataformas.

Alem de simplesmente exibir as tags, o verificador valida cada propriedade contra requisitos especificos da plataforma. Ele verifica se og:image aponta para um arquivo de imagem acessivel com dimensoes adequadas, se og:url retorna uma resposta HTTP valida, se as propriedades obrigatorias estao presentes e se os valores das propriedades estao em conformidade com os formatos esperados. Cada problema e sinalizado com um nivel de gravidade e uma recomendacao especifica para correcao.

A ferramenta tambem identifica discrepancias comuns entre plataformas. Como Facebook, Twitter, LinkedIn e Pinterest possuem requisitos de exibicao e comportamentos de fallback ligeiramente diferentes, o mesmo conjunto de tags OG pode produzir resultados diferentes em cada plataforma. O verificador mostra essas variacoes lado a lado, ajudando voce a otimizar para todas as plataformas simultaneamente em vez de descobrir problemas apos o conteudo ja ter sido compartilhado.

Para equipes gerenciando conteudo em escala, o Verificador de Open Graph serve como uma etapa de garantia de qualidade no fluxo de trabalho de publicacao. Antes de um post de blog, pagina de produto ou pagina de destino de campanha entrar no ar, executa-lo pelo verificador confirma que as previsualizacoes sociais atendem aos padroes de qualidade. Isso previne o cenario comum e constrangedor de compartilhar um conteudo importante apenas para descobrir que ele e exibido com imagem ausente, titulo errado ou descricao generica nas midias sociais.

O verificador e particularmente valioso apos migracoes de site, atualizacoes de CMS ou mudancas de template que podem inadvertidamente alterar ou remover tags Open Graph. Essas mudancas tecnicas podem quebrar o compartilhamento social em todo o seu site sem qualquer indicacao visivel nas proprias paginas. Uma verificacao sistematica em paginas-chave imediatamente apos qualquer mudanca tecnica identifica esses problemas antes que afetem seu desempenho em midias sociais.

Por Que Verificar Tags Open Graph E Essencial

Criar tags Open Graph e apenas metade da equacao. Sem verificacao, voce nao pode ter certeza de que suas tags estao formatadas corretamente, acessiveis aos rastreadores sociais e produzindo as previsualizacoes que voce espera. Aqui estao as razoes criticas pelas quais a validacao regular de Open Graph deve fazer parte do seu fluxo de trabalho.

Rastreadores Sociais Se Comportam Diferentemente dos Navegadores

Sua pagina pode parecer perfeita em um navegador web, mas rastreadores de midia social processam paginas de forma diferente. Eles tem limites rigorosos de timeout, tipicamente dois a cinco segundos, e abandonarao o rastreamento se sua pagina demorar muito para responder. Eles nao executam JavaScript, entao tags OG geradas dinamicamente por scripts do lado do cliente podem ser invisiveis para rastreadores sociais. Eles seguem cadeias de redirecionamento de forma diferente e podem nao processar tags na URL de destino final. O Verificador de Open Graph simula esse comportamento de rastreador, revelando problemas que sao invisiveis durante testes normais no navegador.

Acessibilidade e Conformidade de Tamanho de Imagem

A falha de Open Graph mais comum e uma imagem que nao e exibida nas previsualizacoes sociais. Isso acontece quando a URL da og:image retorna um erro 404, quando a imagem e bloqueada por robots.txt ou autenticacao, quando a imagem e muito pequena para os requisitos minimos da plataforma, ou quando o servidor de imagens e lento demais para responder dentro da janela de timeout do rastreador. O verificador valida a acessibilidade e dimensoes da imagem para identificar esses problemas antes que resultem em compartilhamentos sem imagem.

Prevenindo Problemas de Preview em Cache

Plataformas sociais fazem cache agressivo de dados Open Graph. Quando voce atualiza suas tags OG, os dados antigos em cache podem persistir por horas ou ate dias, significando que compartilhamentos continuam exibindo informacoes desatualizadas. Se o cache original capturou dados incorretos ou ausentes, o problema se agrava. Verificar suas tags OG antes do primeiro compartilhamento garante que os dados iniciais em cache estao corretos. Se voce precisa atualizar dados em cache, os resultados do verificador confirmam o que precisa mudar, e entao voce pode usar ferramentas especificas da plataforma para limpar seus caches.

Consistencia Entre Plataformas

Cada plataforma social exibe dados OG com formatacao ligeiramente diferente. O Facebook mostra og:site_name acima do titulo, o Twitter o omite, e o LinkedIn o exibe de forma diferente. O recorte de imagem varia entre plataformas. Limites de caracteres para titulos e descricoes diferem. O verificador previsualize seu compartilhamento em multiplas plataformas simultaneamente, garantindo que seu conteudo tenha aparencia profissional em todos os lugares, nao apenas na unica plataforma que voce testou manualmente.

Protegendo a Reputacao da Marca

Quando seu conteudo e compartilhado com imagem quebrada, titulo errado ou descricao irrelevante, isso reflete negativamente na sua marca. Em contextos profissionais como LinkedIn ou canais do Slack, uma previsualizacao de link mal formatada pode minar a credibilidade de conteudo que de outra forma seria excelente. A verificacao regular de OG garante que cada compartilhamento do seu conteudo mantenha a aparencia profissional que sua marca exige.

Maximizando o ROI do Trafego Social

Se voce investe tempo e orcamento em marketing de midia social, promocao de conteudo ou outreach para influenciadores, tags OG mal configuradas desperdicam esse investimento. Cada compartilhamento que e exibido sem uma previsualizacao atraente representa cliques e engajamento potenciais perdidos. Verificar tags OG antes de lancar campanhas garante que seu investimento social produza retorno maximo.

Problemas Comuns de Open Graph e Como Corrigi-los

Atraves de milhoes de verificacoes de URLs, certos problemas de Open Graph aparecem consistentemente. Aqui estao os problemas mais frequentes, suas causas e solucoes passo a passo para cada um.

Nenhuma Imagem Exibida no Preview Social

Este e o problema de OG mais reportado. Causas comuns incluem: a tag og:image esta completamente ausente da pagina, a URL da imagem retorna um erro 404 ou redirecionamento, a imagem e servida por HTTP enquanto a pagina usa HTTPS causando bloqueio de conteudo misto, a imagem e muito pequena para atender os minimos da plataforma, ou a imagem demora muito para carregar e o rastreador expira. Solucao: Adicione uma tag og:image valida apontando para uma URL HTTPS de uma imagem de pelo menos 1200 por 630 pixels, hospedada em um servidor que responda em dois segundos.

Imagem Errada Aparecendo no Preview

Quando a og:image especificada falha na validacao, as plataformas recorrem a escanear o corpo da pagina em busca de qualquer imagem disponivel, podendo selecionar um logo, icone, imagem da barra lateral ou anuncio. Solucao: Verifique se sua URL de og:image carrega corretamente quando acessada diretamente no navegador. Garanta que a URL nao requer autenticacao ou cookies. Teste se o servidor de imagens responde rapidamente e nao bloqueia user agents de rastreadores.

Preview Desatualizado Apos Atualizacao de Tags

Plataformas sociais fazem cache de dados OG para eficiencia, entao atualizar suas tags nao muda imediatamente os previews existentes. O Facebook pode manter cache de dados por ate 30 dias. Solucao: Apos atualizar tags OG, use o Facebook Sharing Debugger para clicar em Scrape Again, o que forca o Facebook a rebuscar sua pagina. Para o Twitter, envie a URL ao Card Validator. Para o LinkedIn, use o Post Inspector e clique no botao de atualizar. Permita 24 horas para que os caches se propaguem completamente.

Titulo ou Descricao Truncados no Preview Social

O Facebook trunca titulos em aproximadamente 88 caracteres e descricoes em cerca de 300 caracteres. O Twitter e mais restritivo com titulos em 70 caracteres. O LinkedIn trunca em limites semelhantes. Solucao: Mantenha og:title abaixo de 60 caracteres e og:description abaixo de 200 caracteres para garantir exibicao completa em todas as plataformas. Priorize as informacoes mais importantes no inicio em caso de truncagem em plataformas mais rigorosas.

Tags OG Presentes Mas Nao Sendo Lidas

Se suas tags OG sao geradas por JavaScript apos o carregamento da pagina, rastreadores sociais nao podem ve-las porque nao executam JavaScript. Aplicacoes de pagina unica construidas com React, Angular ou Vue frequentemente tem esse problema. Solucao: Implemente renderizacao do lado do servidor (SSR) ou use um servico de pre-renderizacao que serve HTML estatico com tags OG para user agents de rastreadores sociais. Verifique visualizando o codigo-fonte da sua pagina sem JavaScript habilitado.

og:url e URL Canonica Inconsistentes

Quando og:url difere da tag canonica ou da URL real da pagina, plataformas sociais podem consolidar contagens de compartilhamento sob a URL errada ou exibir conteudo inesperado. Solucao: Garanta que og:url, a tag canonica e a URL real da pagina apontem para a mesma URL preferida. Nao inclua parametros de rastreamento, IDs de sessao ou fragmentos de URL em nenhum desses valores.

Requisitos de Open Graph Especificos por Plataforma

Embora o protocolo Open Graph forneca um padrao universal, cada plataforma social interpreta e exibe dados OG com suas proprias nuances. Entender esses requisitos especificos por plataforma garante previews ideais em todos os lugares onde seu conteudo e compartilhado.

Facebook

O Facebook foi o criador do protocolo Open Graph e tem o suporte mais abrangente. Tags obrigatorias sao og:title, og:type, og:image e og:url. O Facebook recomenda fortemente og:description e og:site_name. Para imagens, o tamanho minimo para um preview grande e 600 por 315 pixels, mas 1200 por 630 pixels e recomendado para displays de alta resolucao. O Facebook suporta multiplas tags og:image e usara a primeira valida. A plataforma faz cache de dados OG agressivamente, entao use o Sharing Debugger para limpar o cache apos atualizacoes.

Twitter

O Twitter usa sua propria marcacao de Card com tags prefixadas com twitter: mas recorre a tags Open Graph quando tags Card estao ausentes. A propriedade twitter:card e obrigatoria para ativar a funcionalidade de Card. O Twitter suporta tipos de card Summary, Summary with Large Image, App e Player. Para cards de Large Image, o tamanho minimo de imagem e 300 por 157 pixels, e a proporcao e recortada para aproximadamente 2:1. O Twitter nao suporta multiplas tags de imagem e usara apenas a primeira.

LinkedIn

O LinkedIn le tags Open Graph padrao e as exibe em formato semelhante ao Facebook. A plataforma prefere imagens de 1200 por 627 pixels e suporta formatos JPEG e PNG. O Post Inspector do LinkedIn permite previsualize e atualizar dados OG em cache. Uma diferenca importante e que o LinkedIn exibe a og:description mais proeminentemente do que algumas outras plataformas, entao investir em uma descricao atraente beneficia particularmente o desempenho de compartilhamento no LinkedIn.

Pinterest

O Pinterest le og:image para Rich Pins e prefere imagens verticais com proporcao de 2:3 para exibicao ideal no feed de pins. O Pinterest tambem suporta seus proprios metadados atraves da marcacao de Rich Pin do Pinterest, que pode ser validada atraves do Rich Pin Validator. Para sites de e-commerce, o Pinterest pode extrair precos e disponibilidade de produtos de dados estruturados junto com tags OG.

WhatsApp e Aplicativos de Mensagens

WhatsApp, Telegram, Slack e Discord todos leem tags Open Graph para gerar previews de links em mensagens. Essas plataformas tipicamente exibem og:title, og:description e og:image em formato de card compacto. Requisitos de imagem sao geralmente menos rigorosos do que plataformas de midia social, mas as imagens devem ter pelo menos 300 por 200 pixels e carregar rapidamente. Rastreadores de aplicativos de mensagens frequentemente tem janelas de timeout muito curtas, tornando tempos rapidos de resposta do servidor particularmente importantes.

Perguntas Frequentes

Tudo o que você precisa saber sobre Verificador de Open Graph

O Verificador de Open Graph analisa todas as meta tags de midia social em uma pagina web incluindo og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale, tags Twitter Card e quaisquer propriedades OG ou sociais adicionais. Ele valida cada tag contra requisitos da plataforma, verifica acessibilidade e dimensoes da imagem, identifica propriedades obrigatorias ausentes e gera previsualizacoes simuladas de midia social mostrando como a pagina aparecera no Facebook, Twitter e LinkedIn.

Isso tipicamente acontece porque sua tag og:image aponta para uma URL que retorna um erro, referencia uma imagem muito pequena para os requisitos minimos do Facebook de 200 por 200 pixels, ou o servidor de imagens e lento demais para responder antes que o rastreador do Facebook expire. Tambem pode ocorrer se sua tag og:image esta sendo gerada por JavaScript, que o rastreador do Facebook nao pode executar. Corrija a URL da imagem, garanta que ela carregue rapidamente por HTTPS e use o Sharing Debugger do Facebook para limpar o preview em cache.

Cada plataforma tem seu proprio metodo de limpeza de cache. Para o Facebook, visite developers.facebook.com/tools/debug, insira sua URL e clique em Scrape Again. Para o Twitter, envie sua URL para cards-dev.twitter.com/validator. Para o LinkedIn, use linkedin.com/post-inspector e clique no botao de atualizar. Caches do WhatsApp sao mais dificeis de limpar e tipicamente requerem esperar 24 a 48 horas para atualizacao automatica. Apos limpar caches, verifique o preview atualizado compartilhando o link em um post de teste privado.

Sim, voce pode verificar tags Open Graph em qualquer URL publicamente acessivel, incluindo sites de concorrentes. O verificador busca a pagina da mesma forma que rastreadores de midia social fazem, extraindo todas as tags OG e Twitter Card disponiveis. Isso o torna uma ferramenta valiosa de pesquisa competitiva para ver como concorrentes apresentam seu conteudo nas midias sociais. Paginas que requerem autenticacao ou sao bloqueadas por robots.txt podem nao ser totalmente acessiveis ao verificador.

O tamanho minimo de og:image varia por plataforma. O Facebook requer pelo menos 200 por 200 pixels para uma miniatura e 600 por 315 pixels para um preview grande. O Twitter requer pelo menos 144 por 144 pixels para cards Summary e 300 por 157 pixels para cards Large Image. O LinkedIn requer pelo menos 200 por 200 pixels. O tamanho universalmente recomendado e 1200 por 630 pixels, que funciona bem em todas as principais plataformas e fica nitido em displays de alta resolucao.

Se o verificador nao encontra tags OG, as causas mais provaveis sao: suas tags sao geradas por JavaScript do lado do cliente que o rastreador nao pode executar, sua pagina redireciona e as tags existem apenas na URL original nao no destino, seu servidor bloqueia user agents de rastreadores, ou as tags estao posicionadas fora da secao head do HTML. Verifique o codigo-fonte da sua pagina clicando com o botao direito e selecionando Exibir codigo-fonte da pagina para verificar se as tags aparecem no HTML bruto antes de qualquer execucao de JavaScript.

Sim, cada pagina que pode ser compartilhada em midias sociais deve ter seu proprio conjunto unico de tags Open Graph com conteudo especifico para aquela pagina. Usar o mesmo og:title, og:description e og:image em todas as paginas resulta em cada compartilhamento parecendo identico independentemente de qual pagina foi compartilhada, o que confunde os usuarios e reduz o engajamento. Plataformas CMS e plugins de SEO podem automatizar a geracao de tags OG unicas com base no conteudo da pagina, tornando a personalizacao por pagina gerenciavel mesmo para sites grandes.

Verifique as tags Open Graph sempre que publicar novo conteudo, atualizar paginas existentes, alterar o template ou tema do site, instalar ou atualizar plugins de CMS, ou migrar seu site para uma nova plataforma. Para sites de alto trafego, estabeleca uma auditoria trimestral das suas paginas mais compartilhadas para identificar qualquer degradacao. Sempre verifique tags OG antes de lancar campanhas de midia social ou enviar conteudo para influenciadores, pois previews quebrados desperdicam investimento promocional e prejudicam a percepcao da marca.