O que é Open Graph
Também chamado de: tags OG, og:image, protocolo Open Graph, meta tags de compartilhamento
Open Graph é um protocolo de meta tags que define como uma página aparece quando o link é compartilhado em redes sociais e aplicativos de mensagem: título, descrição, imagem e endereço. Foi criado no Facebook e hoje é lido por plataformas como LinkedIn e WhatsApp. Sem ele, cada plataforma adivinha o que mostrar, e a prévia costuma sair sem imagem ou com o texto errado.
Uma empresa manda para um cliente, pelo WhatsApp, o link da proposta comercial. A página não tem Open Graph: a prévia mostra o nome do domínio, nenhuma imagem e a primeira frase que o aplicativo encontrou, que era o aviso de cookies.
Com quatro tags no cabeçalho, a mesma mensagem passa a mostrar a capa da proposta, o título Proposta para a sua empresa e uma linha de descrição. O link é o mesmo; a primeira impressão é outra.
As tags essenciais
| O que define | Situação | |
|---|---|---|
| og:title | O título da prévia | Obrigatória |
| og:type | O tipo de conteúdo, como website ou article | Obrigatória |
| og:image | A imagem da prévia | Obrigatória |
| og:url | O endereço canônico da página | Obrigatória |
| og:description | Uma ou duas frases de descrição | Recomendada |
| og:site_name | O nome do site | Recomendada |
A imagem é o que mais pesa
- Use endereço absoluto, com https, e uma imagem que abra sem login.
- O tamanho mais usado é 1200 por 630 pixels, o que usamos nas páginas da ROO3.
- Deixe o texto da imagem longe das bordas: alguns formatos de prévia recortam a imagem em quadrado.
- Mantenha o arquivo leve; imagem pesada pode simplesmente não carregar na prévia.
- Uma imagem por página, coerente com o conteúdo, vale mais que a mesma imagem genérica em todas.
Open Graph mesmo em página que não vai para o Google
Uma regra que adotamos depois de errar: toda página ganha Open Graph, inclusive as marcadas com noindex, as internas e as de proposta. O noindex tira a página da busca, mas não impede que alguém cole o link numa conversa, e é justamente nessas páginas, mandadas a um cliente específico, que a prévia mais importa.
Por que a prévia não muda
As plataformas guardam a prévia em cache. Depois de trocar a imagem ou o título, a versão antiga pode continuar aparecendo por um tempo.
O LinkedIn tem o Post Inspector, que lê a página de novo e mostra o que ele enxerga; a Meta tem uma ferramenta equivalente para o Facebook. No WhatsApp, um link já enviado costuma manter a prévia antiga. Um parâmetro novo no fim do endereço, como ?v=2, faz a plataforma tratar o link como novo.
Open Graph e o Google
O Open Graph não foi feito para a busca, mas o Google o lê. O conteúdo de og:title é uma das fontes que o Google considera ao montar o título de um resultado, e og:site_name é uma das fontes para o nome do site que aparece acima dele. Não é fator de ranqueamento anunciado, mas é mais um lugar onde título e nome precisam estar coerentes.
Perguntas frequentes
O que é Open Graph?
É um protocolo de meta tags que define título, descrição, imagem e endereço da prévia de uma página quando o link é compartilhado.
Quais tags Open Graph são obrigatórias?
O protocolo define quatro: og:title, og:type, og:image e og:url. A og:description é recomendada.
Qual o tamanho ideal da imagem og:image?
O tamanho mais usado é 1200 por 630 pixels. O importante é deixar o texto longe das bordas, porque alguns formatos de prévia recortam a imagem.
Por que o WhatsApp mostra a prévia antiga?
Porque as plataformas guardam a prévia em cache. Um parâmetro novo no endereço, como ?v=2, faz o link ser lido de novo.
Open Graph ajuda no SEO?
Indiretamente. O Google considera og:title como uma das fontes do título do resultado e og:site_name para o nome do site, mas o objetivo principal é a prévia em redes e mensageiros.
Termos relacionados
- CTRCTR (Click-Through Rate, ou taxa de cliques) é a porcentagem de pessoas que clicaram depois de ver...
- CanonicalCanonical, ou URL canônica, é a versão que o Google escolhe como principal quando o mesmo conteúdo existe...
- Dados estruturadosDados estruturados são um bloco de código, invisível para o visitante, que descreve o conteúdo da página num...
- SERPSERP é a sigla em inglês de Search Engine Results Page, a página de resultados que o buscador mostra depois...
- Landing pageLanding page, ou página de destino, é a página em que a pessoa chega depois de clicar num anúncio, e-mail...
- CTACTA (Call to Action, ou chamada para ação) é o elemento que convida a pessoa a dar o próximo passo: um botão...
Rodrigo Fávaro
Fundador da ROO3, agência de marketing e tecnologia em São José do Rio Preto. Constrói produtos com IA em produção (Tobia, gerar.app, Pense Mercado) e mantém o AI Benchmark, ranking público de modelos de IA.
X @rodmf LinkedIn rodrigofavaroMarketing que se mede, do anúncio à venda.
A ROO3 monta e opera tráfego pago, SEO e sites com meta, painel e número de verdade. A primeira conversa é gratuita.