Free tool · Social Meta Tags & Card Builder
Free Open Graph Generator
Create, custom-tune, and validate clean Open Graph tags and Twitter Cards. Preview live social snippets for Facebook, X, LinkedIn, Discord, and Google.
Client-side generator · No login required · Live previews & multi-framework export
Configuration Preset
Custom / EmptyCustom Open Graph configuration. Enter your page details below or select a quick preset from above.
Metadata Editor
Open Graph & Twitter Tags
Health Check
OG Score Audit
Missing Canonical URL
Add target page URL
Missing Title tag
Add a title for social preview
Missing Description tag
Add a description
Missing or invalid OG Image URL
Add image URL (1200x630 ratio)
Missing Image Alt text
Add alt text for accessibility
No Twitter handle specified
Add @username for Twitter attribution
yoursite.com
Page Title
Page description preview...
<!-- HTML Meta Tags --> <title></title> <meta name="description" content="" /> <!-- Facebook / Open Graph Meta Tags --> <meta property="og:url" content="" /> <meta property="og:type" content="website" /> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:locale" content="en_US" /> <!-- Twitter Meta Tags --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="" /> <meta name="twitter:description" content="" />
Real-Time Social Previews
Preview link snippets for Facebook, X (Twitter), LinkedIn, Discord, and Google SERP in real time.
Multi-Framework Code Export
Export clean metadata snippets for raw HTML, Next.js Metadata API, React Router, or JSON.
100% Free & Private
Client-side execution with zero sign-up required. Your metadata is generated privately in browser.
Frequently asked questions
Everything you need to know about Open Graph, Twitter Cards, image sizing, and social sharing optimization.