Free SERP Snippet Preview Tool
Enter a title, meta description, and URL to preview an approximate Google-style desktop and mobile result. Width is measured in pixels with the canvas measureText method, because Google truncates by rendered width, not by a fixed official character count.
This is a writing preview, not a ranking score. Google may rewrite the title link or the snippet from the page content, and the visible text can change with the search and the device.
Paste page HTML to extract the title and description
Paste the page source, or at least the head section. The tool reads the title element, the meta description, and the canonical URL in your browser. It does not fetch the live page, because other sites cannot be read automatically (CORS), and this page does not use a proxy.
Widths use Arial at 20px bold for the title and 14px for the description, measured with canvas measureText when the browser allows it. Budgets of about 600 pixels (desktop title), 920 pixels (desktop description), 560 pixels (mobile title, often two lines), and 680 pixels (mobile description) are common working estimates, not official Google limits.
Desktop
Mobile
Checks
No items in this filter.
Meta tags snippet
This copies only the title element and the description meta tag. For canonical, Open Graph, and robots tags, use the Meta Tag Generator on this site.
What this free SERP snippet preview does
This page helps you look at a title and a meta description the way they often appear in a Google-style result: a site name, a clickable title link, and a short snippet. You can type the text, or paste HTML and extract the title, description, and canonical URL in your browser. Nothing is uploaded, and the tool does not call Google.
It is not a replacement for the Meta Tag Generator on this site. That page builds title, description, canonical, Open Graph, and robots tags. This page is for previewing and tightening the wording people may see in a result. If you need the full tag set, generate it there, then come back here to check how the title and description sit on desktop and mobile.
Google’s own documentation is careful on two points that older posts often get wrong. There is no official character limit for a meta description or a title element. The visible title link and snippet are truncated in Search as needed, typically to fit the device width. Google also says it primarily writes snippets from the page content, and that it may use a meta description when that text describes the page more accurately. The preview you see here is the text you entered, not a promise of the live result.
What the tool checks
The score is a writing checklist, not a ranking score. Checks cover missing text, approximate width on desktop and mobile, all-caps wording, repeated words, heavy quotation marks, a missing reason to click, and, if you enter a focus phrase, whether that phrase appears naturally in the title and description. Pixel width is measured with the browser’s canvas measureText method, in Arial, because wide letters such as W take more space than narrow letters such as i. Character counts are shown as a convenience, not as a rule.
The budgets on the meters — about 600 pixels for a one-line desktop title, 920 pixels for a desktop description, 560 pixels as a conservative single-line mobile title, and 680 pixels for a mobile description — are common working estimates used by many SEO tools. They are not published by Google. Mobile title links often wrap onto two lines, so a title can show more text there than on one desktop line. A description that fits desktop and is near Blogger’s 150-character Search Description field may still end with an ellipsis on a narrower phone preview. That is expected, and the tool reports it as information rather than a failure.
If you publish on Blogger, there is a real platform limit that is easy to confuse with Google’s guidance. The Search Description field stores 150 characters. Google itself does not cap the length of a meta description. If you paste a longer description into that field, Blogger will not keep the extra characters. The checker flags text over 150 characters so you can tighten it before you paste.
How to use it
Enter the title, the meta description, and the page URL. Add an optional focus phrase if you want matching words to appear in bold, the way a result sometimes emphasizes terms from a search. You can also show a date in front of the snippet, which is how some article results look, and switch the preview between a light and a dark background.
If you already have a live page, open the source, copy the HTML (the head section is enough), and use Extract from HTML. The tool reads the title element, the description meta tag, and the canonical URL in your browser. It cannot fetch another website for you. Browsers block that kind of cross-origin read, and this page does not use a proxy. Paste the HTML instead.
Watch both previews while you edit. An ellipsis means the text may be cut at that approximate width. Use Check snippet when you want to jump to the score and the cards, or simply keep typing: the preview, the counters, and the checks update as you go. Load sample snippet cycles through a real Free Seo Lab article, a longer title that may truncate on desktop, and a weak example with caps, repeats, and quotes. The samples are demonstrations, not live Google results.
When the wording feels right, copy the title and description tags if you need them in HTML. For Open Graph, canonical, and robots tags, use the Meta Tag Generator. Then paste the description into Blogger’s Search Description field, or into your theme, and give Google time to recrawl. For a wider on-page pass, the free SEO audit tool can read a pasted page, and the free heading tag checker can review the outline people see after they click. The companion article, How to Write Better Meta Descriptions (Simple Guide), explains the official snippet rules in more depth.
How to read the score and the preview
The gauge summarizes the weighted checks: a pass counts in full, a warning counts as half, a fail counts as none, and info cards do not affect the score. A high number means the text looks tidy in this checklist. It does not mean the page will rank higher, and it does not mean Google will show this exact title or snippet.
Read the warning and fail cards first. A missing title or description is a fail. A title that is wider than the approximate 600 pixel desktop line, a very short description, all caps, repeated words, or a generic line such as “this article is about…” will usually show as a warning. Info cards remind you that Google may rewrite the result, and that a mobile preview may cut a description that still fits on desktop.
The meta tags box at the bottom is a convenience, not a full head section. If you also need social preview tags or a robots directive, generate those separately. After you publish, confirm the live page in a browser, then look at Search Console if you want to see how a result performs for a query. This tool cannot see Google’s index.
Frequently asked questions
Does a longer description rank better?
No. A meta description is not a ranking score. Google may use it as a snippet when it describes the page well. The useful work is a unique, honest summary, not a longer string of keywords.
What length should I aim for?
Google does not publish a character limit. Snippets are truncated to fit the device. On Blogger, the Search Description field itself is limited to 150 characters. Write a complete sentence that still makes sense if the last words are cut, then check the pixel preview.
Why does the live Google result look different from this preview?
Google often writes a title link or a snippet from the page content, headings, or other sources, and the text can change with the search. This preview shows the words you entered, with an approximate width. That difference is expected.
Can this tool fetch my live URL?
No. Other origins cannot be read in the browser because of CORS, and this page does not use a proxy. Paste the HTML, or type the title and description.
Is this the same as the Meta Tag Generator?
No. The generator creates HTML tags for the head of a page. This tool previews how a title and description may appear in a result and checks the wording. The two pages are meant to be used together.