SERP Previewer
See roughly how your page title, meta description and URL could look in a Google search result on desktop and mobile, and where long text is likely to be cut off. It simulates how a result is typically displayed; Google often rewrites titles and descriptions, so the live result may differ.
Preview a search result
The text in your page’s <title> tag.
The content of your page’s meta description tag.
Shown as a breadcrumb. The page itself isn’t fetched.
Site name and favicon (optional)
Defaults to the domain from the URL.
An image address. Your browser loads it directly from that site to show it in the preview.
Preview
example.com
https://www.example.com › your-page
Your Page Title Appears Here | Brand Name
Your meta description appears here. Summarize the page in a sentence or two and give searchers a clear reason to click through to it.
Faded parts are placeholders. Fill in the fields above to replace them.
Checks for desktop
Title: Empty
- Add a title. Without a title tag, Google builds one from the page’s headings or the links pointing to it.
Description: Empty
- Add a meta description. Without one, Google picks a snippet from the page text, which may not sell the click.
This is an approximation that simulates how a result is typically displayed. Google often rewrites titles and descriptions, bolds words that match the search, and changes its layout, so the live result may differ.
How the SERP Previewer Works
Enter your title, description and URL
Type or paste the text from your title tag and meta description, and the page address. You can also add a site name and a favicon image address. Everything is simulated in your browser as you type: the tool never fetches your page or any other site.
Text is measured in pixels, not just characters
Google cuts text off by how much space it takes, so a title full of wide letters like “W” and “M” runs out sooner than one with narrow letters like “i” and “l”. The tool measures your text with your browser’s canvas text measurement in Arial, the typeface Google typically uses for results: titles at 20px on desktop and 18px on mobile, descriptions at 14px. If your device doesn’t have Arial, it measures with the closest substitute, so widths can differ slightly.
Long text is cut off with an ellipsis
The preview uses typical display limits of about 600px for a desktop title and 920px for a desktop description, and about 660px and 680px on mobile, where text wraps over more lines. Text past the limit is cut at the last whole word that fits and replaced with “...”, the way Google usually shows it. Long URLs are shortened the same way in the breadcrumb, which drops the query string.
Read the counters and advice
Each field shows its character count and its width against the limit for the device you are previewing. It is marked OK when it fits, Close to limit from 95% of the space, and Will be cut off when it is over. A title under 30 characters or a description under 70 is marked Short. When text will be cut off, the advice names the words that would disappear and roughly how much to trim.
Frequently Asked Questions
Will Google show my title and description exactly like this?
Not always. The preview simulates how a result is typically displayed, but Google rewrites many titles and descriptions, for example to match the search query or when it judges the page text a better summary. It also bolds words that match the search, adds dates, ratings and other features, and changes its layout and limits over time. Use the preview to keep important words within the space that is usually shown, then check how your pages actually appear in Search Console or a real search.
Why does the tool measure pixels instead of counting characters?
Because Google’s limit is a width, not a character count. Characters vary a lot in width: in Arial, a capital “W” is more than four times as wide as a lowercase “i”. That is why character rules of thumb, such as “keep titles under 60 characters”, are only rough guides: a 55-character title in capital letters can be cut off while a 65-character one in narrow letters fits. The tool shows both, with the pixel width deciding where the cut falls.
What is the ideal length for a title and meta description?
There is no exact number. As a guide, keep desktop titles within about 600px, often around 50 to 60 characters, and descriptions within about 920px, often around 150 to 160 characters. Mobile shows a little more title and a little less description. Put the words that matter most first, so a cut-off loses the least important part, and remember that a description is a pitch for the click, not a ranking factor.
Can it load the title and description from a URL?
No. Fetching another site’s page would need a server to make the request on your behalf, so the tool doesn’t do it. Copy the text from your page source or CMS instead. The URL you enter is only used to draw the breadcrumb.
Does it work for right-to-left languages?
Yes. Titles and descriptions in Arabic, Hebrew and other right-to-left scripts are measured and cut off at the end of the text and shown right-aligned, as they are in search results. Measurements for non-Latin scripts depend on the fonts your device has, so treat the limits as a closer approximation for Latin text.
Is what I type sent or saved anywhere?
No. The preview runs entirely in your browser. Your title, description and URL aren’t sent to a server, saved to storage or cookies, or put in the page address, and the tool is masked from session recording. If you enter a favicon address, your browser loads that image directly from the site you named, like any image on a web page.