Generate the Open Graph and Twitter Card meta tags your pages need to display a rich preview when shared on social platforms. Live preview included.
Fill in the title, description, image URL, and canonical page URL, and the live preview shows roughly how the card will render when someone pastes your link into Facebook, LinkedIn, Slack, or X. Use the absolute image URL, not a relative path — social platforms fetch the image server-side from their own crawlers, which can't resolve a path relative to your domain the way a browser can.
Image dimensions matter more than people expect. 1200×630 is the safe default across every major platform; going much smaller risks a blurry upscale, and an unusual aspect ratio risks an awkward crop on platforms that don't letterbox. If you don't already have a properly sized image for a page, the OG Image Generator produces one at the correct dimensions directly.
One frequently missed detail: most platforms cache the preview the first time a URL is shared, and won't re-fetch it automatically after you update the tags. If a stale preview is showing after a fix, use each platform's own debugging/cache-busting tool (Facebook's Sharing Debugger, X's Card Validator) to force a re-scrape — editing your page's meta tags alone won't refresh an already-cached card.
Generate both the Open Graph and Twitter-specific tags even if they look redundant; X reads twitter:* properties first and only falls back to Open Graph tags for fields it doesn't have a dedicated property for.
Open Graph tags are meta tags in your page's <head> that control how the page appears when shared on social media. They define the preview title, description, image, and URL that platforms like Facebook, LinkedIn, and Slack display.
Use 1200×630 pixels for the best results across all platforms. Keep the file size under 1MB. Facebook and Twitter both crop aggressively on mobile, so place the key visual in the center of the image.
Yes. Twitter uses its own twitter:* meta tags (though it falls back to OG tags for some properties). This tool generates both sets so you are covered everywhere.
Open Graph fields
Preview
<meta property="og:type" content="website"> <meta property="og:title" content="Free SEO & URL Slug Tools"> <meta property="og:description" content="Generate slugs, schema, sitemaps and check AI visibility — all free."> <meta property="og:url" content="https://sluggenius.com"> <meta property="og:site_name" content="SlugGenius"> <meta property="og:image" content="https://sluggenius.com/og-image.png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Free SEO & URL Slug Tools"> <meta name="twitter:description" content="Generate slugs, schema, sitemaps and check AI visibility — all free."> <meta name="twitter:image" content="https://sluggenius.com/og-image.png">
Generate Open Graph and Twitter Card meta tags that control exactly how your page looks when shared on social media.
Enter your page title, description, URL, site name, and image URL.
Watch how your link will appear when shared on Facebook, LinkedIn, and Slack.
Select large image for visual content or summary for compact link previews.
Paste the generated tags into your page's HTML head and you're done.
Open Graph meta tags control what appears when your page is shared on Facebook, LinkedIn, Slack, WhatsApp, Discord, and dozens of other platforms. Without OG tags, those platforms scrape whatever content they find — often an unrelated image, a navigation link, or a truncated block of body text. With proper OG tags, every share becomes a branded, intentional preview: your chosen image, your headline, your description. For content marketing and social campaigns, this level of control directly affects the click-through rate of every link your audience shares.
The og:image tag is the most visually impactful. Posts with strong imagery consistently earn dramatically higher engagement than text-only links across every major platform. The recommended size — 1200×630 pixels — ensures your image renders sharply on both desktop and mobile, avoids cropping on most platforms, and meets the minimum requirements for large-card display on Twitter/X. Keep critical visual content (logos, faces, product shots) centered in the image, since some platforms apply aggressive cropping for mobile or notification contexts.
Twitter Card tags use a separatetwitter:*namespace. Twitter/X falls back to Open Graph tags for some properties when Twitter-specific tags are absent, but implementing both sets explicitly guarantees consistent rendering. The summary_large_image card type gives your link the maximum real estate — a full-width image above the title and description — and is the recommended choice for any content where visual appeal drives engagement.