Open Graph
termweb dev
Stands for: Open Graph protocol
A small set of HTML meta tags that tell other sites how to display a link to your page - the title, image, and description in the preview card.
Introduced by Facebook in 2010 and specified at ogp.me, Open Graph turns a page into a shareable object through tags in the head like og:title, og:image, og:description, og:url, and og:type. Its reach far outgrew Facebook: paste a link into Slack, Discord, LinkedIn, WhatsApp, iMessage, or X and the rich preview you see is almost always read from these tags (X layers its own twitter:card tags on top, falling back to OG). The most common real-world lesson is that the crawler reads the STATIC HTML, so a link preview reflects whatever OG tags are in the served markup, not anything rendered later by JavaScript - which is why single-page apps so often paste as a blank card until they pre-render their tags. This very site generates an OG image per page at build time for exactly this reason.
Also known as: OG, og tags, og:image, Open Graph protocol, OGP