SEO · Meta tags

Meta Title & Description Generator

Write SEO-friendly page titles and meta descriptions with a live Google search preview, character counter, and color-coded hints so you know when your snippets are too short, ideal, or too long.

  • Type or paste your page title & meta description and see changes in real time.
  • Live character counter with green, yellow, and red indicators for search-friendly lengths.
  • Google-style snippet preview that updates as you type.
  • All logic runs locally in your browser. Nothing is sent anywhere.

Enter the page URL for preview, then write your title & meta description. Use the color indicators and snippet preview to decide when it looks good enough to use.

Display URL (for preview only)
Meta title
Recommended: around 30–60 characters. 0 / 60 chars
Meta description
Recommended: around 70–160 characters. 0 / 160 chars
Draft your snippets here, adjust them until the indicators look good, then copy the title and meta description into your CMS, SEO plugin, or page builder.
HTML meta tags code

Google result preview

Live snippet preview
https://example.com/your-page
Example SEO title for your page
This is how your meta description could look in Google Search. Write a clear, helpful summary that encourages people to click through to your page.
Title length & status
Waiting for input…
Aim for a title that is descriptive and not cut off in the search results.
Description length & status
Waiting for input…
Try to give enough detail to make the click feel worth it, without turning it into a long paragraph.
No snippet generated yet
Start by filling in your URL, title, and meta description. Adjust them until most of the indicators turn green. Remember that Google may rewrite snippets, but a strong base often performs better.

What does the Meta Title & Description Generator do?

This tool helps you write SEO-friendly page titles and meta descriptions with instant feedback. As you type, you can see live character counts, color-coded length hints, and a Google-style search snippet preview. It is designed for bloggers, marketers, and store owners who want to improve click-through rates from search.

How the length indicators work

Title length

The character counter for your title uses the following rough guidelines:

  • 0 characters: neutral (no title yet).
  • 1–29 characters: yellow – usually too short to be descriptive.
  • 30–60 characters: green – typically a good range for most screens.
  • 61–70 characters: yellow – might be cut off on some devices.
  • More than 70 characters: red – very likely to be truncated.

Meta description length

For meta descriptions, length is a bit more flexible, but this tool roughly follows:

  • 0 characters: neutral (no description yet).
  • 1–69 characters: yellow – often too short to be helpful.
  • 70–160 characters: green – usually a good, concise summary.
  • 161–180 characters: yellow – close to the limit on some devices.
  • More than 180 characters: red – likely to be truncated.

These are only guidelines. Google uses pixel width, not just characters, but a character-based check is still a practical way to avoid extremes.

Tips for writing better SEO titles

  • Make it human-friendly. Write for people first, algorithms second.
  • Avoid keyword stuffing. Repeating the same phrase can look spammy.
  • Be specific. Mention what makes your content or offer special.

Tips for writing better meta descriptions

  • Answer “What’s in it for me?” clearly and quickly.
  • Include a call to action like “Learn more”, “Compare options”, or “See pricing”.
  • Reflect the actual content. Misleading descriptions may get clicks but hurt engagement.
  • Use natural language. A meta description is like a short ad for your page.

Use this Meta Title & Description Generator whenever you publish a new blog post, product page, or landing page. Draft your snippet here, check the colors, review the Google preview, then paste the result into your site.