web dev//SEO//Open Graph

Open Graph is a protocol (originally by Facebook, 2010) that controls how URLs preview when shared on social platforms: the title, description and image that appear in link cards. A link shared without Open Graph tags shows a bare URL; with them, it shows a rich card, with dramatically higher click-through rates.

Open Graph is a protocol (originally by Facebook, 2010) that controls how URLs preview when shared on social platforms: the title, description and image that appear in link cards. A link shared without Open Graph tags shows a bare URL; with them, it shows a rich card, with dramatically higher click-through rates.

It is implemented as <meta property="og:..."> tags in the <head>, with the core properties og:title, og:description, og:image, og:url and og:type (the machine-readable metadata written for search engines and AI instead is structured data).

Twitter has its own variant (twitter:card, twitter:title and so on) but falls back to the Open Graph tags when its own are absent.

SPAs face a specific problem: social crawlers do not execute JavaScript and read the raw HTML <head>, so an SPA needs server-side or edge-function injection of the tags for each page.

Open Graph is not a search ranking factor, but it improves social discoverability and click-through, which indirectly affects SEO.