Este guia explica o que é Open Graph, quais tags são obrigatórias, que tamanho a imagem precisa ter, se as tags influenciam o SEO, como testar e limpar o cache em cada rede e como configurar na sua plataforma.
O que é Open Graph?
Quando alguém cola um link no WhatsApp e aparece um cartão com imagem, título e descrição, aquele cartão foi montado a partir das tags Open Graph da página. São meta tags no <head> do HTML, todas começando com og:, que descrevem a página como um "objeto" compartilhável:
1<meta property="og:title" content="Open Graph: o que é e como configurar as tags og:">2<meta property="og:description" content="Título, descrição e imagem do cartão de prévia.">3<meta property="og:image" content="https://iloveseo.com.br/media/iloveseo-capa-open-graph.webp">4<meta property="og:url" content="https://iloveseo.com.br/blog/open-graph">5<meta property="og:type" content="article">
O protocolo está documentado em ogp.me, o site oficial mantido desde a criação pelo Facebook. A ideia era permitir que qualquer página fosse tratada como um objeto no grafo social, com os mesmos campos de um post. Hoje o uso vai muito além do Facebook: WhatsApp, LinkedIn, Slack, Telegram e outros aplicativos de mensagem leem essas tags, e o Google Discover aceita a og:image como fonte da imagem grande.
Sem Open Graph, cada aplicativo tenta adivinhar: pega o <title>, a primeira imagem que encontra (às vezes o logo, às vezes um ícone) e um trecho qualquer do texto. O resultado é um cartão com imagem errada ou sem imagem, o que reduz o clique e passa descuido.
Quais tags Open Graph são obrigatórias?
O protocolo em ogp.me define quatro propriedades como obrigatórias para qualquer página:
Tag | O que é | Exemplo |
|---|---|---|
| O título do objeto "como deve aparecer no grafo" | Título do artigo ou do produto, sem o nome do site |
| O tipo do objeto |
|
| A URL da imagem que representa o objeto | URL absoluta da capa, 1200×630 |
| A URL canônica do objeto, usada como identificador permanente | A mesma URL da tag canonical |
Fonte: The Open Graph protocol, ogp.me, propriedades básicas, consultado em setembro de 2026.
As opcionais que valem preencher, segundo o mesmo protocolo: og:description (o texto abaixo do título no cartão), og:site_name (o nome do site), og:locale (pt_BR) e, para imagem, as propriedades estruturadas og:image:width, og:image:height e og:image:alt.
As dimensões não são frescura. A documentação de compartilhamento da Meta explica que "a primeira pessoa que compartilha um conteúdo não verá a imagem renderizada", porque o rastreador ainda não processou a imagem; declarar og:image:width e og:image:height resolve isso, porque o cartão consegue reservar o espaço antes de baixar o arquivo.
O WhatsApp tem regras próprias, documentadas pela Meta na página de prévias de link da plataforma de mensagens: ele lê og:title (mostra até duas linhas em negrito), og:description (80 caracteres bastam, o resto é cortado), og:url e og:image, que precisa ser uma URL absoluta (o endereço completo, começando com https://). E um detalhe que derruba prévias em sites pesados: o <head> com as tags precisa estar nos primeiros 300 KB do HTML, porque o rastreador do WhatsApp não lê além disso.
Que tamanho a og:image deve ter?
A referência é a documentação de imagens em compartilhamento de links da Meta, que vale para Facebook e serve de padrão para as outras redes:
- Recomendado: 1200 × 630 pixels. A documentação pede "pelo menos 1200 × 630" para telas de alta resolução.
- Proporção: o mais perto possível de 1,91:1. É a proporção de 1200 por 630. Imagem quadrada ou vertical é cortada.
- Mínimo recomendado: 600 × 315. É o piso que a documentação da Meta indica para o cartão com imagem grande.
- Mínimo absoluto: 200 × 200. Menor que isso, nada aparece.
- Peso máximo: 8 MB no Facebook. O WhatsApp é mais restritivo: a documentação pede imagem abaixo de 600 KB, com pelo menos 300 pixels de largura e proporção de até 4:1.
Fonte: Meta for Developers, "Images in Link Shares" e "Link Previews" da WhatsApp Business Platform, consultadas em setembro de 2026.
Na prática: uma imagem de 1200 × 630 em WebP ou JPEG com qualidade 80 fica entre 80 e 200 KB, cabe em todas as regras e é o que este blog usa nas capas. O guia de SEO para imagens mostra como chegar nesse peso sem perder qualidade.
Duas armadilhas: imagem com texto pequeno, que fica ilegível no cartão do celular, e logo como og:image, que a documentação do Google Discover pede explicitamente para evitar. O cartão é uma vitrine de 1200 por 630; a imagem precisa funcionar como capa, não como identidade.
Open Graph influencia o SEO?
Não diretamente. A lista de meta tags que o Google suporta, na documentação do Search Central, não inclui as tags Open Graph, e o Google nunca as descreveu como sinal de ranqueamento.
Existem, porém, dois usos indiretos documentados:
- Título nos resultados. A documentação do Google sobre como influenciar o título exibido nos resultados (title link) lista as fontes que ele considera, e entre elas está "conteúdo em meta tags og:title". Quando o
<title>da página é ruim, o Google pode preferir o og:title. O guia de como escrever títulos trata do resto. - Imagem no Discover. A documentação do Google Discover pede imagens "de pelo menos 1200 pixels de largura" e diz para "usar marcação schema.org ou a meta tag og:image para especificar uma imagem grande". A og:image é um dos dois caminhos aceitos.
O efeito principal, no entanto, é fora da busca: um link com cartão bonito é clicado mais vezes no WhatsApp e nas redes sociais, e esse tráfego, mais as menções e links que vêm dele, é o que alimenta o SEO por tabela. No Brasil, onde muito link circula pelo WhatsApp, a prévia é a primeira impressão do conteúdo.
Como testar e limpar o cache no WhatsApp, Facebook e LinkedIn?
Cada rede tem cache próprio, e o comportamento diferente entre elas confunde. Por rede:
Facebook e Instagram. O Sharing Debugger, em developers.facebook.com/tools/debug, mostra as tags que o rastreador leu, os erros e avisos, e dispara uma nova leitura da página, o que atualiza o cache. Exige login no Facebook. A documentação da Meta avisa que "imagens são armazenadas em cache com base na URL e não são atualizadas a menos que a URL mude": se você trocou a imagem mantendo o nome do arquivo, o Facebook continua mostrando a antiga até o novo scrape.
LinkedIn. O Post Inspector, em linkedin.com/post-inspector, faz o mesmo papel. A ajuda do LinkedIn avisa que "a janela de prévia pode mostrar uma imagem antiga em cache" e que as mudanças valem só para posts novos; os já publicados mantêm o cartão antigo.
WhatsApp. Não existe ferramenta oficial de depuração, e a documentação da Meta não informa por quanto tempo a prévia fica em cache. O que funciona na prática é mudar a URL da imagem quando ela for trocada (capa.webp vira capa-v2.webp, ou ?v=2 no fim) e, para testar, enviar o link para si mesmo com um parâmetro novo na URL da página, que o WhatsApp trata como link diferente.
X (Twitter). Usa as próprias tags twitter:card, twitter:title, twitter:description e twitter:image, e, segundo a prática documentada por desenvolvedores, usa as tags og: correspondentes quando as twitter: não existem. Na prática, basta o Open Graph completo mais uma linha twitter:card com valor summary_large_image para o cartão grande. O antigo validador de cards deixou de mostrar prévia, segundo relatos de desenvolvedores; hoje o teste é no próprio compositor de post.
Slack e Telegram. Leem Open Graph sem ferramenta oficial de teste; a forma de forçar uma prévia nova é a mesma do WhatsApp, mudar a URL.
Um teste que serve para todos: abra a página, clique com o botão direito, "Ver código-fonte", e procure og:. Se as tags estão lá com URLs absolutas (https://...), o problema é cache; se não estão, é configuração.
Como configurar Open Graph na sua plataforma?
WordPress. Yoast SEO e Rank Math geram as tags Open Graph de todas as páginas a partir do título, da meta description e da imagem destacada, com um painel "Social" em cada post para personalizar título, descrição e imagem só para compartilhamento. É o caminho para quem não quer mexer em código.
Shopify. Os temas geram og: a partir do título e da imagem do produto. A imagem de compartilhamento do site fica em Loja virtual > Preferências > Imagem de compartilhamento nas redes sociais.
Wix e Webflow. Os dois têm campos de "compartilhamento social" nas configurações de SEO de cada página, com prévia do cartão.
Next.js e sites feitos à mão. No Next.js, o objeto metadata exportado da página aceita openGraph: { title, description, images: [{ url, width, height, alt }] } e gera as tags. Em HTML puro, são cinco linhas no <head>, como no exemplo da primeira seção, e a regra que costuma derrubar prévia é a URL relativa na imagem.
Em todos os casos, a checagem final é a mesma: colar a URL no Sharing Debugger da Meta e no Post Inspector do LinkedIn e ver se título, descrição e imagem batem com o esperado. Se a página já tem dados estruturados, confira que a imagem do Article e a og:image são a mesma, para o Discover e as redes mostrarem a mesma capa.
Conclusão
Open Graph é o conjunto de meta tags que define o cartão de prévia de um link no WhatsApp, no Facebook, no LinkedIn e nos aplicativos de mensagem, com quatro tags obrigatórias (título, tipo, imagem e URL) e uma imagem de 1200 por 630 pixels abaixo de 600 KB. Não é fator de ranqueamento, mas é a primeira impressão do conteúdo em cada link compartilhado no WhatsApp. O próximo passo é colar a URL do seu artigo mais compartilhado no Sharing Debugger da Meta e conferir se a imagem que aparece é a que você escolheu.
