Gerador de Open Graph
Gere tags Open Graph e Twitter Card para compartilhamento perfeito nas redes sociais. Pré-visualização ao vivo.
📋 Open Graph
📝 Article
🛒 Product
🎬 Video
🐦 Twitter Card
👁️ Pré-visualização
📄 Código Gerado
💡 Cole estas tags na seção <head> da sua página HTML.
Gerador de Open Graph
Este gerador gratuito de tags Open Graph ajuda você a criar tags OG e Twitter Cards para melhor visibilidade nas redes sociais.
Ferramentas populares
Sobre Gerador de Open Graph
O Gerador de Open Graph transforma o título, a descrição, a URL da imagem e a URL canônica de uma página em um bloco de meta tags og: pronto para colar, junto com o Twitter Card correspondente, com prévia de como Facebook e X exibiriam o link. Mudar o tipo para article, product ou video acrescenta as propriedades que esses objetos exigem - article:author e article:published_time, product:price:amount e currency, og:video - e twitter:card pode ser definido como summary, summary_large_image, player ou app. Roda inteiramente no seu navegador; as tags geradas são copiadas para a área de transferência, nunca enviadas para lugar nenhum.
Casos de uso
Como usar
Escolha o tipo de página no topo: Website, Article/Blog, Product ou Video. Isso define o og:type e o Twitter card correspondente.
Preencha og:title (no máximo 95 caracteres), og:description (no máximo 200), og:url e og:image e depois defina a largura e a altura da imagem, 1200 por 630 por padrão.
Adicione o og:site_name e escolha o og:locale, por exemplo en_US, fr_FR ou pt_BR.
Complete o painel extra do seu tipo: article:author, published_time, section e tags; preço e moeda do produto; ou a URL do arquivo de vídeo.
Mantenha o Twitter Card incluído e defina twitter:card como summary, summary_large_image, player ou app, além dos perfis em twitter:site e twitter:creator.
Compare as pré-visualizações no estilo Facebook e Twitter/X, depois clique em Copy e cole as meta tags no head da sua página.
Dicas Pro
- Cole seu conteúdo direto — o Gerador de Open Graph reconhece os formatos de entrada mais comuns e aplica padrões adequados automaticamente.
- Use atalhos de teclado (Ctrl/Cmd+A para selecionar tudo, Ctrl/Cmd+C para copiar) e agilize seu trabalho dentro do Gerador de Open Graph.
- Para entradas muito grandes, divida o conteúdo em partes — a maioria das abas do navegador aguenta megabytes de texto, mas processar payloads enormes pode travar a interface por alguns instantes.
- O Gerador de Open Graph não registra nem armazena o que você digita. Se precisar de histórico, copie os resultados importantes para um arquivo local ou app de notas.
- Combine o Gerador de Open Graph com outras ferramentas do site (formatadores, conversores, codificadores) para montar pipelines de dados completos sem sair do navegador.
Perguntas frequentes
Sim, totalmente gratuito: sem cadastro, sem chave de API, sem marca d'água e sem limites de uso.
Não. O Gerador de Open Graph roda inteiramente no seu navegador, do lado do cliente. O que você digita nunca passa pelos nossos servidores.
Não há limite rígido, mas espere lentidão em entradas maiores que alguns megabytes, dependendo da memória do seu dispositivo.
Sim. Os resultados gerados com o Gerador de Open Graph são seus para usar livremente em qualquer projeto pessoal ou comercial.
Quase toda a lógica roda em JavaScript no lado do cliente, então, depois do carregamento inicial, você geralmente consegue continuar trabalhando sem conexão.
Nenhum. Como o Gerador de Open Graph roda no seu navegador, você pode processar quantas entradas seu hardware aguentar, sem chaves de API nem restrições.