SEO & Social
Meta Tag Generator
Generate perfect Open Graph, Twitter Card, and HTML meta tags. Preview how your page looks on Google, X, Facebook, LinkedIn, and Slack.
0/60 chars
0/160 chars
Social Preview
https://example.com
Page Title
Page description will appear here...
Generated Meta Tags
<meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="robots" content="index, follow" /> <meta name="theme-color" content="#000000" /> <!-- Open Graph --> <meta property="og:type" content="website" /> <meta property="og:locale" content="en_US" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image" />
Paste these tags inside the <head> section of your HTML. For Next.js, use the metadata export in your layout.tsx.
💡 Quick Tips
- •Title: Keep under 60 chars for full display in Google results
- •Description: 150–160 chars is the sweet spot for Google snippets
- •OG Image: Use 1200×630px for best display across all platforms
- •Twitter Card:
summary_large_imagegets more clicks thansummary
🔍 Get a Complete AI SEO Scan for Your Site
Meta tags drive clicks. In 20 minutes I'll audit your full site and identify the exact AI-powered changes that would move the needle most for your traffic and rankings.
Get Your Free AI Scan →