Metadados // Artigos

O que são meta tags Open Graph

Fundamentos de OGP para controlar título, descrição, imagem e URL quando um link é compartilhado.

Meta tags Open Graph informam como uma página deve aparecer ao ser compartilhada em redes sociais, chats ou serviços de favoritos. Elas não alteram a página visível; fornecem metadados para montar a prévia do link.

Comece por quatro campos

Os campos principais são og:title, og:description, og:image e og:url. Quando esses valores são claros e acessíveis, serviços externos têm mais chance de mostrar a prévia correta.

<meta property="og:title" content="Page title" />
<meta property="og:description" content="Short page description." />
<meta property="og:image" content="https://example.com/ogp.png" />
<meta property="og:url" content="https://example.com/page" />
  • og:title não está vazio
  • og:description combina com o conteúdo
  • og:image é URL absoluta e pública
  • og:url não conflita com a URL canônica
  • Metadados antigos não ficaram após mudanças de template

Referências