How to Write Title Tags and Meta Descriptions That Earn the Click

Before anyone reads your page, they read your search result. In a list of ten blue links, that result has a fraction of a second to say what the page is about and why it is worth opening. Two pieces of HTML do most of that work: the title tag and the meta description.

This guide explains what each one is, how Google decides what to show, why you will not find one exact character limit, and a simple workflow for testing both with our free Google SERP Preview tool before you publish.

What is a SERP, and what is a SERP preview?

SERP stands for search engine results page: the page you see after typing a query into Google. Each organic (non-ad) result is usually made of three visible parts:

• The title link: the large, clickable headline, usually taken from your page's <title> tag.
• The URL or breadcrumb: your domain and a readable version of the page path.
• The snippet: one or two lines of description, often taken from your meta description and sometimes from text on the page itself.

A SERP preview is a mock-up of that result built from the title, description, and URL you plan to use. It does not predict rankings. It shows how your words are likely to look, so you can catch a title that gets cut off or a description that says nothing useful before real searchers see it.

What a title tag does

The title tag sits in the <head> of your HTML, like this: <title>Free Invoice Generator: Create PDF Invoices Online</title>. It is not shown on the page itself. It appears in the browser tab, in bookmarks, when the link is shared, and most importantly as the headline of your search result.

Google's own guidance on title links asks for titles that are unique to each page, descriptive, and concise, and warns against keyword stuffing and long boilerplate repeated across a site. A good title tells a searcher in a few words exactly what they will get if they click.

What a meta description does

The meta description is also in the <head>: <meta name="description" content="…">. It is a short summary of the page. Google may use it as the snippet under your title when it describes the page better than any passage on the page does.

The meta description is not a ranking factor in the way content and links are, but it still matters, because it is your sales line. Two results can rank side by side, and the one whose snippet answers the searcher's question more clearly is the one that gets the click.

Why there is no exact character limit

You will often read that titles should be "under 60 characters" and descriptions "under 160". Those numbers are useful rules of thumb, but they are not how Google truncates. Google cuts a result by its rendered pixel width, and where the cut falls depends on the font, the device, and the query.

Characters are not all the same width. A lowercase "i" or "l" is much narrower than a capital "W" or "M", so in our preview's estimate a 55-character title written in capitals is already too long for desktop, while a 66-character title made of narrow lowercase letters fits comfortably.

As a practical starting point, aim for a title of about 30–60 characters and a description of about 70–160 characters. Treat 160 as a ceiling, not a target: put the key message in the first 100 or so characters of the description, because that is the part most likely to survive truncation on every device. Then check the estimated width in the preview on both desktop and mobile.

Google may rewrite what you write

Even a perfect title and description can be replaced. Google builds title links from several sources, including your <title> element, the main heading on the page, other headings, and the text of links pointing to the page. It often generates snippets from page content that better matches a particular query, especially when the meta description is missing, vague, or the same on many pages.

That is not a reason to skip writing them. A clear, accurate title and description are the strongest hint you can give, and they are what Google uses when they match what the page is about. Rewrites are most common when titles are stuffed with keywords, are far too long, repeat the same boilerplate on every page, or do not match the page's visible heading.

How to use the Google SERP Preview tool

The Google SERP Preview runs entirely in your browser. Nothing you type is sent to a server, and you do not need an account. Here is the workflow we recommend:

1. Paste your draft title, meta description, and URL into the three fields. The result mock-up updates as you type.
2. Check the Desktop view. Look at the character count, the estimated pixel width, and the status for each field. If the title shows Potentially long or Very long, the end of it is likely to be replaced with an ellipsis.
3. Switch to Mobile. The narrower title area often exposes problems the desktop view hides. Most search traffic is mobile, so this view matters.
4. Read the quick checks panel. It flags titles and descriptions that are too short or likely to be cut off, plus very long URLs and deeply nested paths.
5. Copy the final values with the copy buttons and paste them into your CMS, page template, or SEO plugin.

A before-and-after example

Imagine a small bakery in Lahore writing the title for its custom cakes page. Their first draft:

The title repeats "cakes" four times, puts the useful words last where they will be cut off, and starts with "Home", which tells the searcher nothing. The description is generic, and the URL is a query string. In the preview, this title is flagged Very long on both devices.

The rewrite leads with what the searcher typed, keeps the brand name at the end where truncation hurts least, and the description answers practical questions (what, where, how to order) with a specific reason to click. In the preview, the title and description are now both marked Good on desktop and mobile.

A checklist for every page

• Put the main topic first. If the title is cut off, the important part survives.
• Write one unique title and description per page. Duplicates across a site are a common reason Google rewrites them.
• Match the page. The title should agree with the page's visible H1. A mismatch invites a rewrite and disappoints the visitor.
• Keep the brand short and at the end, unless your brand is what people search for.
• Make the description useful. Say what the page offers and give one concrete reason to click. Avoid "Welcome to our website".
• Use a clean, readable URL. Short, lowercase words separated by hyphens beat IDs and query strings.
• Check mobile, not just desktop. The mobile title area is narrower.
• Do not stuff keywords. One clear mention reads better than five repetitions, and it is less likely to be rewritten.

Tools that work well together

The SERP preview is one step in a short on-page workflow. These free tools on the same platform cover the rest:

• Title & Headline Analyzer: score a headline for clarity, specificity, and emotional impact before you test its length.
• Title Tag Checker: check the title tag on a live URL or in pasted HTML, including keyword placement.
• On-Page SEO Checker: audit a whole page's title, description, headings, canonical tag, and more at once.
• Open Graph Generator: control how the same page looks when it is shared on Facebook, LinkedIn, and WhatsApp.
• Case Converter & Word Counter: count characters and fix capitalisation quickly.

The bottom line

A title tag and meta description will not rescue a weak page, but on a good page they decide whether people click. Write for the searcher, put the important words first, keep each page unique, and check the result on both desktop and mobile before you publish. A SERP preview takes a minute and catches most of the problems that otherwise go live unnoticed.