Google search snippet preview

Type the URL or paste the code and see how your page will show in the results, with the title and description measured in pixels, the way Google cuts them. And below, a review of what is not visible: canonical, robots, hreflang and structured data.

  • Free
  • No sign-up
  • Measured in pixels
  • With a <head> review

Right-click the page → "View page source". Copy from <head> to </head>. Works for unpublished pages too.

Or type what you want to try

How it will look (approximate)

Desktop

Title

0 px

Description

0 px

Mobile

Title

0 px

Description

0 px

Review of the <head>

    What is in the <head>

    Canonical
    —
    Meta robots
    —
    Language (lang)
    —
    Viewport
    —
    Encoding
    —
    hreflang
    —
    Structured data
    —
    og:image
    —

    How to use it

    1. 01

      Bring the page

      Type its URL and we read it, or paste the source if it is not published yet. You can also type a title and description by hand to try variants.

    2. 02

      See where it cuts

      The two cards show the result on desktop and on mobile, truncated in pixels the way Google does it, not in characters.

    3. 03

      Review the invisible

      Canonical, robots, hreflang, language and structured data: what is not visible on the page and decides whether it is indexed and how.

    How does Google decide what to show?

    The title you write is a proposal, not an order. Google rewrites it often: when it does not match the page H1, when it is a list of keywords separated by bars, when it repeats across half the site, or when it is so long that rewriting beats cutting. The more it looks like a normal sentence describing the page, the more often it is respected.

    The description gets something similar, only more so: Google replaces it with a passage of the page itself when it thinks that passage answers the search better. A description that genuinely summarises the content stands a better chance of staying than one written for the search.

    And the cut is in pixels, not characters. Google measures the text with its own font and cuts at a word when it exceeds the column width; that is why "60 characters" is only a rule of thumb, and why this tool actually measures.

    What you check here by hand, a build checks by itself

    A canonical pointing at staging, a noindex left in place at launch, an hreflang with no link back: none of them breaks the page, which is why nobody notices until traffic drops. On the sites we build, this does not depend on someone remembering to look: every build verifies that titles are unique, that the canonical points to itself and that every hreflang links back, and nothing is published if something fails.

    It is the difference between reviewing one page before publishing and knowing the other two hundred are still fine a year later. In a migration, it is the difference between keeping rankings and spending six months winning them back.

    How we approach technical SEO →

    Frequently asked questions

    How many characters can the title have?

    The honest answer is "about 600 pixels", not a number of characters. Google cuts by width, with its own font, and ten "i" take up what four "M" do. The 60-character rule works as an approximation because most titles mix wide and narrow letters; a title in capitals gets cut much earlier and one full of "l" and "i" lasts longer. That is why the tool measures in pixels and marks the cut where it really happens.

    Why does Google change my title?

    Because it thinks another text describes the page better for that particular search. It does so mostly when the title does not match the H1, when it is a string of keywords separated by bars, when it repeats across many pages of the site, or when it is too long and Google would rather rewrite than cut. A title that says the same as the H1, in one sentence, with the brand at the end, is the one rewritten least often.

    Does the meta description affect rankings?

    Not directly: Google has said many times it is not used as a ranking signal. But it decides the click. Between two results in the same position, the one that explains better what is inside gets more visits, and that does end up mattering. And if you do not write one, Google replaces it with a passage of the page it chooses, sometimes a piece of the menu or the footer.

    What is the canonical and why does it matter so much?

    It is the tag that says "of all the addresses this page can be reached at, the official one is this". Without it, the same page with and without a trailing slash, with and without www, or with a campaign parameter, counts as several different pages sharing the authority. A wrong canonical is worse than none: if it points at another address, Google indexes that one and drops yours without warning.

    What happens if I have hreflang without x-default?

    Google knows which version to show someone searching in Spanish and someone searching in English, but not someone searching in German. x-default is the version for "everyone else", usually the main language or a selector. Also, every page has to include itself in its hreflang group and the others have to link back: a one-way hreflang is ignored entirely.

    Does this tool download my page?

    Yes, when you type a URL: the browser cannot read another domain on its own, so a server of ours requests the page and passes your browser only the beginning of the document, up to </head> or 256 KB at most. Nothing is stored; the result is cached for ten minutes so the same page is not requested twice while you fix things. All the analysis happens afterwards, in your browser. If the page sits behind a password, paste the code by hand and it never leaves your machine.

    Does it work for pages that are not published yet?

    Yes. Paste the page <head> — or the whole document — into the text box and it is analysed the same way. It is how to check titles and descriptions before a new site goes live, while everything can still be changed at no cost.

    Also by us

    Spelling, with LintGrafía

    A typo in the title or description shows up in Google's result too. LintGrafía is a free Chrome extension that checks spelling and grammar on the rendered page, in 30+ languages and on localhost too.

    Meet LintGrafía →

    Migrating or launching a site?

    Rankings get lost in the details nobody sees: canonicals, redirects, hreflang. We verify them before publishing and on every later change, so you never need to look at this tool every week.

    We reply within one business dayBogotá · UTC−5

    Message us on WhatsApp (opens in a new tab)