OG Preview
Preview how your Open Graph meta tags look on Twitter, Facebook, LinkedIn, and Discord. Edit title, description, and image — see live previews instantly.
Runs entirely in your browser — files never uploaded
Facebook / LinkedIn
example.com
My Awesome Page Title
A brief description of what this page is about. Keep it under 200 characters for best results.
Twitter / X
example.com
My Awesome Page Title
A brief description of what this page is about. Keep it under 200 characters for best results.
Discord
Example.com
My Awesome Page Title
A brief description of what this page is about. Keep it under 200 characters for best results.
Generated Meta Tags
<meta property="og:title" content="My Awesome Page Title" /> <meta property="og:description" content="A brief description of what this page is about. Keep it under 200 characters for best results." /> <meta property="og:url" content="https://example.com/my-page" /> <meta property="og:image" content="https://placehold.co/1200x630/6366f1/ffffff?text=OG+Image" /> <meta property="og:site_name" content="Example.com" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="My Awesome Page Title" /> <meta name="twitter:description" content="A brief description of what this page is about. Keep it under 200 characters for best results." /> <meta name="twitter:image" content="https://placehold.co/1200x630/6366f1/ffffff?text=OG+Image" />
How to use OG Preview
- 1. Enter your OG data. Fill in title, description, URL, image URL, and site name.
- 2. Preview live. See how your link will look on Facebook, Twitter/X, LinkedIn, and Discord.
- 3. Copy meta tags. Copy the generated meta tags and paste them into your HTML head.
FAQ
What is Open Graph?
Open Graph (OG) meta tags tell social media platforms what title, description, and image to show when someone shares your link.
What image size is recommended?
1200x630 pixels works best for most platforms. Use a 1.91:1 aspect ratio.
Does this fetch my actual page?
No. This tool lets you input your tags manually and preview how they'd look. No network requests are made.
Related tools
- Base64 EncoderEncode text or files to Base64 or decode Base64 back online for free. Instant conversion, no signup, runs in your browser.
- JSON FormatterFormat and validate JSON online for free. Beautify with indentation, validate syntax, or minify. Runs in your browser, no signup.
- CSV ↔ JSONConvert CSV to JSON or JSON to CSV online for free. Live preview as you type or upload a file. No signup, runs in browser.
- Timestamp ConverterConvert Unix timestamps to dates and dates to timestamps online for free. Supports seconds, milliseconds, ISO 8601. No signup.
- JWT DecoderDecode JWT tokens online for free. Inspect header, payload, and claims. Verify expiration and signature algorithm. No signup, runs in browser.
- Regex TesterTest regular expressions online for free with live match highlighting, capture groups, and flag toggles. Supports JavaScript regex. No signup.