Open Graph & Twitter Social Meta Tag Previewer
Preview how your website page title, description, and thumbnail image will appear when shared across Facebook, Twitter / X, LinkedIn, WhatsApp, and Telegram.
Key Features
- Live visual mockup previews for Facebook Post, Twitter Card, LinkedIn, and WhatsApp Link Card
- Generate copy-pasteable `` HTML tag snippet code
- Inspect meta tag character lengths (Title < 60 chars, Description < 160 chars)
- Recommended OG Image dimensions checker (1200 x 630 px)
- 100% free tool for web developers and SEO specialists
How to Use HTML Meta Tag & Social OpenGraph Card Generator
- Enter Page Title, Meta Description, Canonical URL, and Image URL.
- View instant live visual card previews for Facebook, Twitter, and LinkedIn.
- Click Copy HTML Meta Tags and paste into your website `` section.
Frequently Asked Questions
What are Open Graph (OG) meta tags?
Open Graph meta tags are HTML snippet codes in your website header (`og:title`, `og:image`, `og:description`) that control how social networks display your link previews.
What is the ideal image size for Open Graph social media cards?
The recommended social share image dimension is 1200 x 630 pixels (1.91:1 aspect ratio).
Why does Facebook or Twitter show the wrong thumbnail image when I share my link?
Social networks cache meta tags. If tags were recently updated, use Facebook Sharing Debugger or Twitter Card Validator to refresh cached card images.
Is this tool free for developers?
Yes, 100% free.