Gerador Open Graph
Gere tags Open Graph para compartilhamento em redes sociais
O que é Open Graph Protocol?
Open Graph (OG) é um protocolo criado pelo Facebook (Meta) que permite controlar como o conteúdo do seu site aparece quando compartilhado em redes sociais. Sem tags OG, o Facebook, LinkedIn, WhatsApp e outros serviços tentam adivinhar o título, descrição e imagem da página, muitas vezes de forma imprevisível.
As tags OG essenciais são: og:title (título que aparece no card), og:description (texto descritivo abaixo do título), og:image (imagem destaque — recomendado 1200x630px para máxima qualidade) e og:url (URL canônica da página). Essas tags transformam um link genérico em um card visualmente atrativo que aumenta drasticamente o engajamento.
Facebook vs Twitter Cards: O Facebook usa o protocolo Open Graph (og:*), enquanto o Twitter usa suas próprias meta tags (twitter:card, twitter:title, etc). Para cobertura completa, implemente ambos. O Twitter aceita tags OG como fallback, mas tags dedicadas do Twitter garantem compatibilidade total.
Melhores Práticas para Open Graph
- Use imagem com resolução mínimo 1200x630px (proporção 1.91:1) para melhor qualidade nos cards.
- O título OG pode ser diferente do <title> — adapte para o contexto de redes sociais (mais chamativo).
- Até 300 caracteres na descrição OG, mas 100-150 caracteres é o ideal para não ser cortado.
- Use
og:type= "article" para blogs e "website" para páginas institucionais. - Validas suas tags OG com o Facebook Sharing Debugger e o Twitter Card Validator.
- Atualize as tags OG sempre que mudar título, descrição ou imagem da página.
Perguntas Frequentes
Open Graph afeta o SEO do Google?
Indiretamente, sim. Tags OG não são um fator de ranqueamento direto do Google, mas influenciam o compartilhamento nas redes sociais, o que gera tráfego e backlinks naturais. Além disso, o Google pode usar as tags OG como sinal para entender o conteúdo da página quando as meta tags tradicionais estão ausentes.
Qual o tamanho ideal da imagem og:image?
O ideal é 1200x630 pixels (proporção 1.91:1). Mínimo recomendado é 600x315px. O tamanho máximo do arquivo deve ser menor que 8MB (Facebook). Use formato JPG ou PNG. Imagens muito menores ficam borradas nos cards. Para LinkedIn, 1200x627px é recomendado.
Por que minha imagem OG não aparece no Facebook?
Após adicionar ou alterar tags OG, use o Facebook Sharing Debugger para depurar e forçar a atualização do cache. O Facebook cacheia as URLs. Outras causas: imagem muito pequena, URL da imagem retornando erro 403/404, ou a imagem não estar acessível publicamente (firewall/bloqueio).
Preciso de Open Graph mesmo sem rede social?
Sim. WhatsApp, Telegram, Discord, Slack e outros serviços também usam tags OG para gerar preview de links. Mesmo que não use Facebook ou Twitter, seus usuários provavelmente compartilham links nesses plataformas. Ter cards bem formatados aumenta a credibilidade e taxa de cliques.
Como testar se as tags OG estão funcionando?
Use o Facebook Sharing Debugger (developers.facebook.com/tools/debug) para Facebook/WhatsApp, e o Twitter Card Validator (cards-dev.twitter.com/validator) para Twitter. Ambos mostram exatamente como o card aparecerá e erros de validação das tags.
As tags Open Graph geradas devem ser colocadas na seção <head> do HTML. Para validação completa, use o Facebook Sharing Debugger e o Twitter Card Validator após publicar. Lembre-se de incluir também as Twitter Cards para cobertura máxima.