Verificador de Open Graph
Verifique e depure tags Open Graph
Cole um URL para ler suas tags Open Graph e ver a prévia do link que elas geram. Encontre tags og ausentes ou conflitantes e corrija-as antes de compartilhar a página.
og:title
O título exibido no cartão de pré-visualização. Mantenha-o com menos de 60 caracteres e faça com que seja compreensível por si só, sem depender do nome do site.
Título
Descrição
framer.com
og:description
O resumo curto abaixo do título. Cerca de 110 a 160 caracteres funcionam bem. Alguns aplicativos mostram apenas a primeira linha, portanto, comece pelo ponto principal.
Título
Descrição
framer.com
og:image
A imagem de pré-visualização. Use uma URL HTTPS absoluta para um JPG ou PNG de 1200 x 630 pixels e adicione og:image:width, og:image:height e og:image:alt.
og:url e og:type
og:url deve corresponder à URL canônica para que os compartilhamentos sejam contabilizados para um único endereço. og:type geralmente é website para páginas e article para posts de blog.
Título
Descrição
framer.com
Um guia prático para tags Open Graph
Open Graph é o protocolo que a maioria das plataformas usa para gerar prévias de links. Um verificador de Open Graph mostra o que elas lerão da sua página e ajuda a corrigir problemas.
O que é um verificador de Open Graph?
Um verificador de Open Graph busca uma URL, lê suas meta tags og e renderiza cards de pré-visualização para plataformas como LinkedIn, Facebook, X, Slack e WhatsApp. Ele funciona como um depurador para a aparência do seu link quando compartilhado.
Quais tags Open Graph são obrigatórias?
As quatro tags básicas são og:title, og:type, og:image e og:url. Adicione og:description e og:site_name para uma pré-visualização completa, e og:locale se você publica em vários idiomas.
Como depurar tags Open Graph
Passe a URL pelo verificador e procure por tags ausentes, duplicadas ou valores que sejam diferentes dos da página. Certifique-se de que as tags estejam no HTML renderizado pelo servidor, já que muitos rastreadores não executam JavaScript.
Open Graph vs. Twitter Cards
Tags de Twitter card, como twitter:card e twitter:image, são específicas do X. Quando estão ausentes, o X recorre às tags do Open Graph como alternativa. Defina twitter:card como summary_large_image e deixe o Open Graph cuidar do restante.
Por que a visualização antiga ainda aparece?
As plataformas armazenam prévias em cache. Depois de alterar suas tags, republique a página e use a ferramenta da própria plataforma, como o LinkedIn Post Inspector, para buscar uma versão atualizada.
As tags Open Graph ajudam no SEO?
As tags do Open Graph não são um fator direto de ranqueamento, mas prévias melhores geram mais cliques e compartilhamentos, o que atrai mais visitantes e aumenta as chances de conseguir links para a sua página.
Um checklist rápido de Open Graph
Um og:title e og:description por página, uma og:image de 1200 x 630 com URL absoluta, og:url correspondente à canonical, twitter:card configurado e uma nova verificação após cada alteração.
Mais ferramentas gratuitas: o verificador de tamanho de imagem OG, o validador de Twitter card, o verificador de favicon e o gerador de meta tags.