Meta Tag Generator
Generate optimized meta tags for SEO and social media. Create HTML meta tags and Next.js metadata objects with live preview for Google, Facebook, and Twitter.
Meta Information
0/60
0/160
Recommended: 1200x630px
Generated Code
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />Live Preview
example.com
Your page title will appear here
Your meta description will appear here. This is what users will see in search results.
SEO Best Practices
- •Keep titles under 60 characters to avoid truncation in search results
- •Keep descriptions between 150-160 characters for optimal display
- •Use 1200x630px images for social media previews (OG images)
- •Always include a canonical URL to prevent duplicate content issues
- •Make your titles and descriptions compelling and action-oriented
Dual Format Support
Generate both traditional HTML meta tags and modern Next.js Metadata objects in one click
Live Social Preview
See exactly how your content will appear on Google, Facebook, and Twitter before publishing
Smart Validation
Real-time character counters with color indicators to keep your titles and descriptions optimized
Full Social Support
Complete Open Graph and Twitter Card meta tags for maximum social media engagement