Meta Title and Description Length: What Google Actually Cuts Off

You ship a page, Google indexes it, and then your title shows up cut off with an ellipsis in the search results. Or worse, your carefully written meta description gets replaced entirely. Most of the time the cause is boring: the title or description was the wrong length.

Here is what actually gets truncated, the numbers that matter, and how to check any page in a few seconds.

Why length matters at all

Google gives each search result a fixed amount of room. Go over it and the end of your title or description gets chopped with an ellipsis, which usually means your call to action or keyword never gets seen. Under-use it and you waste space that could have earned the click.

Two elements you control:

• Title tag (<title>): the blue clickable headline
• Meta description (<meta name="description">): the gray text under it

The numbers worth remembering

Google measures width in pixels, not characters, but characters are a reliable proxy for a quick check:

Element Safe range Gets cut around Title tag 50 to 60 characters ~60 characters Meta description 120 to 155 characters ~155 to 160 characters

Keep your primary keyword near the front of the title, because a truncated title still shows its beginning.

Reading them from the DOM

If you want to check the current page in the console:

const title = document.title;
const desc = document.querySelector('meta[name="description"]')?.content || "";

console.log("Title:", title.length, "chars");
console.log("Description:", desc.length, "chars");

const warn = (label, len, min, max) =>
  console.log(label, len < min ? "too short" : len > max ? "too long" : "good");

warn("Title", title.length, 50, 60);
warn("Description", desc.length, 120, 155);

Enter fullscreen mode Exit fullscreen mode

That works for a page you are on. Checking a page you have already deployed is the more common need, and for that you have to fetch the HTML and parse the two tags out. Doing that from the browser hits CORS walls, so it usually needs a small server-side fetch.

The part people skip: the SERP preview

Length numbers tell you if something fits, but they do not show you what the result will actually look like. That matters because the same 58-character title reads very differently depending on the words. The only way to judge it is to see it rendered like a real Google result, on both desktop and mobile, since mobile truncates sooner.

A faster way to check

Rather than rebuild the fetch-and-parse step every time, I put it behind a UI: the Title and Meta Description Checker on Pixellize.

Paste any public URL and it pulls the live title and meta description, shows the character count against Google’s ranges with color-coded bars, gives a quick 0 to 100 score, and renders a live SERP snippet preview for desktop and mobile. You can edit the title and description inline and watch the preview update, which is handy for testing rewrites before you push them. It runs free in the browser, and you can even copy a shareable link that reopens the exact check for a teammate.

The takeaway

Titles cut off near 60 characters, descriptions near 155, and Google measures pixels so treat those as guidelines, not hard rules. Check the length, then look at the actual snippet preview before you decide, because fitting the box and earning the click are two different things. Run one of your live pages through the checker and see how it looks.