Title and Meta Description: The On-Page SEO Guide That Converts
What Google shows in the SERP, the ideal title-tag length, whether the meta description still matters, and how Open Graph appears on social.
Updated on June 30, 2026 · 7 min read
What Google actually shows in the SERP
Every organic result on a Google search page has three visible parts: the blue clickable title, the URL (sometimes shown as a breadcrumb trail), and a snippet of text underneath. The two that drive the click come, most of the time, from two invisible tags in the <head> of your HTML: the <title> and the <meta name="description">. Getting those two lines right is the part of on-page SEO that most affects how many people click your link — and the click is the first step of any conversion.
Here's the catch that surprises a lot of people: Google is not obligated to use what you wrote. It treats your <title> as a strong hint and your meta description as a weak one. When the algorithm decides your title doesn't match the query, it rewrites it — pulling from your <h1>, an internal heading, or even the anchor text of links pointing to the page. Industry studies that analyzed tens of thousands of results found Google rewriting titles in a large share of cases — around 60% — especially when the title is long, repetitive, or generic. The meta description gets swapped even more often: Google builds a snippet tailored to the query whenever it finds a passage on the page more relevant than your description.
The practical lesson: you're writing for two readers at once. The algorithm decides whether to accept your text; the person decides whether to click. Write short enough not to get truncated, and specific enough not to get rewritten.
Title tag: length, keyword, and brand
The <title> is the single highest-weight on-page SEO element after the content itself. It shows in the browser tab, becomes the bookmark name, and is the blue title in search. It's also a confirmed ranking factor — a weak one, but real. Three rules govern it.
Length: think in pixels, not characters
Google truncates the title by pixel width, not by letter count — the cutoff sits around 580 to 600 pixels. In practice that's roughly 50 to 60 characters, but it depends on the letters: a capital "W" takes far more room than a lowercase "i". A title full of capitals runs out of room sooner. Keep the essentials in the first 55 characters and you'll rarely see the ellipsis.
Keyword up front, brand at the end
Put the main term as close to the start as you can. Compare:
| Title | Characters | Verdict |
|---|---|---|
| BMI Calculator: Free and Online | 1001Ferramentas | 49 | Good — keyword first, brand last |
| The Definitive, Free, Online Guide to Finally Calculating Your BMI | 65 | Truncated, keyword buried |
| BMI, Calculate BMI, BMI Online, Body Mass Index 2026 | 52 | Repetitive — high rewrite risk |
The established pattern is "Main topic | Brand", with the brand after a separator (|, –, or —). It reinforces recognition without stealing space from the keyword. On pages where the brand is what earns the click — the homepage, for instance — flip the order.
Before publishing, it's worth checking how the snippet will actually render. The Title and Description Analyzer simulates the pixel width and flags anything over the limit, and the Meta Tags Generator assembles the <title>, the description, and the social variants from simple fields in one shot.
Meta description: does it still matter?
Short answer: it matters, but indirectly. Google has stated for years that the meta description is not a ranking factor — writing the perfect description won't push the page up. What it does is influence the click-through rate (CTR). Two pages in the same position can have very different CTRs purely because of the text under the title. And more clicks at the same position usually means more conversions.
- Length: desktop shows about 155 to 160 characters; mobile, closer to 120. Put the information that sells in the first 120.
- Write it like an honest ad: say what the reader gets by clicking, not what the page "contains". "Calculate your BMI in seconds and see your weight range on the WHO chart, with the result explained" beats "This page contains a BMI calculator".
- Include the keyword: when the searched term appears in the description, Google bolds it in the snippet, which catches the eye.
- One per page: mass-duplicated descriptions make Google ignore them and write its own.
To nail the length without guessing, the Word Counter shows the character count with and without spaces as you write, and the Meta Tag Analyzer reads a finished page and points out descriptions that are missing, too long, or duplicated.
Open Graph: how your link looks on social media
When you paste a link into WhatsApp, LinkedIn, Facebook, or Slack, a card appears with an image, a title, and a description. That card does not come from the <title> or the meta description — it comes from a separate set of tags from the Open Graph protocol, created by Facebook in 2010 and now read by nearly every network. If you don't define them, each platform improvises, and the result is usually a card with no image and the wrong text.
The four essentials live in the <head>:
og:title— the card title (it can differ from the search<title>)og:description— the card descriptionog:image— the image, the part that drives the most clicksog:url— the canonical URL of the content
The image is the critical part. The recommended ratio is 1.91:1, with 1200×630 pixels as the ideal size (minimum 600×315). Smaller images render as a small square thumbnail beside the text instead of the large card that earns more clicks. X (formerly Twitter) uses its own set, the twitter:card tags — with summary_large_image for the big card — but falls back to the og: tags when it doesn't find them.
Most networks cache the card aggressively. If you swap the image after a link has already been shared, you may need to force a re-fetch through each platform's debugging tool. The Meta Tags Generator emits the og: and twitter: blocks alongside the title and description, so you don't forget any of them.
Mistakes that cut your title in half
Most bad titles fall into one of these six mistakes — all easy to avoid once you know what to look for.
- Going over 600 pixels. The classic: Google ends it with "…". Fix: push the essentials to the front and trim adjectives.
- Duplicating the brand. "1001Ferramentas — BMI Calculator | 1001Ferramentas" repeats the name and wastes space; Google sometimes collapses the repetition on its own.
- Stacking keywords. "BMI, Calculate BMI, BMI Online, BMI Calculator" reads like spam and is one of the strongest rewrite triggers.
- Reusing the same title on every page. A whole site titled "Home" or just the brand name loses relevance. Every page deserves a unique title.
- Overusing capitals. "BMI CALCULATOR FREE ONLINE" has the same characters as the normal version but takes far more pixels and truncates earlier.
- Letting the CMS generate it. Without configuration, some systems use only the URL slug or the filename as the title. Always review it.
Running the page through the Title and Description Analyzer catches almost all of these before Google does — length, missing keyword, repetition, and generic titles.
Frequently asked questions
What is the ideal title tag length?
Aim for 50 to 60 characters, but the real limit is pixels: roughly 580 to 600. If the title uses lots of capitals or wide letters, it truncates sooner. The safest bet is to put the keyword and the core idea in the first 55 characters and check the pixel width in a snippet analyzer before publishing.
Does the meta description affect ranking?
Not directly. Google has confirmed for years that the description is not a ranking factor. What it affects is the click-through rate: a good description makes more people click at the same position. The effect is indirect but real, which is why a unique, persuasive description per page is worth the effort.
Why did Google change the title I wrote?
Because it treats your <title> as a hint, not a command. When it judges your title to be long, repetitive, generic, or poorly aligned with the query, it rewrites it using the <h1>, an internal heading, or the anchor text of links pointing to the page. Short, specific titles that match search intent get rewritten far less often.
Do I need Open Graph if I already have a title and description?
Yes — they're different things. The title and description control search; the og: tags control the card that shows when a link is shared on social media and messaging apps. Without them, the card comes out with no image or the wrong text, which kills the click exactly where it would be easiest to earn.
Pipe (|) or dash (–) in the title — which is better?
For SEO it makes no difference — Google ignores the separator itself. The choice is aesthetic. The pipe is more compact and the dash is visually softer; what matters is using one separator consistently across the site and not wasting pixels on decorative symbols.
Tools mentioned in this guide
Meta Tags Generator
Generate SEO meta tags — title, description, canonical and Open Graph — in seconds. Copy the generated HTML directly into your site.
Title and Description Analyzer
Check whether your <title> (50-60 chars) and meta description (150-160 chars) are at the ideal length for Google. Shows snippet preview. Everything in your browser.
Meta Tag Analyzer
Paste a page HTML and see all meta tags (description, keywords, Open Graph, Twitter, viewport, robots) extracted and organized. Everything in your browser.
Word Counter
Count words, characters with and without spaces, and paragraphs in real time. Ideal for writers, students and anyone working with text.