Gerador de Open Graph
Gere meta tags Open Graph (og:) e Twitter Card com prévia ao vivo do link, dimensões de imagem e campos de artigo/produto/vídeo.
Prévia do link
O Gerador de Open Graph cria as meta tags og: e Twitter Card que controlam como o seu link aparece quando é compartilhado no Facebook, LinkedIn, Twitter/X, Slack, WhatsApp e Discord. Escolha o tipo de conteúdo, adicione título, descrição, URL e uma ou mais imagens de prévia com dimensões e texto alternativo, e copie um trecho limpo para o
da sua página — com um cartão de prévia ao vivo que espelha o que as pessoas verão.O que é Open Graph?
Open Graph é um protocolo criado pelo Facebook que permite que qualquer página da web se torne um objeto rico em um grafo social. Ao adicionar meta tags og: ao
da sua página, você diz às plataformas sociais exatamente qual título, descrição, imagem e URL exibir quando o seu link é compartilhado, em vez de deixá-las adivinhar. O Twitter/X lê os mesmos dados, além das suas próprias tags twitter:, para renderizar um Card.Como gerar tags Open Graph
Preencha os campos à esquerda e copie o trecho para o seu
.- Escolha o og:type — website para a maioria das páginas, ou article, product ou video para liberar tags específicas do tipo.
- Informe og:title, og:description e og:url, além de um nome de site e locale opcionais.
- Adicione uma ou mais imagens com URL, texto alternativo e largura/altura (1200×630 é recomendado).
- Confira o cartão de prévia ao vivo, clique em Copiar e cole as tags dentro do da sua página.
Tamanho de imagem Open Graph recomendado
A maioria das plataformas exibe uma prévia grande melhor em 1200×630 pixels (proporção 1.91:1). Declarar og:image:width e og:image:height ajuda as plataformas a reservar o espaço certo antes de a imagem carregar, e og:image:alt fornece uma descrição acessível. Você pode listar várias tags og:image para que as plataformas escolham a mais adequada.
Por que usar este gerador de Open Graph?
- Focado em Open Graph e Twitter Cards, com um cartão de prévia ao vivo para você ver o resultado antes de publicar.
- Campos específicos por tipo para artigo (autor, data de publicação, seção, tags), produto (preço) e vídeo (duração).
- Suporta várias entradas og:image com URL segura, largura, altura e texto alternativo.
- Escapa caracteres especiais automaticamente para que aspas e colchetes angulares fiquem seguros.
- Roda inteiramente no seu navegador — nada é enviado, e o trecho é seu para copiar.
Perguntas frequentes
Qual é a diferença entre Open Graph e meta tags?
As tags Open Graph são uma família específica de meta tags que usam o atributo property (como og:title e og:image) para descrever como a sua página aparece ao ser compartilhada nas redes sociais. As meta tags de SEO comuns (como meta description) informam os mecanismos de busca sobre a sua página. Esta ferramenta foca nas tags de prévia social; se você também precisar de tags básicas de SEO e charset, use o Gerador de Meta Tags.
Qual é o melhor tamanho de imagem Open Graph?
1200×630 pixels é a escolha mais segura e aparece como uma prévia grande na maioria das plataformas. Mantenha o conteúdo importante longe das bordas, fique abaixo de alguns megabytes e adicione og:image:alt para acessibilidade. Você pode fornecer mais de uma imagem e as plataformas escolherão a mais adequada.
Preciso de tags Twitter Card se já tenho Open Graph?
O Twitter/X recorre às tags Open Graph quando as tags twitter: estão ausentes, então prévias básicas ainda funcionam. Adicionar twitter:card e twitter:site dá controle explícito sobre o tipo de cartão e a atribuição, por isso este gerador as inclui por padrão. Você pode desativá-las se quiser apenas tags og:.
O que o og:type faz?
O og:type informa às plataformas que tipo de conteúdo a página é — website, article, product, video, profile ou book. Alguns tipos liberam campos estruturados extras, como article:published_time e article:author para artigos, ou product:price:amount para produtos. Esta ferramenta mostra os campos relevantes quando você muda o tipo.
Este gerador de Open Graph é gratuito e privado?
Sim. Ele é totalmente gratuito e roda inteiramente no seu navegador com JavaScript. Nada do que você digita é enviado ou armazenado — as tags e a prévia são geradas localmente no seu dispositivo.