Como usar o Gerador de tags Open Graph: guia completo (2026)

O que é o Gerador de tags Open Graph?

Um gerador de tags Open Graph monta os meta tags que os apps sociais leem quando alguém compartilha sua URL. O gerador grátis da ToolsMinify transforma título, descrição, URL, imagem, tipo, nome do site e locale em HTML og:* pronto para copiar - mais tags Twitter Card opcionais - com prévia social ao vivo. Cole o markup no head para Facebook, LinkedIn, Slack, Discord e iMessage mostrarem o card que você quis, não uma miniatura adivinhada.

Gere tags Open Graph e Twitter Card a partir de um título, descrição, URL e imagem. Gerador OG grátis com HTML ao vivo e prévia social.

Por que usar o Gerador de tags Open Graph?

• Gera og:title, og:description, og:url, og:type, og:image, og:site_name e og:locale enquanto você digita
• Tags Twitter Card opcionais (summary ou summary_large_image) no mesmo snippet
• HTML ao vivo com escape de atributos para aspas e e comerciais
• Prévia social para pegar título fraco ou imagem ausente antes de publicar
• Roda inteiramente no navegador - rascunhos não saem do dispositivo

Como usar o Gerador de tags Open Graph passo a passo

1. Passo 1: Informe o título, a descrição, a URL canônica e a URL da imagem.
2. Passo 2: Escolha um og:type (website, article, product ou profile).
3. Passo 3: Adicione um nome do site e um locale opcionais (por exemplo pt_BR).
4. Passo 4: Deixe as tags Twitter Card ativas, salvo se quiser só o markup Open Graph.
5. Passo 5: Copie o HTML e cole dentro do head da página.

O Gerador de tags Open Graph fica em Ferramentas de SEO. Abra a página da ferramenta, digite os seus dados no campo principal e os resultados se atualizam na hora. Use o botão de copiar para colar a saída em documentos, editores de código ou planilhas.

Casos de uso comuns

Posts e artigos

Defina og:type como article, adicione uma capa 1200 x 630 e copie as tags para o template do post para o share mostrar a manchete que você escreveu.

Produtos e landings

Use tipo product ou website com imagem hero e descrição de benefício para anúncios e chats baterem com a página.

Home e marca

Adicione og:site_name e um locale como pt_BR para o LinkedIn e o Slack exibirem sua marca abaixo do título.

CMS e metadados do framework

Gere o HTML uma vez e mapeie cada propriedade no Next.js, WordPress ou um snippet de head quando editores colam títulos e URLs de imagem.

Exemplos

• Card de um artigo: Título "Tags Open Graph para um artigo", tipo article, imagem 1200 x 630 e a URL do post geram og:title, og:type, og:image e og:url prontos para colar no template.
• Home com nome do site: Use tipo website, sua marca como og:site_name e a URL da home para o Slack e o LinkedIn mostrarem a marca abaixo do título.
• Página de produto: Tipo product mais título, descrição, URL e imagem hero gera um card com cara de loja no Facebook e no iMessage.
• Aspas e e comerciais: Um título como Shop "A & B" é escapado para Shop "A & B" para o HTML continuar válido ao colar.

Dicas de quem usa

• Use uma URL de imagem https absoluta. Caminhos relativos costumam falhar nos crawlers do Facebook e do Slack.
• 1200 x 630 px é o tamanho paisagem usual. Imagens quadradas são cortadas na maioria das redes.
• Mantenha títulos curtos (cerca de 60 caracteres) e descrições abaixo de ~200 para o card não truncar no meio da palavra.
• Depois do deploy, rastreie a URL no Facebook Sharing Debugger e no LinkedIn Post Inspector para atualizar o cache.
• Combine com o verificador de meta description para o snippet do Google - Open Graph cuida do card social, não da SERP.

Perguntas frequentes

O que são tags Open Graph?

São elementos meta (og:title, og:description, og:image, og:url, og:type) que dizem aos apps sociais como renderizar a prévia de um link. Sem elas, Facebook, LinkedIn e Slack costumam adivinhar um título fraco ou a imagem errada.

Quais tags Open Graph eu preciso?

Comece com og:title, og:type, og:image e og:url. Adicione og:description, og:site_name e og:locale quando tiver. Este gerador emite só os campos preenchidos, mais og:type (padrão website).

Qual tamanho a og:image deve ter?

Use uma URL https absoluta. 1200 x 630 pixels é o tamanho paisagem usual para Facebook e LinkedIn. Imagens menores podem ser cortadas ou virar miniatura.

Também preciso de tags Twitter Card?

O X (Twitter) pode ler Open Graph, mas twitter:card, twitter:title, twitter:description e twitter:image dão controle explícito. Ative a opção para incluí-las. Com imagem usa summary_large_image; sem imagem, summary.

Onde eu colo o HTML?

Cole as tags dentro do head do documento HTML (ou da API de metadados do seu framework). Elas precisam estar na URL pública definida em og:url para os crawlers as verem.

O texto sai do dispositivo?

Não. O gerador de tags Open Graph roda inteiramente no navegador. Títulos, URLs e imagens não são enviados nem armazenados em um servidor.

Ferramentas relacionadas que você pode precisar

Explore outras ferramentas de seo no ToolsMinify. A página do Gerador de tags Open Graph tem links para utilitários relacionados, para você concluir o trabalho sem sair do site.