How to Write SEO Meta Titles and Meta Descriptions
Learn how to write meta titles and meta descriptions that attract clicks. Practical examples, common mistakes, and a pre-publish checklist for better SEO.
SEO Tools · UtilityHub Blog
A meta title and a meta description are the first two things a searcher sees in Google results. They decide whether someone clicks your page or scrolls past it. Writing them well is a practical skill with clear rules, and once you understand the pattern, you can apply it to every page on your site.
This guide covers how to write meta titles and meta descriptions that attract clicks, avoid common mistakes, and work across devices.
What is a meta title?
The meta title (also called the title tag) is the clickable headline that appears in Google search results. It also shows in the browser tab and when someone shares your page on social media.
<title>How to Compress a PDF Without Losing Quality | UtilityHub</title>
The title tag is the single most visible piece of text in your page's search presence. It directly affects whether someone decides to click your result or a competitor's.
What is a meta description?
The meta description is the short summary displayed under the title in search results. It does not directly affect rankings, but it strongly influences click-through rates because it tells the searcher what the page offers.
<meta name="description" content="Learn how to compress a PDF without losing quality. Reduce PDF file size for email and uploads, right in your browser - no installs.">
Google does not always use the description you provide, but a well-written one gives you the best chance of controlling how your page appears in search results.
How Google displays your title and description
When someone searches for a term Google associates with your page, it shows a result card. The structure is predictable:
- Title - the blue clickable line at the top, powered by your meta title
- URL - the green line showing the page path
- Description - the gray text below, from your meta description or a Google-chosen snippet
Google may truncate your title after about 60 characters or your description after about 160 characters. It may also bold search terms that match the query, making your result more visually relevant.
How to write a strong meta title
The title tag needs to do two things at once: help search engines understand the page and convince a human to click. Here is a practical process:
Step 1: Start with the primary keyword. What would someone search to find this page? That is your starting point.
Step 2: Add context or a benefit. The keyword alone is not enough. Tell the searcher what the page offers beyond the obvious.
Step 3: Include the brand at the end. Put your site name after a pipe or dash. It builds recognition without cluttering the topic. For company pages - services, products, locations - format the business name identically across every page so searchers see a consistent brand throughout the results.
Step 4: Keep it under 60 characters. Check the length. If it is too long, cut the less important words before cutting the keyword.
Here are practical examples of weak titles improved:
| Weak title | Improved title |
|---|---|
| Home | UtilityHub - Free Online Tools |
| Blog Post About Compressing PDFs | How to Compress a PDF Without Losing Quality |
| SEO Tips for Your Website | 7 SEO Meta Tag Mistakes Hurting Your Traffic |
| Image Resizer Tool Online Free | Resize Images Online - Maintain Quality |
The improved versions are specific, front-load the topic, and tell the searcher what the page delivers.
How to write a useful meta description
A good meta description reads like a short pitch for the page. It should:
- Summarize what the page is about in one or two sentences
- Include the primary keyword naturally
- Match the search intent - someone searching "how to compress a PDF" wants to know the method, not just that the tool exists
- Stay within 150-160 characters so it displays fully
Compare these descriptions:
Weak:
Welcome to our website. We have many tools to help you with
your work. Check out our PDF tools today.
Strong:
Learn how to compress a PDF without losing quality. Reduce
file size for email and uploads in your browser - free, no
sign-up required.
The weak version says nothing useful. The strong version tells the searcher exactly what they will learn and removes friction with "free" and "no sign-up."
Match descriptions to search intent
Search intent is the reason behind the query. The same topic can have different intents, and your description needs to match:
| Query | Likely intent | Description should emphasize |
|---|---|---|
| "what is a meta title" | Learning | Explanation and definition |
| "meta title examples" | Comparing examples | Practical examples |
| "seo meta title length" | Quick fact | Specific answer |
| "write meta descriptions for ecommerce" | Practical guidance | Actionable process |
If someone searches "what is a meta title," they want a clear answer. If someone searches "seo meta title examples," they want to see real examples. Your description should signal that the page matches their intent.
Why Google rewrites your descriptions
Google rewrites meta descriptions for several reasons:
- The description does not match the query - Google finds a better snippet on the page that answers the search
- The description is duplicated across multiple pages
- The description is too vague - it does not help the searcher decide
- The description is significantly too long or too short - outside the range that displays well
You cannot prevent Google from rewriting descriptions, but you can reduce the chance by writing descriptions that accurately summarize the page and match common search queries for that page.
How long should a meta title be
The ideal meta title length is 50-60 characters. Within that range, Google displays the full title in search results. Beyond 60 characters, the tail end gets cut off with an ellipsis.
This matters most on mobile, where screens truncate titles even sooner - often after 50-55 characters. A title that looks perfect on desktop may lose its most important word on a phone screen.
Use a character counter to check length before publishing. If your title exceeds 60 characters, cut the less important words before cutting the keyword. For example:
- Too long (72 chars): How to Write a Really Good Meta Title for Your Website | UtilityHub
- Under the limit (54 chars): How to Write a Meta Title That Gets Clicks | UtilityHub
The shorter version keeps the primary topic, adds a benefit (gets clicks), and includes the brand - all within the display limit. For a deeper look at how meta titles fit into the broader tag structure, see our complete guide to SEO meta tags.
Mobile vs desktop considerations
Mobile screens show less text. A title that displays fully on desktop may get truncated on a phone. The same applies to descriptions.
On mobile:
- Titles are often cut after about 50-55 characters
- Descriptions may show only one line before truncation
- Bolded keywords in descriptions are more visually important because they stand out on smaller screens
This is another reason to front-load your important words and keep descriptions concise. The first 150 characters of a description are more reliable than the last 10.
The pre-publish checklist
Before publishing any page, run through these checks:
- The title is under 60 characters and clearly names the page
- The title is unique across your site (no two pages share the same title)
- The description is between 150-160 characters
- The description accurately summarizes the page content
- The description includes the primary keyword naturally
- The title and description are not misleading or clickbait
- The page has a canonical tag pointing to the correct URL
A character counter is useful for trimming descriptions to the right length. If you need to check whether a title fits within the display limit, count the characters before publishing.
Generate tags automatically
Writing these by hand for every page is repetitive and easy to get wrong. A metadata generator produces clean, complete markup from a single form.
Generate meta titles and descriptions
Generate SEO meta tags for your website including title, description, keywords, Open Graph, and Twitter Card tags.
The generator outputs title tags, meta descriptions, Open Graph tags, Twitter Cards, and structured data - so you get the complete set without manually editing HTML.
Connect to the broader SEO picture
Meta titles and descriptions are part of on-page SEO, but they work alongside other elements. For a full overview of how meta tags, Open Graph, and structured data fit together, see our complete guide to SEO meta tags. If you are also writing long-form content and need to manage word count, our word counter guide covers practical editing habits.
SEO tools that help
Generate SEO meta tags for your website including title, description, keywords, Open Graph, and Twitter Card tags.
Generate Open Graph meta tags for rich social media previews on Facebook, LinkedIn, and other platforms.
Generate Twitter Card meta tags for rich previews when your pages are shared on X (Twitter).