Meta Tag Generator
Generate full SEO meta tags, Open Graph (OG) tags, and Twitter Cards with real-time Google search snippet preview and character counters.
Basic Meta Tags
Social Meta (Open Graph & Twitter)
How to Use Meta Tag Generator
- Fill Basic Information: Input your Page Title (under 60 chars), Meta Description (under 160 chars), and Canonical URL.
- Add Social Media Tags: Set Open Graph Image URL, Site Name, and Twitter @username for social link previews.
- Preview Google Snippet: Inspect the simulated Google desktop/mobile search result card in real time.
- Copy HTML Code: Click 'Copy HTML Meta Tags' and paste the snippet directly into your website's <head> section.
Frequently Asked Questions
What is the ideal length for SEO title and description tags?
Page titles should ideally be 50 to 60 characters (to avoid truncation in Google search results). Meta descriptions should be 120 to 160 characters to display fully without truncation.
What are Open Graph (OG) tags used for?
Open Graph tags are protocol tags developed by Facebook and adopted by LinkedIn, WhatsApp, Slack, and Discord to display rich preview cards with thumbnails and descriptions when links are shared.
What is a canonical URL tag and why is it important?
A canonical tag (<link rel="canonical" href="...">) tells search engines which URL represents the master version of a page, preventing duplicate content SEO penalties.
What image size is recommended for og:image?
1200 × 630 pixels (1.91:1 aspect ratio) is the universal high-definition standard across Facebook, Twitter, LinkedIn, and messaging apps.
Do meta keywords still matter for Google SEO?
While Google no longer uses the meta keywords tag for web rankings, other search engines and internal CMS search engines may still index it.
Can I use this tool for single-page applications or blogs?
Yes, generated meta tags work seamlessly with standard HTML5, Next.js, WordPress, Astro, Gatsby, and ASP.NET Core.