Open Graph Tag Builder

Build and preview Open Graph and Twitter Card meta tags with live Facebook and X previews.

Open Graph Settings

Configure how your page appears when shared

Title (og:title)

0/60 characters

Description (og:description)

0/160 characters

Image URL (og:image)

Recommended: 1200×630px for Facebook, 1200×600px for Twitter large card

Page URL (og:url)

Site Name

Content Type

Twitter Card

Card Type

Twitter Site

Twitter Creator

Link Preview

How your link will appear when shared

No image

example.com

Page Title

Your page description will appear here.

Generated Meta Tags

Copy and paste into your HTML <head>

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />

Best Practices

Image dimensions

Use 1200×630px for Facebook/OG. For Twitter large card use 1200×628px minimum. Keep file size under 8MB.

Title & description length

Keep titles under 60 characters and descriptions under 160 characters to avoid truncation in social previews.

Test your tags

Use the Facebook Sharing Debugger and Twitter Card Validator to verify your tags appear correctly after deploying.