Google SERP Preview
See how your title and meta description will look in Google search results on desktop and mobile before you publish, measured in pixels the way Google truncates them, not in characters.
The page is fetched once from our server, never from your browser, and nothing you type is stored. Fetched results are cached for 5 minutes. Google decides what it shows; this is a preview, not a guarantee.
Desktop
e
example.com
https://example.com
Your title will appear here
Your meta description will appear here. Google shows roughly two lines on desktop.
Mobile
e
example.com
https://example.com
Your title will appear here
Your meta description will appear here. Mobile shows about three short lines.
What each field means
| Title | The text of the page's title element. Google usually builds the blue title link from it, cut at roughly 600 pixels on desktop. The counter shows the rendered pixel width in Arial at Google's size, which is why two titles with the same character count can score differently. |
|---|---|
| Meta description | The content of the description meta tag. Google shows it as the snippet when it fits the query, cut at roughly 920 pixels on desktop (about 155 to 160 characters) and around 120 characters on mobile. It does not affect ranking; it affects whether people click. |
| Display URL | The site name, favicon, domain, and breadcrumb path shown above the title. Derived from the URL, or from BreadcrumbList structured data when the page has it. |
| Canonical | The URL the page asks Google to treat as the main version. If it differs from the URL you loaded, Google may show the canonical page's title and description instead. |
| Open Graph title and description | Tags used by social platforms and messaging apps. Google can use them as extra signals when the title or description is missing or weak, so keep them consistent with the main tags. |
| H1 | The main heading on the page. When the title element is long or generic, Google often uses the H1 as the title link instead, so a mismatch between the two is worth fixing. |
Limitations and data sources
- Pixel widths are measured in your browser in Arial at 20 px (desktop title), 16 px (mobile title), and 14 px (description). Google's own font and rendering differ slightly, so treat the limits as close approximations, not exact cut-off points.
- Google may rewrite titles and snippets. It can use the H1, anchor text, or page text instead of the tags you supply. This tool shows what the tags would look like if used; it cannot promise Google will use them.
- Metadata is read from the raw HTML the server returns. Titles or descriptions injected by JavaScript after load are not seen.
- Only public http and https URLs are fetched. Private addresses, localhost, and pages larger than 1 MB are refused or truncated.
- Rich results, sitelinks, dates, ratings, and images change the layout and are not simulated here.
Frequently asked questions
- Why does Google rewrite my title?
- Google generates the title link from several signals: the title element, the main heading, anchor text pointing at the page, and the page content. It replaces the title element when it is too long, stuffed with keywords, boilerplate, missing, or a poor match for the query. Writing a concise, descriptive title that matches the page reduces rewrites but never rules them out.
- What is the ideal title length in pixels versus characters?
- Google truncates by rendered width, not by character count. On desktop the title link is cut at roughly 600 pixels, which is about 50 to 60 characters in a typical mix of letters, but a title full of wide letters like W and M runs out of room sooner and one full of narrow letters like i and l fits more. This tool measures the actual rendered width in the same font family Google uses.
- Is the meta description a ranking factor?
- No. Google has said the meta description does not influence ranking. It influences click-through rate because it is often used as the snippet under the title. A clear description that matches the query and the page can earn more clicks from the same position, and Google will substitute page text when the description is missing or does not match the query.
- How is the display URL or breadcrumb path shown?
- Google shows the site name and favicon above the title, followed by the domain and a breadcrumb path separated by chevrons. The path comes from BreadcrumbList structured data when it exists, otherwise from the URL itself. Long paths are shortened. On mobile the domain is shown and the path is often dropped.
API
The metadata fetch is available as JSON, free, no key required, cached for 5 minutes:
GET https://helloseotools.com/api/fetch-meta?url=https://example.com/
Returns {ok, url, finalUrl, status, title, description, canonical, ogTitle, ogDescription, ogImage, h1} plus redirect count, content type, and robots directives. Add &fresh=1 to bypass the cache.
Please keep automated use under a few requests per second. Heavy or abusive use will be rate limited.