Glossary
Content

What is Open Graph? Definition & How It Works

Quick definition

Open Graph é um conjunto de meta tags HTML que controlam como o título, a descrição e a miniatura de um URL aparecem quando alguém partilha o link nas

Content

Open Graph, explained

Part of the SocialKit social media glossary — browse every term.

O que é o Open Graph

Open Graph (OG) é um protocolo web — introduzido pelo Facebook em 2010 e amplamente adotado desde então — que define um conjunto de meta tags HTML permitindo aos proprietários de páginas especificar como os seus URLs são pré-visualizados quando partilhados nas redes sociais. As quatro tags principais são og:title (o título no cartão de pré-visualização), og:description (o texto resumo), og:image (a miniatura) e og:url (o endereço canónico). Sem estas tags, as plataformas tentam extrair as mesmas informações automaticamente do texto da página e de outros metadados, com resultados inconsistentes e muitas vezes pouco favoráveis.

Por que as pré-visualizações de links são importantes

Quando publicas um URL numa rede social, a plataforma vai buscar as tags Open Graph da página e monta o cartão de pré-visualização que o público vê abaixo da publicação — a imagem, o título e a descrição. Muitos utilizadores decidem se clicam com base nesse cartão, muitas vezes sem sequer ler a legenda. Um og:image bem elaborado e um og:title escrito a pensar no leitor podem superar claramente uma pré-visualização genérica extraída automaticamente — que pode ter apanhado o logótipo do site e um título HTML escrito para SEO em vez de para a partilha social.

Um exemplo concreto

Uma empresa partilha o URL de um artigo do blog no LinkedIn sem tags Open Graph. O cartão de pré-visualização seleciona automaticamente um cabeçalho genérico do site e exibe o título HTML da página: "Blog – Nome da Empresa." Depois de adicionar og:title ("Cinco erros de preço que destroem a conversão"), og:description (uma frase com o benefício para o leitor) e og:image (um visual criado para o efeito), o mesmo URL obtém significativamente mais cliques nas partilhas seguintes — a única mudança foi o que o cartão de pré-visualização comunicou.

Como implementar e verificar as tags Open Graph

As tags OG são colocadas dentro do elemento <head> de uma página HTML. A maioria dos sistemas de gestão de conteúdo e frameworks suportam-nas nativamente ou através de plugins amplamente disponíveis. Após publicar ou atualizar as tags, valida a pré-visualização com o Sharing Debugger do Facebook ou o Post Inspector do LinkedIn. Ambas as ferramentas mostram uma pré-visualização em tempo real, listam as tags detetadas e oferecem uma opção para limpar a cache que força a plataforma a ir buscar os metadados atualizados — essencial quando as tags de um URL já partilhado anteriormente foram alteradas.

Where SocialKit fits

Cada link que agendas através do SocialKit beneficia de tags Open Graph bem configuradas — o cartão de pré-visualização é o que o teu público vê primeiro no feed, e o analytics integrado do SocialKit mostra quais os links que geraram mais cliques, permitindo-te ligar a qualidade do OG ao tráfego real.

Start My Free Trial

€0.00 due today · cancel anytime · 7-day money-back guarantee

FAQ

Open Graph: common questions

Quick answers to the questions people ask most about this term.

Stop memorizing metrics — start scheduling

SocialKit posts to all 11 platforms from one calendar and tracks how every post performs, so the numbers explain themselves. Try it free for 7 days.

Start My Free Trial

€0.00 due today · cancel anytime · 7-day money-back guarantee