What are Open Graph tags?
Short answer
Open Graph (og:) meta tags are <meta> tags in a page's <head> that tell social platforms the title, description, and preview image to show for a shared link. Twitter Cards add twitter: tags for the same purpose on X.
How a shared link becomes a rich card
When you paste a link into a chat or social post, the platform fetches the page and reads its Open Graph tags to build a preview card. Without them, it guesses — often badly. With them, you control the title, summary, and image.
<meta property="og:title" content="Example page title">
<meta property="og:description" content="A short summary.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/">
<meta property="og:image" content="https://example.com/og.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://example.com/og.png">The tags that matter most
og:titleandog:description— the headline and summary of the cardog:image— the preview image; use an absolute HTTPS URLog:url— the canonical URL of the pageog:type— usuallywebsiteorarticletwitter:card—summary_large_imagefor a big image, orsummary