Open Graph Generator

Why Open Graph tags drive clicks

When your link is shared on X, Facebook, LinkedIn, Slack, Discord or iMessage, those platforms build a preview card from your Open Graph meta tags. A rich card with an image, headline and description gets far more clicks than a bare grey link — a missing og:imagealone can halve your click-through. This generator produces the full, correct tag set; here’s what each field does.

Every field, explained

• og:title — the card’s headline. Keep it under ~60 characters so it isn’t truncated.
• og:description — the snippet under the title. Aim for under ~200 characters.
• og:image — the single biggest driver of shares. Size it 1200×630 (1.91:1), under ~5 MB, at an absolute HTTPS URL (relative URLs break on many scrapers).
• og:url — the canonical URL of the page. Always absolute.
• og:site_name — your brand name, shown above the card on some platforms.
• og:type — website for most pages, article for blog posts, product for products. Platforms use it to pick the card layout.
• twitter:card — summary_large_image gives X a big image; summary gives a small thumbnail. X falls back to your og: tags for the rest.
• twitter:site — your brand’s @handle, attributed on the X card.

Common mistakes

• Relative image URLs — many scrapers require absolute https:// URLs.
• Client-rendered tags — most preview bots don’t run JavaScript; server-render your OG tags.
• Stale caches — platforms cache previews. After changing tags, force a re-scrape with the platform’s debugger (Facebook Sharing Debugger, LinkedIn Post Inspector).

Related tools & guides

• Link Preview & OG Checker — see how your card renders on Google, X, Facebook, LinkedIn and Slack.
• Guide: Open Graph & Twitter Cards.