SEO Title & Meta Preview — see your snippet before Google does.

Q: How long should an SEO title be?

Google typically displays 50–60 characters of a page title before truncating with an ellipsis. However, Google measures pixel-width (around 600 px), so character count is an approximation. Titles outside this range are not penalised, but Google may rewrite them based on the page content and search query context.

Type your page title and meta description and instantly see a live Google Search Result mockup for desktop and mobile. Character counters highlight optimal ranges at a glance — free, 100% browser-side, no data sent anywhere.

100% private — runs in your browser·Desktop & mobile SERP preview·Instant character guidance

LIVE SERP PREVIEW

Enter your title & description — preview updates as you type

Open Graph Generator

Page Title0 / 60

Good length. Consider using the full 50–60 characters.

Meta Description0 / 160

Consider adding more detail — aim for 140–160 characters.

Page URL

Site Name

Preview:

Example Site

Example Site › your-page

Your Page Title Here

Your meta description will appear here. Write a compelling summary that encourages users to click through from search results.

⚠️ Google may rewrite your title and description — this preview is approximate. Pixel-width, not character count, determines what Google actually displays.

<title>Your Page Title</title>
<meta name="description" content="Your meta description" />

TECHNICAL SPECIFICATIONS

SEO title & meta description
character and pixel guidelines.

Google measures snippet length in pixels, not characters — but character count is a reliable practical proxy. The numbers below are widely-used industry benchmarks. Google may rewrite your title and description based on page content and search query context. This preview is approximate.

Element	Optimal Range	Pixel Width	Counter Colour	Notes
Page Title	50 – 60 characters	≤ 600 px	Green <50 · Amber 50–60 · Red >60	Google may rewrite titles outside this range
Meta Description	140 – 160 characters	≤ 920 px	Green <140 · Amber 140–160 · Red >160	May be replaced by a page excerpt for relevance
Title — mobile	50 – 55 characters	≤ 480 px	—	Shorter screens show fewer characters
Description — mobile	120 – 145 characters	≤ 680 px	—	Clipped earlier on small viewports

Enter your page details

Type your page title, meta description, page URL, and site name. The preview updates live with every keystroke.

Check the colour-coded counters

Green means you are within the safe zone. Amber is a caution — you are approaching common truncation thresholds. Red means Google is likely to cut off your text.

Copy the HTML tags

Click Copy Meta Tags HTML to get a ready-to-paste <title> and <meta name="description"> snippet for your page's <head>.

FREQUENTLY ASKED QUESTIONS

Everything you need to know about SEO titles & meta descriptions

How long should an SEO title be?+

Google typically displays 50–60 characters before truncating with “…”. Google actually measures pixel-width (≈ 600 px), so character count is an approximation. Titles outside this range are not penalised, but Google may rewrite them based on page content and search query context.

What is the ideal meta description length?+

Meta descriptions are generally shown at 140–160 characters on desktop and somewhat shorter on mobile. Google does not penalise longer descriptions, but anything beyond ~160 characters may be truncated. Google may also replace your description with a passage from the page it judges more relevant.

Does Google always use the meta description I write?+

No. Google frequently rewrites meta descriptions based on the search query and page content. Studies suggest Google uses the provided meta description in roughly 37% of cases. A clear, keyword-rich description still helps because it sets reader expectations when Google does display it, and keywords appear in bold.

Does the meta description affect Google rankings?+

Meta descriptions are not a direct Google ranking factor. However, a compelling description can improve click-through rate (CTR), which is an indirect quality signal. Including target keywords also causes them to appear bold in the snippet, making your result stand out.