Criado pelo Facebook em 2010, o Open Graph é um protocolo que usa metaetiquetas no HTML de uma página web para controlar o título, a descrição e a imagem que as plataformas de redes sociais exibem quando alguém compartilha um link. Para os profissionais de marketing, isso representa uma oportunidade de decidir o que as pessoas veem antes de clicar.​​ ​

Como o Open Graph funciona?​​ ​

Quando alguém compartilha uma URL, rastreadores do Facebook, LinkedIn e X (antigo Twitter) leem as metaetiquetas og: no <head> da página e as usam para criar o cartão de pré-visualização. Quando elas não estão presentes, as plataformas tentam adivinhar o título, a descrição e a imagem.​​ ​

O protocolo Open Graph indica quatro etiquetas obrigatórias para cada página:​​ ​

  • og:title: o título exibido na pré-visualização​​ ​
  • og:type: o tipo de conteúdo, como artigo ou website​​ ​
  • og:image: a URL da imagem que aparece na pré-visualização​​ ​
  • og:url: a URL canônica da página​​ ​

og:description é uma etiqueta opcional comum que define o texto de resumo da pré-visualização. Teste suas pré-visualizações com o Depurador de Compartilhamento do Facebook ou o Post Inspector do LinkedIn antes da publicação.​​ ​

Vantagens do Open Graph​​ ​

O Open Graph permite controlar a aparência dos seus links compartilhados, e as pré-visualizações permanecem alinhadas à sua marca em todas as plataformas que leem as etiquetas. Combine sua og:image com os tamanhos de imagem corretos para redes sociais para que ela seja exibida da maneira pretendida. Uma imagem e um título impactantes geram mais cliques e mais compartilhamentos boca a boca.​​ ​

Como usar o Open Graph​​ ​

É possível adicionar etiquetas do Open Graph manualmente, com um plugin ou com um sistema de gerenciamento de conteúdo (CMS). Siga estas etapas para fazer a configuração:​​ ​

  1. Abra o código HTML da sua página. Encontre a seção <head> da página que você quer controlar. Em um CMS como o WordPress, um plugin de SEO fornece campos para cada etiqueta, eliminando a necessidade de editar o código.​​ ​
  2. Adicione as quatro etiquetas obrigatórias, que são og:title, og:type, og:image e og:url. Confira um exemplo:​​ ​

<meta property=”og:title” content=”Título da sua página” />​​ ​
<meta property=”og:type” content=”artigo” />​​ ​
<meta property=”og:image” content=”https://exemplo.com/imagem.jpg” />​​ ​
<meta property=”og:url” content=”https://exemplo.com/sua-pagina” />​​ ​

  1. Adicione uma etiqueta og:description. Escreva uma ou duas frases para informar às pessoas o que elas encontrarão na página.​​ ​
  2. Escolha a imagem correta. Use uma imagem de alta resolução que corresponda ao tamanho recomendado para as plataformas em que pretende fazer o compartilhamento. Adote uma URL completa, não um caminho relativo.​​ ​
  3. Faça testes antes da publicação. Passe a URL no Depurador de Compartilhamento do Facebook ou no Post Inspector do LinkedIn para visualizar o cartão e limpar quaisquer versões armazenadas em cache.​​ ​

Inicie um teste grátis e agende e publique seus posts com links usando as ferramentas de publicação do Sprout Social.​​ ​