Gerador de Open Graph
Gere metaetiquetas Open Graph e cartões do Twitter para seu site com nosso gerador de tags OG online gratuito. Preencha os detalhes da sua página e visualize na hora como seu link aparecerá no Facebook, X/Twitter e LinkedIn. Personalize o título OG, descrição, imagem, nome do site e tipo de cartão com renderização do cartão social em tempo real. Todo o HTML gerado está pronto para copiar no <head> do seu site - sem cadastro.
Fill in your page details. Twitter tags will fall back to OG values if left blank.
Por que usar nosso gerador de Open Graph?
- Pré-visualizações sociais multiplataforma: veja exatamente como seu link aparecerá no Facebook, X/Twitter e LinkedIn, tudo em tempo real. Visualize cartões ricos com imagens, títulos, descrições e atribuição do site antes de publicar.
- Pré-visualização ao vivo enquanto digita: cada alteração no título OG, descrição ou URL de imagem atualiza na hora as pré-visualizações do cartão social. Não é preciso gerar e verificar: o que você vê é o que as plataformas exibirão.
- Validação de dimensões da imagem: as imagens OG devem ter pelo menos 1200×630 pixels com proporção de 1,91:1 para renderização ideal. Nossa ferramenta valida a URL da sua imagem e avisa sobre problemas comuns como links quebrados ou URLs inválidas.
- 100% privado e no lado do cliente: toda a geração de tags e a renderização das pré-visualizações acontecem inteiramente no seu navegador. Nenhuma URL de página, título, descrição ou imagem é jamais enviada a nenhum servidor: seus dados continuam sendo seus.
Casos de uso comuns do gerador de Open Graph
- Gestores de SEO e profissionais de marketing: otimize como seu conteúdo aparece quando compartilhado nas redes sociais. Visualize e aprimore as tags OG para maximizar a taxa de cliques dos compartilhamentos no Facebook, X, LinkedIn e Slack.
- Desenvolvedores e designers web: gere rapidamente metaetiquetas OG e de cartão do Twitter para novas landing pages, posts de blog ou aplicações web. Copie o trecho HTML exato para colar nos seus templates.
- Gestores de redes sociais: verifique como os links compartilhados aparecerão nas diferentes plataformas sociais antes de publicar. Garanta que imagens, títulos e descrições fiquem profissionais e alinhados à marca em todos os lugares.
- Criadores de conteúdo e blogueiros: rascunhe e visualize como seus posts e artigos aparecerão quando compartilhados. Faça seu conteúdo se destacar em feeds sociais saturados com metadados OG atraentes.
- Startups e lançamentos de produto: configure tags adequadas de pré-visualização social para páginas de lançamento, landing pages e campanhas de marketing. A primeira impressão conta: faça seus links parecerem premium em todos os lugares.
- Donos de lojas de e-commerce: gere tags OG para páginas de produto e mostre pré-visualizações ricas com imagens do produto, preços e descrições ao compartilhar nas redes sociais. Atraia mais tráfego a partir dos compartilhamentos sociais.
Entendendo as tags de Open Graph e redes sociais
- Tags Open Graph essenciais explicadas: estas são as tags mais importantes. og:title define o título do seu conteúdo (idealmente 40-60 caracteres), enquanto og:description fornece um resumo de 2-3 frases (150-200 caracteres). Juntas, formam a pré-visualização de texto que os usuários veem antes de clicar.
- og:image e og:image:width/height: a imagem OG é a âncora visual do seu cartão social. O tamanho recomendado é 1200×630 pixels (proporção 1,91:1) para exibição ideal em todas as plataformas. Especifique sempre largura e altura para evitar deslocamentos de layout durante o carregamento da imagem.
- og:url e og:type: og:url define a URL canônica do conteúdo compartilhado; todos os sinais sociais apontam para essa URL. og:type informa às plataformas que tipo de conteúdo você compartilha (website, article, video.movie, music.song etc.) para renderização correta.
- Cartões do Twitter: o Twitter/X usa suas próprias metaetiquetas (twitter:card, twitter:site, twitter:creator) junto com as tags OG. Use summary_large_image para um cartão com foto em destaque, ou summary para um cartão compacto com miniatura. O Twitter recorre aos valores OG quando tags específicas do Twitter não são fornecidas.
- Requisitos de imagem e boas práticas: as imagens OG devem ter pelo menos 600×315 pixels, mas 1200×630 pixels são recomendados para telas de alta densidade. Imagens menores que 200×200 pixels não serão exibidas no Facebook.
Perguntas frequentes
Um gerador de Open Graph é uma ferramenta que ajuda a criar as metaetiquetas (tags OG) necessárias para pré-visualizações ricas nas redes sociais. Quando você compartilha um link no Facebook, LinkedIn, X/Twitter ou Slack, essas plataformas usam as tags OG para exibir um cartão com título, descrição e imagem. Nosso gerador oferece um formulário simples para inserir seus dados e visualizar na hora como o link aparecerá em várias plataformas.
As tags Open Graph (og:title, og:image etc.) são usadas pelo Facebook, LinkedIn, Discord, Slack e muitas outras plataformas. Os cartões do Twitter são tags específicas do Twitter/X (twitter:card, twitter:site, twitter:creator) que dão controle adicional sobre como seu conteúdo aparece no Twitter. O Twitter também aceita tags OG como alternativa: se tags específicas do Twitter não forem fornecidas, o Twitter usará os valores OG.
O tamanho de imagem OG recomendado é 1200×630 pixels com proporção de 1,91:1. Isso garante exibição ideal no Facebook, LinkedIn, Twitter e na maioria das outras plataformas. O tamanho mínimo aceitável é 600×315 pixels. Use sempre imagens de alta resolução para exibição nítida em telas Retina e de alta densidade.
Há várias razões comuns: (1) a URL da imagem não é absoluta (deve começar com https://), (2) a imagem é muito pequena (menos de 200×200 pixels), (3) o formato da imagem não é compatível, (4) o servidor bloqueia rastreadores ou (5) a plataforma armazenou em cache uma versão mais antiga. Use o Facebook Sharing Debugger ou o Twitter Card Validator para diagnosticar e atualizar.
Use estas ferramentas oficiais de depuração: Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator) e LinkedIn Post Inspector (linkedin.com/post-inspector). Insira sua URL para ver como cada plataforma lê suas tags e para limpar as pré-visualizações em cache.
Para títulos OG (og:title), mire em 40-60 caracteres. O Facebook exibe até ~90 caracteres antes de truncar. Para descrições OG (og:description), fique dentro de 150-200 caracteres. Os títulos do Twitter devem ter menos de 70 caracteres para exibição ideal.
É boa prática incluir os dois. Embora o Twitter aceite tags OG como alternativa, fornecer cartões do Twitter explícitos dá controle total sobre como o conteúdo aparece no X/Twitter, com suporte ao tipo de cartão summary_large_image e atribuição do criador.
Não. Todas as URLs de imagem OG e do Twitter devem ser URLs absolutas começando com https://. Os rastreadores das plataformas sociais buscam o código-fonte da sua página e precisam de uma URL completa para baixar a imagem. Caminhos relativos não funcionarão porque o rastreador não consegue resolvê-los.
Sim, nosso gerador de Open Graph é 100% gratuito e roda inteiramente no seu navegador. Nenhuma URL de página, título, descrição ou URL de imagem é jamais enviada a nenhum servidor. Seus dados permanecem privados e nunca saem do seu dispositivo.