SEO ToolsAugust 15, 20267 min read

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.

J
Jalal Khan

SEO Tools · UtilityHub Blog

How to Write SEO Meta Titles and Meta Descriptions

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 titleImproved title
HomeUtilityHub - Free Online Tools
Blog Post About Compressing PDFsHow to Compress a PDF Without Losing Quality
SEO Tips for Your Website7 SEO Meta Tag Mistakes Hurting Your Traffic
Image Resizer Tool Online FreeResize 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:

QueryLikely intentDescription should emphasize
"what is a meta title"LearningExplanation and definition
"meta title examples"Comparing examplesPractical examples
"seo meta title length"Quick factSpecific answer
"write meta descriptions for ecommerce"Practical guidanceActionable 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:

  1. The description does not match the query - Google finds a better snippet on the page that answers the search
  2. The description is duplicated across multiple pages
  3. The description is too vague - it does not help the searcher decide
  4. 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.

Open Meta Tag Generator

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

seo
meta tags
on-page seo
content optimization
Share this article

Related tools

Frequently Asked Questions

J

Jalal Khan

Web developer and Registered Nurse-in-training who verifies every health-related calculator formula on UtilityHub.

About the author

Related articles

View all
The Complete Guide to SEO Meta Tags for Your Website
Featured
SEO ToolsJun 15, 20266 min read

The Complete Guide to SEO Meta Tags for Your Website

Learn what SEO meta tags are, how to write a title tag and meta description, and use Open Graph and structured data to win more clicks.

Read article
Twitter/X Cards: How to Improve Link Previews
Featured
SEO ToolsAug 19, 20265 min read

Twitter/X Cards: How to Improve Link Previews

Learn what Twitter Card tags are, how twitter:card, twitter:title, and twitter:image work, and how to implement them alongside Open Graph tags.

Read article
Open Graph Tags: Control Social Media Link Previews
Featured
SEO ToolsAug 18, 20266 min read

Open Graph Tags: Control Social Media Link Previews

Learn what Open Graph tags are and how og:title, og:description, and og:image control link previews on Facebook, LinkedIn, and WhatsApp.

Read article