SlugGenius
Content
Slug GeneratorBulk Slug GeneratorSERP Snippet Preview
Technical
Schema GeneratorRobots.txt Generator301 Redirect Generator
Social
Open Graph GeneratorOG Image GeneratorNEW
GEO · AI visibility
GEO Readiness AuditNEW
Resources
Blog
9 free tools · no sign-up
Built for search & AI visibility
SlugGenius
Content
Slug GeneratorBulk Slug GeneratorSERP Snippet Preview
Technical
Schema GeneratorRobots.txt Generator301 Redirect Generator
Social
Open Graph GeneratorOG Image GeneratorNEW
GEO · AI visibility
GEO Readiness AuditNEW
Resources
Blog
9 free tools · no sign-up
SlugGeniusSocialOpen Graph Generator

Open Graph Generator

Social

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.

Frequently asked questions3

QWhat are Open Graph tags?

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.

QWhat size should my OG image be?

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.

QDo I need both OG tags and Twitter Card tags?

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.

Related tools

OG Image GeneratorGenerate and download a custom 1200×630 OG image in seconds.SERP Snippet PreviewSee how your page looks in Google — measured to the pixel.

Open Graph fields

Preview

sluggenius.com
Free SEO & URL Slug Tools
Generate slugs, schema, sitemaps and check AI visibility — all free.
Meta tags
<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">

How it works.

Generate Open Graph and Twitter Card meta tags that control exactly how your page looks when shared on social media.

01

Fill in your OG fields

Enter your page title, description, URL, site name, and image URL.

02

See the live social preview

Watch how your link will appear when shared on Facebook, LinkedIn, and Slack.

03

Choose your Twitter card

Select large image for visual content or summary for compact link previews.

04

Copy the meta tags

Paste the generated tags into your page's HTML head and you're done.

Why Open Graph tags matter for your brand

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.

OG image specifications

  • ✓ Size: 1200×630 px (1.91:1 ratio)
  • ✓ Format: JPG or PNG for best support
  • ✓ File size: Under 1 MB for fast loading
  • ✓ Content: Keep important elements centered
  • ✓ Text: Large enough to read at thumbnail size

Which platforms use OG tags

  • Facebook & Instagram (Meta)
  • LinkedIn
  • Slack (uses og:title + og:image)
  • Discord
  • Twitter/X (prefers twitter:* tags)