Utilumo
LightDarkSystem
Explainer1 min readUpdated July 19, 2026

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">
Core Open Graph and Twitter tags

The tags that matter most

  • og:title and og:description — the headline and summary of the card
  • og:image — the preview image; use an absolute HTTPS URL
  • og:url — the canonical URL of the page
  • og:type — usually website or article
  • twitter:cardsummary_large_image for a big image, or summary
Image size and absolute URLsFor a large card, a 1200x630 px image works well. Social crawlers cannot resolve relative paths, so og:image and og:url must be absolute (https://...).
Try it: Open Graph & Meta Tag GeneratorFill in your page details to generate SEO, Open Graph, and Twitter tags.Open tool

References

Questions

Do I need both Open Graph and Twitter tags?

Twitter/X falls back to Open Graph tags when Twitter-specific ones are missing, so og: tags cover most cases. Add twitter:card to control the card style on X.

Why does my preview not update?

Platforms cache previews. After changing tags, use the platform's debugger (for example the Facebook Sharing Debugger) to re-scrape the URL.

Does this send my data anywhere?

No. Utilumo's developer tools parse and transform input inside the browser tab. Nothing is uploaded, stored, or logged.

Keep reading