Why Meta Title and Description Matter So Much
Two lines represent your page in search results: the blue title and the grey description under it. Users click based on the promise of those two lines, not on your exact ranking position. The meta description is not a direct ranking factor, but it drives click-through rate (CTR) — and a result that earns more clicks earns more traffic and stronger signals over time. The same title and description also appear as the Open Graph card when your page is shared on WhatsApp, LinkedIn or X.
This tool live-previews your title and description both as a Google result (SERP) and as a social media card, shows character counters against the truncation limits, and generates ready-to-paste meta tag code.
How to Use It
- Write your title: place the target keyword close to the beginning where possible.
- Add your description: summarise the page's promise in one or two sentences and include a call to action.
- Optionally enter a URL: the preview shows how your real address will look. Nothing is fetched from the address — the tool works only with what you type.
- Review and copy the code: paste the generated title, description, Open Graph and Twitter Card tags into your page's head section.
The 60 and 160 Character Rule
Google truncates titles at roughly 600 pixels of width, which in practice means 50–60 characters. For descriptions the safe limit is 150–160 characters, sometimes less on mobile. A truncated title ends in "..." and may hide the most important part of your promise. So front-load the key message: distinctive information first, brand name last. The counters warn you against the 60/160 thresholds in real time; since letter widths differ ("W" takes more room than "i"), leaving a few characters of headroom is wise.
Tips for a Strong Title and Description
- Unique text per page: reusing one description across many pages leads Google to ignore it and pull random text from the page instead.
- Numbers and specificity work: "Web Design Prices 2026: 5 Packages Compared" outperforms generic phrasing.
- Match search intent: promise a guide to information seekers and prices to price seekers; a misleading title earns a click today and a high bounce rate forever.
- Call to action in the description: verbs like "compare", "try free", "explore" measurably lift CTR.
- Know that Google may rewrite: titles and descriptions that Google deems mismatched to the query can be replaced. Clear text consistent with the page content gets rewritten less.
Common Meta Tag Mistakes
- Using the same text on every page: a single site-wide title pattern stops your pages differentiating in results and invites Google's rewriting.
- Keyword stuffing: comma lists like "web design, website design, web designer" belong to the 2010s; today they are a spam signal.
- Leaving the description empty: Google pulls a random sentence from the page, and since you did not write the promise, CTR is left to chance.
- WRITING THE TITLE IN CAPS: it looks untrustworthy rather than attention-grabbing, and platforms sometimes normalise such titles anyway.
- Leading with the brand: distinctive information should come first; the pattern "Page Topic — Detail | Brand" works well.
Why the Open Graph Card Deserves Attention
When a link is shared on social platforms and messaging apps, its title, description and image are read from Open Graph tags. Without them, platforms pick random text and images from your page and you lose control. The generated code block includes og:title, og:description and twitter:card tags, so you decide how your shares look.
With meta tags in place, the next step is a clean URL — convert your title into a slug with our SEO-Friendly URL Generator. And to handle on-page SEO end to end — heading hierarchy, structured data, site speed — see our SEO optimisation service.