SEO Meta Tag Generator
Generate perfect HTML meta tags for Google, Facebook, and Twitter. Features live SERP pixel-width validation and social media card previews.
About
Search engines do not read character counts; they measure pixel width. If your title tag exceeds 600 pixels, Google truncates it with an ellipsis, potentially hiding your conversion keywords. This tool is an enterprise-grade generator that simulates these constraints.
Incorrect meta tags lead to broken links on social platforms - images that don't load, titles that don't bold, and descriptions that default to random page text. This utility generates the complete suite of header tags: Standard, Open Graph, Twitter Cards, and Robots directives.
Designed for developers and marketers who need absolute precision, this system calculates visual width, validates aspect ratios, and outputs compliant HTML5 code ready for production.
Formulas
The truncation logic is not linear. It follows a width summation:
Where W is the total width in pixels and chari is the specific glyph width defined by the font renderer (e.g., "W" is wider than 'i').
Reference Data
| Platform | Tag Type | Optimal Length / Constraint | Truncation Point |
|---|---|---|---|
| Google Desktop | Title Tag | 50-60 chars | ≈ 600 px |
| Google Mobile | Title Tag | 50-60 chars | ≈ 580 px |
| Description | 150-160 chars | ≈ 920 px | |
| OG Title | 60-90 chars | 100 chars (Max) | |
| OG Description | 2-4 sentences | 300 chars | |
| Card Title | 70 chars | 70 chars | |
| Card Description | 200 chars | 200 chars | |
| OG Title | 150 chars max | 70 chars (Visual) |