SERP Preview Tool
Type your page title and meta description to see how they may look in Google on desktop and mobile. The tool measures the width in pixels, shows where the text would be cut off, and checks your keyword. If you only need the length of a title or description, use the Meta Description Checker.
Page address and site name
These only change the address line in the preview. They do not load your page.
Preview
Desktop
Mobile
The preview is an estimate. Google may show different text for different searches.
Checks
How to use the SERP preview tool
- Type or paste your page title and meta description. The counters show the length in characters and in pixels.
- Enter the page URL and, if you like, a site name. The URL line in the preview is built from your address.
- Add a focus keyword to see if it is in the title, description and URL.
- Read the desktop and mobile previews. A trailing … shows where Google would be likely to cut your text.
- Edit until the meters are green and the checks pass, then click Copy meta tags.
What is a SERP preview?
SERP stands for search engine results page. A SERP preview shows how one result from your site may look on that page. Each result has a few parts: the site name and address at the top, a blue title link, and a short description below it. The title usually comes from your page’s title tag and the description from the meta description. Seeing them before you publish lets you fix a title that is cut off or a description that says nothing.
Why pixels matter more than characters
Google makes room for a result by width, not by counting letters. Letters have different widths: a W takes far more space than an i. A title of 55 characters made of wide letters can run out of room, while a title of 62 narrow characters can fit. This tool measures the real width of your text with Arial, which is close to the font Google uses for results, and compares it with common limits. This is an approximation, not Google’s exact measurement.
| Part | Common guide | Rough character count |
|---|---|---|
| Title, desktop | About 600 px | 50 to 60 characters |
| Description, desktop | About 920 px | 120 to 160 characters |
| Title, mobile | Often wraps, up to about 2 lines | Similar to desktop |
| Description, mobile | Shorter, about 3 lines | Often about 100 to 130 characters |
Google does not publish exact limits and changes its design from time to time, so these are guidelines taken from common testing. Use them as a safe target, not a promise.
Title tag length and best practices
- Put the main words first. If the end is cut off, the important part still shows.
- Describe the page honestly. A title that matches the page is less likely to be rewritten.
- Make each title unique. Two pages with the same title are hard to tell apart.
- Add the brand at the end if there is room, for example: SERP Preview Tool | UtilMora.
- Avoid stuffing. Repeating the same keyword three times does not help and may be rewritten.
Meta description length and best practices
- Say what the person will get. Think of it as a one or two sentence summary that helps them decide to click.
- Use the words people search for naturally. Google often bolds matching words.
- Keep the key message in the first 100 characters so it shows on mobile.
- Do not copy the title. Use the space to add detail, such as what is free or what is included.
- Write each one by hand for your important pages.
The meta description is generally not treated as a direct ranking factor. Its value is that a clear description can make more people click your result.
When Google rewrites your title or description
Google may show a different title or description from the one you wrote. This tends to happen when the title is empty, very long, stuffed with keywords or does not describe the page, and when the page text answers the search better than your meta description does. You cannot force Google to use your text, but a clear, accurate and specific title and description make a rewrite less likely. Google explains how it builds snippets in its guide to snippets.
How to add the title and description in WordPress
Open the page or post in the editor and find the snippet box from your SEO plugin, such as Rank Math or Yoast SEO. Type the SEO title and the meta description into their fields. Check the plugin’s own preview as well, since it may count slightly differently. If your theme does not have a plugin, you can paste the two tags that this tool copies into the head of the page.
Common mistakes
- Leaving the title as the default, such as Home or Untitled.
- Using one title and description for many pages.
- Writing a title that is far longer than the limit.
- Filling the description with a list of keywords.
- Making promises that the page does not keep.
SERP preview and meta length FAQ
What is the ideal length for a title tag?
Aim for about 50 to 60 characters, which usually fits in the roughly 600 pixels Google shows on desktop. Google does not publish an exact limit, and the width depends on the letters, so use the pixel meter in this tool rather than counting characters alone. Put the most important words first so they still show if the end is cut off.
What is the ideal length for a meta description?
Aim for about 120 to 160 characters. On desktop, Google usually shows up to about 920 pixels of description text, and on mobile it shows less. These numbers are guidelines from common testing, not rules from Google, and Google often shows a different length depending on the search.
Why does this tool measure pixels and not just characters?
Google cuts text off by width, not by character count. A title full of wide letters such as W and M runs out of space sooner than a title with narrow letters such as i and l. Two titles with the same number of characters can have very different widths, so pixels are the more accurate guide.
Is the meta description a ranking factor?
The meta description is generally not treated as a direct ranking factor. It still matters, because a clear description can make more people click your result. A good title and description help you earn the click once you are already showing.
Why does Google show a different title or description from the one I wrote?
Google may rewrite a title when it is too long, empty, stuffed with keywords, or does not describe the page well. It may also choose a description from the page text when that matches the search better than your meta description. Writing a clear, accurate title and description that matches the page makes a rewrite less likely.
How accurate is the preview?
It is a close guide, not an exact copy. The tool measures text with Arial at the sizes Google has commonly used, then cuts the text at the width limit. Google changes its layout from time to time and may show different text for different searches, so treat the preview as an estimate.
What is the difference between the desktop and mobile preview?
Desktop results show the title on one line and cut it at a fixed width. Mobile results use a narrower screen, so titles can wrap onto two lines and descriptions are usually shorter. The mobile preview here wraps and cuts text the way a narrow phone screen would, which is also an estimate.
What does the focus keyword box do?
It checks whether your keyword appears in the title, near the start of the title, in the description and in the URL. These checks are a guide for a page that targets one main phrase. Do not repeat the keyword just to pass a check. Write for people first.
Should I put my brand name in the title?
Often yes, at the end, separated by a dash or a bar, as in 'SERP Preview Tool | UtilMora'. That keeps the important words first. If space is tight, drop the brand name first, because the site name already appears above the title in the result.
Can I use emoji or special characters in a title?
You can, but Google may remove or ignore them, and they also take up width. Keep the title clear and plain, and test it with the preview before you rely on a symbol.
How do I add the title and description in WordPress?
Most SEO plugins, such as Rank Math and Yoast SEO, have a snippet box on every page and post where you type the SEO title and meta description. Write them here first, check the preview, and then use the Copy meta tags button and paste the text into the plugin fields.
What happens if I leave the meta description empty?
Google will build a snippet from text on the page. That can work for some searches, but you give up control over the message. For your most important pages it is better to write the description yourself.
Does this tool save or send my text?
No. Everything runs in your browser. The title, description and URL you type are not sent to a server or stored.
Related tools
This tool is for guidance. Google decides what it shows. See the disclaimer.