Gerador de tags Open Graph

Como funciona

Quando um link para o seu site é compartilhado no Facebook, LinkedIn, Slack, Discord ou X (Twitter), essas plataformas procuram tags meta Open Graph no <head> da página para construir um cartão de prévia com um título, uma descrição e uma imagem. Sem essas tags, a rede social costuma exibir um link simples ou uma prévia genérica pouco atraente. Esta ferramenta gera as tags og:title, og:description, og:url, og:image e og:type, além dos equivalentes twitter:card para que o cartão também seja exibido corretamente no X.

Onde colocar essas tags?

Cole o resultado diretamente na seção <head> da sua página HTML, antes da tag de fechamento </head>. Na maioria dos frameworks (Nuxt, Next.js etc.), existe um componente dedicado ao gerenciamento do head que aceita essas mesmas tags meta.

Que tamanho de imagem usar para og:image?

O tamanho recomendado é geralmente 1200x630 pixels (proporção 1.91:1), que corresponde ao formato esperado pelo Facebook, LinkedIn e X para exibição em cartão grande. Uma imagem muito pequena ou em proporção errada pode ser recortada de forma pouco favorável pela plataforma.

Por que minha prévia não mudou após a modificação?

A maioria das redes sociais armazena em cache as tags Open Graph de uma URL na primeira vez que ela é compartilhada. Depois de modificar suas tags, use a ferramenta de depuração oficial da plataforma (por exemplo, o "Sharing Debugger" do Facebook) para forçar uma nova varredura da página.

Geração 100% local no seu navegador — nada é enviado a um servidor.