Open Graph

termo

desenvolvimento web

Significa: Open Graph protocol

Um pequeno conjunto de meta tags HTML que dizem a outros sites como exibir um link para a sua página - o título, a imagem e a descrição no cartão de prévia.

Introduzido pelo Facebook em 2010 e especificado em ogp.me, o Open Graph transforma uma página em um objeto compartilhável por meio de tags no cabeçalho como og:title, og:image, og:description, og:url e og:type. Seu alcance cresceu muito além do Facebook: cole um link no Slack, Discord, LinkedIn, WhatsApp, iMessage ou X e a prévia rica que aparece é quase sempre lida dessas tags (o X sobrepõe suas próprias tags twitter:card, com recuo para o OG). A lição mais comum no mundo real é que o rastreador lê o HTML ESTÁTICO, então a prévia do link reflete as tags OG no markup servido, e não algo renderizado depois por JavaScript - por isso aplicações de página única tantas vezes aparecem como um cartão em branco até pré-renderizarem suas tags. Este próprio site gera uma imagem OG por página em tempo de build exatamente por isso.

Também conhecido como: OG, og tags, og:image, Open Graph protocol, OGP

Todos os verbetes do glossário