Neste artigo
O que são as tags Open Graph?
O Open Graph (OG) é um protocolo criado pelo Facebook em 2010 que permite que qualquer página da web controle como ela aparece quando é compartilhada nas redes sociais. Ao adicionar tags meta específicas ao head do seu HTML, você pode definir o título, a descrição, a imagem e a URL que aparecem nas prévias dos links.
Sem as tags Open Graph, as plataformas sociais tentam extrair uma prévia automaticamente, muitas vezes produzindo resultados pouco atraentes, com imagens erradas, títulos truncados ou descrições ausentes. As tags OG dão a você controle total sobre a aparência social do seu conteúdo.
Como funcionam as prévias do Open Graph
Quando alguém compartilha uma URL nas redes sociais, o rastreador da plataforma busca a página e lê suas tags meta de Open Graph. As quatro propriedades obrigatórias definem o cartão de prévia mínimo viável.
- og:title — o título exibido no cartão de prévia do link, normalmente de 60 a 90 caracteres para uma exibição ideal em todas as plataformas
- og:description — um breve resumo exibido abaixo do título, de preferência com 150 a 200 caracteres para evitar o truncamento
- og:image — a URL da imagem de prévia, recomendada em 1200x630 pixels para Facebook e LinkedIn, exibida como um cartão grande ou uma miniatura
Experimente gratuitamente — sem cadastro
Visualize suas tags Open Graph →Quando usar uma ferramenta de prévia de OG
Testar suas tags Open Graph antes de compartilhar é essencial para ter uma presença profissional nas redes sociais.
- Marketing em redes sociais — visualize como as postagens de blog, as páginas de produto e as páginas de destino aparecem no Facebook, no Twitter e no LinkedIn antes de compartilhá-las
- Auditoria de SEO — verifique se as tags OG correspondem ao título e à descrição da sua página, garantindo uma mensagem consistente nos canais de busca e sociais
- Apps de mensagens — plataformas como Slack, Discord, WhatsApp e Telegram também usam as tags OG para gerar prévias de links, o que torna a qualidade das tags importante além das redes sociais
Perguntas frequentes
Qual é o tamanho ideal da imagem OG?
O tamanho de imagem OG recomendado é de 1200 x 630 pixels (proporção de 1,91:1) para uma exibição ideal no Facebook e no LinkedIn. Os cartões do Twitter funcionam melhor a 1200 x 628 pixels. Mantenha o conteúdo importante centralizado, já que algumas plataformas cortam as bordas. Use o formato JPEG ou PNG e mantenha o tamanho do arquivo abaixo de 1 MB para um carregamento rápido.
Preciso das tags OG e das tags de Twitter Card ao mesmo tempo?
Os cartões do Twitter (twitter:title, twitter:description, twitter:image) podem recorrer às tags OG se não forem especificados. No entanto, configurar ambos dá a você controle específico por plataforma. Por exemplo, você pode querer um título mais curto no Twitter. No mínimo, configure as tags OG: elas oferecem a cobertura mais ampla em todas as plataformas.
Como faço para depurar tags OG que não estão sendo atualizadas?
As plataformas sociais armazenam os dados de OG em cache de forma agressiva. O Sharing Debugger do Facebook permite rastrear novamente uma URL para atualizar o cache. O Card Validator do Twitter faz o mesmo com os cartões do Twitter. O Post Inspector do LinkedIn cuida do cache do LinkedIn. Depois de atualizar suas tags OG, use essas ferramentas para forçar uma atualização do cache antes de compartilhar.