T
Tooltastic
Open Graph Meta Generator – Generate OG & Twitter Card Tags Online | Tooltastic
Open Graph Meta Generator

Open Graph Meta Generator

Generate OG & Twitter Card meta tags for any page type — live preview included.

Real-Time Preview Twitter / X Cards 100% Local

General

Recommended: 50–60 characters

Recommended: 120–155 characters

Social Image

Recommended: 1200×630 px · JPG or PNG · max 8 MB

Twitter / X

Facebook

Optional — required for Facebook Insights and pixel attribution.

Article

Comma-separated — each becomes a separate article:tag meta tag

Book

Profile

Approximate preview — exact appearance varies by platform

Approximate preview — exact appearance varies by platform

What is Open Graph?

Open Graph is a protocol created by Facebook that turns web pages into rich objects in a social graph. OG meta tags control how URLs appear when shared on Facebook, LinkedIn, Slack, WhatsApp, and other platforms. Without them, platforms make their own guesses — often wrong.

Twitter Cards

Twitter Cards attach rich media to tweets. The `twitter:card` tag defines the card type. Twitter falls back to Open Graph tags when Twitter-specific tags are missing — so defining both ensures correct rendering on all platforms.

Image & Text Best Practices

Use a 1200×630 px image for optimal display on all platforms (minimum 600×315 px). Keep titles under 60 characters and descriptions under 155. After publishing, test your tags with Facebook's Sharing Debugger and Twitter's Card Validator.

Frequently Asked Questions

Everything you need to know about Open Graph meta tags

Open Graph (OG) meta tags are HTML tags in the `<head>` of your page that control how the page looks when shared on social media. Without them, Facebook, LinkedIn, and Slack pick the title, description, and image themselves — usually poorly. Adding OG tags gives you full control over the preview card.

The recommended size is 1200×630 px (1.91:1 ratio). This works on Facebook, Twitter, LinkedIn, WhatsApp, and most other platforms. Use JPG or PNG, keep the file under 8 MB, and avoid text in the image since it gets cropped on smaller cards. A minimum of 600×315 px is required for Facebook to show the large card format.

Strictly speaking, no — Twitter falls back to OG tags. But Twitter's card tags give you additional control: `twitter:card` sets the card type (summary vs large image), and `twitter:creator` credits the author. For best results, include both sets. This generator outputs both automatically.

Use Facebook's Sharing Debugger (developers.facebook.com/tools/debug) to see how your page appears on Facebook and to clear cached previews. For Twitter, use the Twitter Card Validator (cards-dev.twitter.com/validator). LinkedIn and Slack also cache OG data — use their respective post inspector tools to refresh.

Paste the tags inside the `<head>` element of your HTML page, before the closing `</head>` tag. Order doesn't matter technically, but convention puts them after `<meta charset>` and `<meta name="viewport">` and before stylesheets. In WordPress, use a plugin like Yoast SEO; in other CMSs, look for a "head scripts" or "custom meta" field.