Open Graph & Twitter Card Generator

Configure social meta tags and copy the ready-to-paste snippet.

Basic Information

Title

Keep under ~60 chars when possible.

Site name

Description

Aim for ~150-160 chars. Avoid quotes in content when possible.

Canonical URL

Locale

OG Type

Image Settings

Image URL

Recommended: 1200x630. Use an absolute HTTPS URL.

Image Alt

Width

Height

Twitter Settings

Twitter Card

Twitter Site

Twitter Creator

Output

Preview

1200x630

Your Page Title Here

Concise, compelling description that encourages clicks.

Generated Meta Tags

<!-- Open Graph -->
<meta property="og:title" content="Your Page Title Here" />
<meta property="og:description" content="Concise, compelling description that encourages clicks." />
<meta property="og:url" content="https://www.example.com/your-page" />
<meta property="og:site_name" content="Your Site Name" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<meta property="og:image" content="https://www.example.com/og-image.jpg" />
<meta property="og:image:alt" content="Preview image alt text" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Page Title Here" />
<meta name="twitter:description" content="Concise, compelling description that encourages clicks." />
<meta name="twitter:image" content="https://www.example.com/og-image.jpg" />
<meta name="twitter:image:alt" content="Preview image alt text" />
<meta name="twitter:site" content="@YourBrand" />
<meta name="twitter:creator" content="@YourHandle" />

Tip: Use Facebook Sharing Debugger and Twitter Card Validator to refresh cached previews.

How to use

Open Graph and Twitter Card tags control how your pages appear when shared. Use this generator to create consistent metadata, validate image ratios, and copy ready markup for your CMS or frontend.

Generate OG and Twitter tags in one workflow and avoid missing required fields.
Use HTTPS image URLs and keep your social image ratio near 1200x630.
Copy your snippet and test it with platform-specific debuggers before publishing.

Related tool: SEO Title & Meta Description Generator for search snippets, plus ROI tools for impact validation.

FAQ

What is the recommended Open Graph image size?

Use 1200x630 for broad compatibility on most platforms. Keep images under ~5MB and host over HTTPS.

Do I need both Open Graph and Twitter tags?

Yes. Open Graph is widely used by social apps, while Twitter has its own card tags. Adding both keeps previews consistent.

Why is my image not updating on social platforms?

Social platforms cache shared previews. Rebuild the cache using Facebook Sharing Debugger or Twitter Card Validator after updates.

More Free Tools

Website ROI Calculator

Compute ROI from revenue and investment.

Website Improvement ROI

Forecast ROI from conversion and traffic uplifts.

SEO Title & Meta Description

Generate SERP-friendly titles and descriptions.

Ready to Win More Clients?

For less than your daily coffee, deliver powerful audits that impress clients, boost conversions, and grow your freelance business.

Don't wait; start turning your site audits into profits today!