Writing Titles and Meta Descriptions That Get Clicked
Your title tag and meta description are your listing in Google's search results (how those tags work at the HTML level is covered separately). They're a sales pitch with about three seconds to convince someone to click. Most static websites either skip these entirely or write them as an afterthought. Both are mistakes.
What a search result actually looks like
When someone Googles "handmade pottery Portland," they see a list of results. Each result has three parts:
- The blue clickable link (your
<title>tag) - The green URL (your domain and path)
- The gray description (your
<meta name="description">, sometimes rewritten by Google)
Users scan five or six results before clicking. Yours has about half a second to look like the right answer.
Title rules
Keep it under 60 characters. Google cuts off anything longer with an ellipsis. Mobile cuts even earlier.
Front-load the important words. If "pottery classes Portland" is what people search for, lead with that. Don't bury it after the brand name.
Include the brand at the end. The pattern Topic | Brand Name works well. Example: Pottery Classes in Portland | Sara's Studio .
Make every page different. If your shop page and your homepage have the same title, they compete with each other in Google's index.
Description rules
Keep it under 155 characters. Anything longer gets truncated.
Describe what's actually on the page. Not what you wish were on the page. If the description promises something the page doesn't deliver, users bounce, and Google notices.
Include a reason to click. A specific detail, a number, a benefit. Something concrete.
Skip the keyword stuffing. The description isn't a direct ranking factor. It's a click-through-rate factor. Write for humans.
Before and after
Pottery classes page, before:
<title>Classes - Sara's Pottery</title> <meta name="description" content="We offer pottery classes. Sign up today!">
Pottery classes page, after:
<title>Pottery Classes in Portland, OR | Sara's Studio</title> <meta name="description" content="Six-week beginner pottery classes in NE Portland. Wheel throwing and hand building, small groups of 8, all materials included. Next session starts June 1.">
The "after" version tells the searcher exactly what they're getting: location, format, group size, start date. Compare that to "we offer pottery classes" and ask which one you'd click.
What about the homepage?
The homepage title is the one most people get wrong. They write something like "Home" or "Welcome" or just the business name. None of those help.
Good homepage title pattern: Brand Name: Short Description of What You Do (City)
Examples:
- Sara's Pottery Studio: Handmade Ceramic Mugs and Bowls (Portland)
- Nimbus Architects: Sustainable Home Design in Vermont
- Bright Stack: Documentation Generators for Developer Teams
How to write good ones, fast
For each page, answer these three questions:
- What is this page about? (in five words)
- Who is it for? (in five words)
- Why would they click? (in ten words)
Put answer 1 at the start of the title. Combine all three in the description. Done.
Checking how your titles look in Google
Search "website:yoursite.com" in Google or check your titles directly in Google Search Console. This shows you every page Google has indexed and exactly how the title and description appear. Read them like a stranger would. Anything that doesn't make sense, rewrite.
The five-minute audit
Open every HTML file in your project. Read the title. Read the description. Rewrite the ones that don't earn a click. Most static websites have maybe 5 to 20 pages, so this is an afternoon of work that often outperforms months of other SEO effort.