Log in Sign up free

Open Graph Generator

Create Open Graph tags so your links look stunning on social media.

Runs instantly in your browser — results update as you type.

What is an Open Graph generator?

An Open Graph generator creates the <meta property="og:…"> tags that control how a link is previewed on Facebook, LinkedIn, WhatsApp, Slack and Discord — title, description, image, URL, type and site name — and shows a live preview while you type.

The tags it creates

  • og:title — the headline of the preview. Can differ from your SEO title; make it conversational.
  • og:description — one or two sentences; many apps show only the first line.
  • og:image — 1200 × 630 px, absolute HTTPS URL. The single biggest factor for clicks.
  • og:url — the canonical URL of the page, so shares of tagged URLs consolidate.
  • og:type — website for home/landing pages, article for posts, product for shop items.
  • og:site_name and og:locale — brand name and language (e.g. en_US).

Designing the share image

  1. Use 1200 × 630 pixels and keep important text inside the central 80 %.
  2. Large, bold text (5–8 words) reads well even as a small thumbnail.
  3. Use brand colours and a logo, but avoid tiny print.
  4. Export as JPG (photos) or PNG (graphics) under 5 MB.

Installing

Paste the tags inside the <head>. In WordPress, SEO plugins have a "Social" tab for these fields. After publishing, verify with the Open Graph Checker and refresh caches with Facebook's Sharing Debugger and LinkedIn's Post Inspector.

Add X-specific tags with the Twitter Card Generator.

Frequently asked questions

What is the best Open Graph image size?

1200 × 630 pixels (1.91:1), under 5 MB, as JPG or PNG, linked with an absolute HTTPS URL.

Is og:url required?

It is recommended. It tells platforms which URL to attribute shares to, so shares of tracking-tagged links count toward the clean page.

Can og:title be different from my page title?

Yes. The SEO title targets search; og:title can be more conversational for social feeds.

Which og:type should I use?

Use website for home and landing pages, article for blog posts and news, and product for shop items.

Do I still need Twitter cards?

X reads Open Graph tags, but add twitter:card with summary_large_image to get the large image layout.