Generate meta tags for Facebook, LinkedIn, and X (Twitter) previews. Live preview updates as you type.
Privacy-first tool — runs entirely in your browser. No data sent to any server.
Recommended: 50–60 characters
13 / 60
Recommended: 140–160 characters
38 / 160
Recommended 1200×630 for best results.
Social platforms cache preview images. If updates don't appear, use the debugger tools below.
Live preview
Facebook / LinkedIn
example.com
My Page Title
Short description for social previews.
Twitter / X
My Page Title
Short description for social previews.
example.com
Copy options
Copy and paste into your HTML <head>
<meta property="og:title" content="My Page Title" /> <meta property="og:description" content="Short description for social previews." /> <meta property="og:image" content="https://example.com/og-image.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:site_name" content="My Site" /> <meta property="og:type" content="website" /> <meta property="og:locale" content="en_US" /> <meta name="twitter:title" content="My Page Title" /> <meta name="twitter:description" content="Short description for social previews." /> <meta name="twitter:image" content="https://example.com/og-image.png" /> <meta name="twitter:card" content="summary_large_image" />
JSON export (for CMS)
Use for CMS integration or configuration.
{
"title": "My Page Title",
"description": "Short description for social previews.",
"image": "https://example.com/og-image.png",
"url": "https://example.com/page",
"siteName": "My Site",
"type": "website",
"locale": "en_US",
"twitterCard": "summary_large_image",
"imageWidth": 1200,
"imageHeight": 630
}When someone shares your link on Facebook, LinkedIn, X (Twitter), or WhatsApp, the platform fetches your page and looks for og: and twitter: meta tags to build the preview card. Without them, the title or image may be wrong or missing. This generator outputs the full set of tags so your shares look correct everywhere.
Open Graph (og:) and Twitter Card (twitter:) meta tags control how your page looks when shared on Facebook, LinkedIn, X (Twitter), and other platforms. They set the title, description, and image shown in the preview card. Without them, platforms may pick the wrong title or no image.
Open Graph is used by Facebook, LinkedIn, WhatsApp, and others. Twitter has its own tags (twitter:card, twitter:image, etc.). When both are present, Twitter uses its tags; others use OG. It's best practice to include both for maximum compatibility.
Yes. WhatsApp uses Open Graph tags to generate link previews. Ensure og:title, og:description, and og:image are set. The image should be at least 300×200 pixels.
Platforms cache OG images. Use the Facebook Sharing Debugger or Twitter Card Validator to refresh the cache. Changes can take hours to appear without a cache clear.
Use 1200×630 pixels (1.91:1) for best results. Minimum recommended is 600×314. This generator lets you set width and height so the tags match your asset.