Open Graph & Twitter Card Generator
Configure social meta tags and copy the ready-to-paste snippet.
Keep under ~60 chars when possible.
Aim for ~150–160 chars. Avoid quotes in content when possible.
Recommended: 1200×630. Use an absolute HTTPS URL.
Preview
1200×630
Your Page Title Here
Concise, compelling description that encourages clicks.
Generated Meta Tags
<!-- Open Graph --> <meta property="og:title" content="Your Page Title Here" /> <meta property="og:description" content="Concise, compelling description that encourages clicks." /> <meta property="og:url" content="https://www.example.com/your-page" /> <meta property="og:site_name" content="Your Site Name" /> <meta property="og:type" content="website" /> <meta property="og:locale" content="en_US" /> <meta property="og:image" content="https://www.example.com/og-image.jpg" /> <meta property="og:image:alt" content="Preview image alt text" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <!-- Twitter --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Your Page Title Here" /> <meta name="twitter:description" content="Concise, compelling description that encourages clicks." /> <meta name="twitter:image" content="https://www.example.com/og-image.jpg" /> <meta name="twitter:image:alt" content="Preview image alt text" /> <meta name="twitter:site" content="@YourBrand" /> <meta name="twitter:creator" content="@YourHandle" />
Tip: Use Facebook Sharing Debugger and Twitter Card Validator to refresh cached previews.