Key takeaways
- The title tag is a genuine (if lightweight) relevance signal and the biggest visible element of a result; the meta description is not a Google ranking factor at all — its entire value is click-through.
- Titles are truncated by pixel width (around 580-600 px on desktop, less on mobile), not by a fixed character count — 50-60 characters is only a rough guide.
- Google rewrites the displayed title and description whenever it thinks your page content answers the query better, so your <title> and H1 should be coherent with the body rather than clever and disconnected.
- Write for the human scanning a results page: front-load the primary term, make each page unique, and give the description a reason to click — not a keyword list.
- The meta keywords tag has been ignored by Google since around 2009 and can register as a spam signal; skip it entirely.
What Each Tag Actually Is
The title tag is the content of the HTML <title> element in a page's <head>. Search engines read it as the name of the page and, by default, use it as the clickable headline in results. It also lives in the browser tab, the bookmark, and the link preview other sites show — which is why it should make sense on its own, out of context, without your brand or surrounding prose.
The meta description is a <meta name="description" content="..."> tag: a one-or-two-sentence summary of the page. It is not displayed anywhere on your page itself; it exists purely for machines and for the search-result snippet. Google, Bing and social platforms may use it, ignore it, or replace it — but unlike the title, Google has stated for years that it is not used as a search ranking signal. Its whole job is persuasion: convincing a searcher that this result is the one to tap.
How Long Should a Title Tag Be?
Forget the '60 characters' rule as a hard limit — search engines truncate by rendered pixel width, not by counting characters, because a lowercase 'i' and an uppercase 'W' cost different widths. On desktop, roughly 580-600 pixels survive before an ellipsis appears; mobile is narrower still. A practical proxy is to keep the whole rendered title (including any brand suffix your template adds) under about 580 pixels and start any important word before the first 30 characters, so it is never the part that gets cut.
This is exactly why the abstract character count misleads: a title that is 52 characters of wide capitals gets chopped while a 66-character title of narrow lowercase letters fits. Rather than guess, run the candidate through the meta title checker, which renders the width and shows where truncation lands on desktop and mobile, so you are optimising the pixels a searcher actually sees instead of a number on a checklist. The underlying habit — counting characters to a budget rather than eyeballing length — is the same discipline the online text tools guide sets out for word counts, case and cleanup.
How Long Should a Meta Description Be?
Meta descriptions have no fixed maximum, and Google no longer truncates them at the old ~155-160-character line — it now dynamically sizes the snippet to the query and the device, sometimes showing 200+ characters and sometimes a single sentence it extracted from your body copy. A sensible working range is 120-155 characters: long enough to carry a real benefit and a call to action, short enough that most of it survives the common truncation width on desktop.
Because Google may swap your description out entirely, write it to match the page's actual content, not to a keyword fantasy. If a searcher's query maps to a sentence in your description, Google is far more likely to keep your wording; if the description promises something the page does not deliver, it gets rewritten from the body — or the page loses the click when the promise disappoints. The meta description checker flags length and duplicate-description problems across a set so the boilerplate never ships.
Writing a Title Tag That Earns the Click
Front-load the primary term and place it early but naturally. 'Title tag vs heading: which one ranks?' beats a buried, brand-first construction, because the searcher scanning ten results sees the relevant words before truncation and matches them to their query. Put the brand at the end after a separator, not the start — leading with your brand wastes the most-visible characters on the one thing a searcher on Google already decided they did not come specifically for.
Make every page's title unique. Duplicated titles across pages tell both the search engine and the reader that the results are interchangeable, and Google resolves the ambiguity by rewriting one of them. Specificity does double duty as a differentiator and a relevance signal: a year, a number, a qualifier. Concrete phrasing ('the real limits, and how to write both') earns more attention than vague claims ('ultimate guide to metadata'), which is why the meta tag generator builds per-page titles from a page description rather than stamping one template over everything.
Writing a Meta Description That Earns the Click
Treat the description as ad copy for this specific page, in active voice, aimed at the person who just typed the query. State the benefit, then give a reason to act: 'Learn the exact pixel limits, where keywords belong, and why Google rewrites your text — then a checklist for writing both.' Answer the implied question ('is this result going to solve my problem?') in the first clause, because that is the part least likely to be truncated and the part a fast scanner actually reads.
Do not stuff, and do not write for the algorithm in a way a human would never say aloud. The description is your chance to include the query's own phrasing so it bold-matches the searcher's words in the result — that visual match lifts click-through even though the words themselves are not a ranking factor. If you are weighing how much target-language to include, the keyword density checker shows whether a page reads naturally or has tipped into over-optimisation.
Why Google Rewrites Your Title or Description
Since late 2021 Google has been explicit that it often does not use your <title> verbatim. It assembles the displayed title from multiple sources: your title tag, the on-page H1 and other headings, anchor text pointing at the page, image alt text, and the Open DMOZ directory (now long retired). If a page's H1 is a punchy, query-matching headline and the <title> is a terse brand string, Google may display the H1 instead — which is why the most reliable way to keep control is to make the <title>, the H1, and the body tell the same story in slightly different lengths.
Descriptions get replaced for the same reason: Google extracts the passage on your page that best answers the specific query, so a generic description loses to a relevant body sentence whenever they diverge. The defence is not trickery, it is accuracy — a page whose opening content genuinely matches its promised metadata gives Google no better text to substitute. Titles that are stuffed, mismatched, or empty are the ones that reliably get rewritten; a clear, honest, query-aligned title usually survives intact.
The Metadata You Can Ignore (and What Still Matters Around It)
The meta keywords tag is dead — Google has publicly ignored it since around 2009, and keyword-stuffed versions can act as a spam signal to some systems. Bing has said it uses them only as a weak corroborating quality signal, which means the honest move is to omit the tag entirely rather than maintain it. Time spent curating meta keywords is time stolen from the title, the description, and the actual page content, which is where any return lives.
Two neighbouring pieces of metadata do still pay off, just not for Google's organic ranking: Open Graph and Twitter Card tags control how your page looks when shared on social and messaging apps (a title, description and image picked per platform), and the URL slug is a small readability and relevance cue. Clean the slug with the text-to-slug tool, and build trackable variants with the UTM url builder when you share the same page across channels. For the media half of the search snippet, the image SEO guide covers alt text, formats and the hero image that feeds a page's Largest Contentful Paint.
A Repeatable Way to Write Both Across a Whole Site
For a handful of pages, write each by hand. For a large site, the failure mode is templated boilerplate — 'Buy {product} | Free Shipping' on ten thousand pages, which Google recognises as non-unique and rewrites at scale. The fix is a template with a genuinely variable middle: pull the one detail that makes this page different (its specific subject, size, or benefit) into both the title and the description, and let the static framing wrap around it. Then audit the output, do not assume it.
- One primary term per page, matched to the query that page is actually meant to win.
- Title: primary term up front, brand at the end, whole rendered line under ~580 px — verify width, do not eyeball.
- Description: 120-155 characters, active voice, the query's own phrasing in the first clause, a clear reason to click.
- Every title and description unique on the page set — batch-check for duplicates before publishing.
- Keep <title>, H1 and opening body in agreement so Google has no better text to substitute.
- Skip meta keywords; add Open Graph / Twitter Card tags for how the page looks when shared.
Frequently asked questions
The questions people ask most about how to write title tags and meta descriptions, answered directly.