For the search result title link, Google primarily uses your HTML <title> element; it can also draw on your H1, the main on-page heading, the anchor text people link with, your site name, or — since an August 2024 change — your og:title, choosing whichever best represents the page for the query. But og:title’s real job is the SOCIAL share card that Facebook, LinkedIn and X render; it is NOT the canonical source of the Google search title. A common confusion is to set og:title and assume it controls the search result — it usually does not. This tool extracts both your <title> and your og:title and flags when they differ, explaining that the search title comes from <title> while og:title controls social cards, so you can keep them deliberately different (a punchy social headline, a keyword-led search title) without confusion.

When a page has no <meta name="description">, Google does not leave the snippet blank — it auto-generates the description by pulling the passage from your page content that best matches the searcher’s query, so the same page can show different descriptions for different searches. Even when you DO provide a meta description, Google rewrites or replaces it a large share of the time (studies put it around 70%) when it judges another passage matches the query better. So a meta description is an influence, not a command. This tool flags a missing description and explains Google will auto-generate one, and it lets you add or edit a description and immediately see how it would look and whether it fits the pixel limit — while being honest that Google may still rewrite it per query.

This tool shows the snippet Google would LIKELY build from your page’s current <title> and meta description, but the live result can differ for three reasons. First, Google frequently REWRITES the title: large studies (Zyppy, Portent) found it changes roughly 61% of title tags, with one 2025 analysis reporting ~76% in early 2025, most often by removing the brand and substituting your H1, anchor text or site name. Second, Google OFTEN auto-generates or rewrites the description per query, so the same page shows different descriptions for different searches. Third, the pixel limits are approximations that shift with fonts, devices, browser zoom and SERP features, and rich elements (sitelinks, ratings, dates, FAQs) are added at Google’s discretion. The tool is explicit about all of this and advises writing for users, front-loading key words, and verifying the live snippet in Google Search Console.

The Google Snippet Preview is 100% client-side. The page HTML you paste is parsed locally with the browser’s DOMParser, the title and description are measured with the Canvas measureText() API in Google’s SERP fonts, and the preview, flags and meters are computed on your device — nothing is fetched, uploaded, logged or stored on a server, and no URL is ever crawled. That makes it safe for staging, unreleased or internal pages you do not want to expose, unlike online previewers that crawl your URL. Because the browser cannot fetch most live URLs directly (cross-origin / CORS) and the tool uses no server proxy, you paste your source rather than a URL. It works offline once cached as a PWA, supports dark mode and mobile with a sticky action bar, and shares the serpEngine.ts and socialMetaEngine.ts engines with its sibling tools so they all measure and parse from one source of truth.