Open Graph tags
Also known as: Open Graph, OG tags, og:image, social preview tags
Open Graph tags are HTML meta tags (og:title, og:description, og:image, og:url) that control how a page looks when shared on social platforms and chat apps. They set the title, summary, and preview image of the link card instead of leaving it to guesswork.
- Meta tags that control social share previews
- Core tags: og:title, og:description, og:image, og:url
- og:image around 1200×630 renders best
What Open Graph controls
Open Graph (originally from Facebook) is a small set of <meta property="og:..."> tags in the page head. The key ones are og:title, og:description, og:image, and og:url, which together define the preview card people see when your link is posted on social networks, messaging apps, and Slack.
Without these tags, platforms fall back to scraping whatever title and image they can find, which often produces a wrong or unappealing preview. Setting them explicitly keeps shared links on-brand.
The preview image
The og:image is usually the most impactful tag, since the image dominates the share card. A common recommendation is a 1200×630 pixel image so it renders sharply across platforms without being cropped awkwardly.
Twitter/X uses its own `twitter:card` tags but falls back to Open Graph for missing values, so OG tags cover most platforms with one set of markup.