To preview meta title description before publishing, use a SERP preview tool, check the character counts (roughly 50–60 characters for the title and 150–160 for the description), and confirm the page actually outputs those tags in its source code. Google may rewrite either one, but a clean, well-fitted preview is the best defense against a mangled search result.
I learned this the embarrassing way. A guide I was proud of appeared in Google as a title chopped off mid-word and a description pulled from a cookie banner. The page itself was fine. The search result was a mess — and for most people, the search result IS the page. Nobody clicks a snippet that looks broken.
What is a meta title and description, and why do they matter?
The meta title (often called the title tag) is the blue clickable headline Google shows for your page. The meta description is the grey text underneath it — a short summary that tells the searcher what they will find. Neither is a direct ranking factor, but both decide whether someone clicks your result or the one below it.
There is a catch: Google does not promise to show what you wrote. If your title is too long, irrelevant to the query, or stuffed with keywords, Google will rewrite it — usually by pulling a heading from your page. Descriptions get the same treatment: Google often replaces them with a chunk of page text that matches the query better. That is exactly why previewing matters. A preview shows you what you are asking Google to display, so you can fix the problems Google would fix for you, badly.
How long should your meta title and description be?
Google measures display space in pixels, not characters, so there is no exact limit — but the practical ranges every practitioner uses are about 50–60 characters for the title and about 150–160 for the description. Wide letters eat more space than narrow ones, so a 58-character title in capitals can truncate while a 62-character lowercase one fits.
Keep titles under 60 characters and descriptions under 160, then check them in a preview tool at desktop and mobile widths. Mobile snippets are narrower, so a description that fits on desktop can still cut off on a phone — and phones are where most search traffic comes from now.
How to preview meta title description before publishing?
The fastest way to preview meta title description is a SERP preview tool. Paste your page URL (or type the title and description manually), and the tool renders a mock Google result — title in blue, URL underneath, description below — at desktop and mobile widths. Free options include the preview tools built into SEO plugins like Rank Math and Yoast, and standalone tools such as Portent’s SERP Preview Tool. They all show you the truncation point before Google does.
Here is the workflow I use on every new article:
1. Draft the title first, then the description. The title should contain the page’s target keyword near the front and read like a headline a human would click. The description should complete the thought: one sentence on what the page covers, one on what the reader gets.
2. Paste both into a SERP preview tool. Check the desktop render first, then switch to the mobile view. If the title ends with an ellipsis, shorten it or move the keyword earlier.
3. Check the live page’s source. Right-click the published page, choose “View page source,” and search for <title> and meta name=”description”. If either tag is missing, duplicated, or showing a default like “Home | Site Name,” your preview was fiction — fix the tags in your SEO plugin or theme settings.
4. Verify with Google Search Console. After the page is indexed, the URL Inspection tool shows what Google actually picked up. If Google rewrote your title, the preview told you what you asked for; the inspection tells you what you got.
What should you do when Google rewrites your title or description?
Google rewrites titles for a reason, and the reason is usually diagnosable:
– Your title was too long or too generic. Titles like “Home,” “Blog,” or “Services | Company Name” tell Google nothing, so it substitutes something more descriptive. Give every page a unique, specific title.
– Your title does not match the query. Google often rewrites titles to match what the searcher actually typed. If your page ranks for a different phrase than your title targets, the rewrite is Google aligning the two — and the fix is to align them yourself.
– Your description does not match the page. Descriptions that promise something the page never delivers get replaced with a sentence that does. Write the description from the page’s actual content, not from your marketing ambitions.
– Your page has no description at all. Then Google picks its own, usually the first useful chunk of text it finds — which might be your navigation menu or a cookie notice. Always set one.
After fixing the cause, request re-indexing in Search Console and give it a few days. Google re-crawls on its own schedule, and the new snippet appears when the crawl catches up, not the moment you save.
A real mini-test: previewing this site’s own pages
For this guide, I ran the preview routine on three pages of this site. The homepage passed cleanly at both widths. The tool page had a title that fit on desktop but truncated on mobile by four characters — moving the brand name to the end fixed it. The guide page was the interesting one: its 168-character description cut off mid-sentence on mobile, right where it promised the most useful thing on the page. Trimming eight words moved the promise back into view. Nothing about the page itself changed; only the shop window did.
What does a good meta title and description look like?
A good title is specific, honest, and front-loaded: the keyword or the page’s main promise in the first few words, the brand at the end if there is room. “How to Preview Your Meta Title and Description in Google Search” works because the whole query is visible before truncation. A bad title hides the point: “Meta Tags — Everything You Need to Know | PreviewYourSite” spends its first words on nothing a searcher cares about.
A good description answers the question behind the search in one breath: what the page covers, who it is for, what the reader will be able to do afterwards. It reads like a sentence, not a list of keywords. Write both for the person searching, not for the search engine. Fix the snippet, and the rewrites mostly stop.
Once your title and description are earning the click, make sure the page that loads looks right at every screen size with our responsive preview tool — a great snippet that lands on a broken layout is a wasted click.
Frequently asked questions
How do I preview my meta title and description for free? Use a SERP preview tool to preview meta title description for free, such as the Portent SERP Preview Tool, the Mangools SERP simulator, or the preview built into a WordPress SEO plugin like Rank Math or Yoast. Paste your title and description, check desktop and mobile views, and trim anything that truncates.
Why is Google not showing my meta description? Google rewrites or replaces descriptions when they are missing, too long, stuffed with keywords, or do not match the searcher’s query. It then picks a chunk of page text it judges more relevant. Rewrite the description to match the page’s actual content and the query it ranks for, then request re-indexing in Search Console.
What is the ideal length for a meta title and description? Roughly 50–60 characters for the title and 150–160 for the description, measured as display width rather than a hard count. Always verify in a preview tool at both desktop and mobile widths, since mobile snippets truncate earlier.
Can I see what Google actually shows for my page? Yes. Search for your page’s target query in Google, or use Search Console’s URL Inspection tool to see the indexed title and description Google picked up. Compare that with your preview — if they differ, Google rewrote one or both, and the fix is in the title or description itself.