Open Graph Generator

Generate Open Graph tags and preview the social card.

Title36/60

Description134/160

Canonical URL

Social image URL

1200 × 630 pixels, absolute URL.

Site name

Content type

X card type

X handle

Meta tags for your page headhtml

<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://tools.gamesloop.in/" />
<meta property="og:title" content="Free Online Tools for Everyday Tasks" />
<meta property="og:description" content="Fast, free online tools for calculations, image editing, PDF tasks, text processing and developer utilities. No installation required." />
<meta property="og:image" content="https://tools.gamesloop.in/og-image.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:site_name" content="GamesLoop Tools" />
<meta property="og:locale" content="en_US" />

<!-- X (Twitter) -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Free Online Tools for Everyday Tasks" />
<meta name="twitter:description" content="Fast, free online tools for calculations, image editing, PDF tasks, text processing and developer utilities. No installation required." />
<meta name="twitter:image" content="https://tools.gamesloop.in/og-image.png" />
<meta name="twitter:site" content="@gamesloop" />

Platforms cache scraped metadata aggressively. After changing your tags, force a re-scrape with the Facebook Sharing Debugger or LinkedIn Post Inspector — otherwise the old preview persists for days.

What does Open Graph Generator do?

Build Open Graph meta tags and see how the link will look when shared on Facebook, LinkedIn, WhatsApp and Slack. Image dimensions and required properties are validated as you type.

How to Use Open Graph Generator

1
Enter title, description and URLThe preview updates live.
2
Add an image URLAbsolute, ideally 1200 × 630.
3
Check each platform previewThey crop and truncate differently.
4
Copy the tagsPaste them into your page head.

Key Features

All core og: properties plus article and product extensions
Live previews styled after Facebook, LinkedIn, WhatsApp and Slack
Validation for missing required properties and relative image URLs
Image dimension guidance with the 1.91:1 ratio checked
X (Twitter) card tags generated alongside
Copy the complete tag block

Frequently Asked Questions

What size should an Open Graph image be?

1200 × 630 pixels, a ratio of about 1.91:1, under 8 MB. Smaller than 600 × 315 and platforms fall back to a small thumbnail instead of the large card.

Which Open Graph tags are required?

og:title, og:type, og:image and og:url are the four required by the specification. og:description is not required but is almost always shown, so treat it as essential.

Why is my old image still showing when I share?

Platforms cache scraped metadata aggressively. Use the Facebook Sharing Debugger or LinkedIn Post Inspector to force a re-scrape after changing your tags.

Do I need separate tags for X?

X falls back to Open Graph when its own tags are missing, so og: tags plus twitter:card is usually sufficient. Add twitter: tags only when you want different content there.

Runs in your browser

Analysis runs on the text or HTML you paste, inside your browser. Nothing is fetched from your site and nothing is uploaded, so the tools work on staging environments and pages behind a login.

How the rest of the site handles data