How to use the Meta Tag Generator & SERP Preview
- Type your title and description. Counters turn amber or red if they are likely to be cut off.
- Add the page URL, share image and site name.
- Check the Google preview.
- Copy the tags into the <head> of your page.
Worked examples
| Element | Recommended length |
|---|---|
| Title tag | 50–60 characters (about 580 px) |
| Meta description | 120–155 characters |
| og:image | 1200 × 630 px |
| URL slug | 3–6 words, hyphenated |
Frequently asked questions
Does the meta description affect rankings?
Not directly, but a clear description can raise click-through rate, which brings more traffic.
Why does Google show a different title or description?
Google rewrites titles and snippets when it thinks other text on the page matches the search better. Clear, accurate tags are rewritten less often.
Do I still need the meta keywords tag?
No. Google has ignored it for years.
What is Open Graph?
Tags that control how your page looks when shared on Facebook, WhatsApp, LinkedIn and others.
How do I make a good URL?
Use a short slug with your main keyword. Try the Slug Generator tool.
Written and tested by MasterKit Online Editorial Team
Our team builds and tests every tool by hand, checks each formula against official sources (IRS, HMRC, the Income Tax Department of India, CBSE, NHS, WHO) and reviews pages whenever rules change. Last reviewed on . Spotted a mistake? Tell us.