Pular para o conteúdo principal
DevTools by Decussi
  • Ferramentas
  • Dados
  • Segurança
  • Rede
  • Texto
  • Data
  • Web
  • Dev
  • SEO
  • Brasil
Ferramentas
DevTools

Ferramentas para desenvolvedores, em português. Sem cadastro e sem instalação.

Criado e mantido por Decussi

Ferramentas

  • Todas as ferramentas
  • Dados
  • Segurança
  • Rede
  • Texto
  • Data
  • Web
  • Dev
  • SEO
  • Brasil

Referência

  • Consulta rápida
  • Guias
  • Códigos HTTP
  • Cron
  • Checagens de SEO

Desenvolvedores

  • API e devs
  • llms.txt
  • ai.txt
  • Sitemap

Newsletter

Receba novidades e novas ferramentas no seu email.

Sugira uma ferramenta

Tem uma ideia? Envie sua sugestão.

  1. Início
  2. /Checagens de SEO
  3. /Verificador de Open Graph

Verificador de Open Graph

Cole uma URL e veja se as tags og: essenciais estão presentes e bem formadas.

A página é buscada pelo servidor do DevTools. Só funciona com URLs públicas.

O que é

Open Graph é um protocolo criado pelo Facebook e adotado por praticamente todo lugar onde se cola um link: WhatsApp, LinkedIn, Slack, Discord, Telegram, iMessage. São meta tags com prefixo og: que descrevem a página para quem vai montar o card de prévia — as quatro que importam são og:title, og:description, og:image e og:url.

Por que importa

Não tem efeito nenhum em ranqueamento, e é importante deixar isso claro. O efeito é na hora em que alguém compartilha o link: com as tags certas, aparece um card com imagem grande, título e resumo; sem elas, aparece uma linha de texto cinza com a URL. A diferença de cliques entre os dois formatos é grande, e no Brasil, onde a distribuição por WhatsApp pesa muito, costuma ser o fator que decide se o link circula ou morre.

Como corrigir

  • Declare as quatro essenciais: og:title, og:description, og:image e og:url. As demais são opcionais.
  • Use URL absoluta na og:image, com protocolo e domínio. Caminho relativo é a causa mais comum de card sem imagem — as redes não resolvem o caminho contra a página.
  • Gere a imagem em 1200×630 pixels. É a proporção 1.91:1 que quase todas as plataformas recortam sem cortar nada importante.
  • Mantenha a og:url igual à canonical. Divergência entre as duas faz curtidas e compartilhamentos serem contados em endereços diferentes.
  • Hospede a imagem em URL pública, sem exigir login e sem bloqueio no robots.txt: quem busca a imagem é o robô da rede social, não o visitante.
  • Depois de corrigir, limpe o cache do validador da plataforma. WhatsApp e Facebook guardam a prévia antiga por dias e vão continuar mostrando o card errado até serem forçados a reler.

As quatro tags essenciais

<meta property="og:title" content="Validador de CPF online">
<meta property="og:description" content="Valide CPF direto no navegador, sem enviar o número para servidor nenhum.">
<meta property="og:image" content="https://exemplo.com.br/og/validador-cpf.png">
<meta property="og:url" content="https://exemplo.com.br/validador-cpf">

Perguntas frequentes

Open Graph influencia o ranqueamento no Google?
Não. É um protocolo de redes sociais e mensageiros, sem qualquer papel no algoritmo de busca. O ganho é em cliques quando o link é compartilhado, não em posição.
Corrigi as tags mas o WhatsApp continua mostrando a prévia antiga. Por quê?
Porque a prévia fica em cache. WhatsApp, Facebook e LinkedIn guardam o card por dias e não releem a página a cada compartilhamento. Use o depurador de compartilhamento da plataforma para forçar a releitura, ou publique a mudança e aguarde a expiração natural.
Preciso das tags do Twitter também?
Na maioria dos casos não. O X/Twitter usa as tags og: como fallback quando não encontra as twitter:. Declarar twitter:card só compensa quando você quer um formato de card diferente do padrão herdado do Open Graph.
Qual o tamanho máximo da og:image?
As plataformas variam, mas 8 MB é o teto seguro e a maioria dos casos reais fica bem abaixo disso. O problema mais comum não é peso e sim proporção: imagens quadradas ou verticais são recortadas pelo centro e perdem texto nas bordas.

Outras checagens

  • Verificador de faviconCole uma URL e veja se o favicon está declarado e se o arquivo responde.
  • Verificador de meta descriptionCole uma URL e veja a meta description como ela está no HTML, com o comprimento medido.

Ferramentas relacionadas

  • Extrator de meta tags — veja todas as og: e twitter: de uma vez
  • Conversor de imagens — gere a og:image em 1200×630
  • Todas as checagens de SEO