Open Graph Preview

Preview how your page will look when shared on Twitter (X), Facebook, and LinkedIn (Open Graph/Twitter Card simulator).

Fetch from URL

Note: Direct client-side fetching is restricted by CORS. Most websites will block this request. For best results, manually input the details if the fetch fails.

Open Graph Configuration

Title (max 60 characters)

38/60

Description (max 200 characters)

93/200

Image URL (1200x630px recommended)

Page URL

Site Name

Type

Social Media Previews

Facebook

example.com

Amazing Product Launch - Check It Out!

Discover our revolutionary new product that will change the way you work. Limited time offer!

Twitter (Large Card)

example.com

Amazing Product Launch - Check It Out!

Discover our revolutionary new product that will change the way you work. Limited time offer!

Amazing Product Launch - Check It Out!

example.com

Generated Meta Tags

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/product">
<meta property="og:title" content="Amazing Product Launch - Check It Out!">
<meta property="og:description" content="Discover our revolutionary new product that will change the way you work. Limited time offer!">
<meta property="og:image" content="https://via.placeholder.com/1200x630">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:site_name" content="Example Company">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://example.com/product">
<meta property="twitter:title" content="Amazing Product Launch - Check It Out!">
<meta property="twitter:description" content="Discover our revolutionary new product that will change the way you work. Limited time offer!">
<meta property="twitter:image" content="https://via.placeholder.com/1200x630">

💡 Open Graph Best Practices

• Image Size: 1200x630px for optimal display across all platforms

• File Size: Keep images under 8MB, preferably under 1MB

• Title: Keep under 60 characters to avoid truncation

• Description: 200 characters max, make it compelling

• Test: Use Facebook Debugger and Twitter Card Validator to test

• Place tags in <head> section

<meta property="og:type" content="website"> <meta property="og:url" content="https://example.com/product"> <meta property="og:title" content="Amazing Product Launch - Check It Out!"> <meta property="og:description" content="Discover our revolutionary new product that will change the way you work. Limited time offer!"> <meta property="og:image" content="https://via.placeholder.com/1200x630"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:site_name" content="Example Company">  <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://example.com/product"> <meta property="twitter:title" content="Amazing Product Launch - Check It Out!"> <meta property="twitter:description" content="Discover our revolutionary new product that will change the way you work. Limited time offer!"> <meta property="twitter:image" content="https://via.placeholder.com/1200x630">