Titles and descriptions that earn the click

The title is the promise a stranger sees before they decide to open the page. The description is the next sentence of that promise. If the page does not keep both, the click was borrowed.

Title tag best practices start from that promise. Say what the page is, in the language of the page, short enough that the important words survive on a phone.

A title the page can keep

Write the title after the page has a point, not before. A homepage title should say who you are and what you make. A service page should name the service and the buyer. An article should name the decision the article helps someone make. Hanabi's own recommended title is the shape to copy when it fits: the name, then the work, in a line a person can read once.

Google's documentation on title links is direct about quality. Every page needs a title element. The text should be descriptive and concise. Vague labels such as "Home" or "Profile" throw away the one line people use to choose a result. Stuffing the same phrase several times makes the result look like spam to people and to Google. Repeating one boilerplate ending on every URL makes the pages impossible to tell apart.

The same document says Google may rewrite a title when the element is half empty, out of date, inaccurate, or fighting with several headings of equal weight. The practical lesson is simple. Make one heading the obvious title of the page. Keep the title element in step with that heading. Use the same language as the body. If the page is rewritten, rewrite the title the same day.

There is no magic character cutoff in that guidance. Google says the title link is truncated to fit the device. A working habit is to stay near 60 characters so the promise is likely to be the part that shows. If you need more words, the page's H1 can carry them. The title element can stay tighter. They do not have to be identical. They do have to agree.

What Google looks at besides the tag

The title element is the preference you send. It is not the only source. Google lists the main visual title, heading elements, the og:title meta tag, other prominent text, anchor text on the page, the text of links that point at the page, and WebSite structured data.

That list is a reason to be consistent. If the H1 says one thing, the title element says another, and the link from your homepage says a third, you have asked for a guess. Pick the sentence you want quoted and use it, or a faithful short version of it, in the places people and crawlers both see.

Brand the title in a small way. Google's example is a site name at the start or the end, separated with a hyphen, a colon, or a pipe. Putting a long slogan on every page eats the space the specific page needed. The homepage can carry a fuller line. Inner pages can end with the name and spend the front of the title on their own topic.

Ask someone who does not work on the site to read five titles in a row. If they can say what each page is, the set is doing its job. If they sound like the same page with one noun swapped, start over.

Descriptions that earn the same click

The meta description is the snippet you hope will appear under the title. Treat it as a summary, not as a tease. Google's people-first content guidance asks whether the main heading gives a helpful summary, and whether that heading avoids exaggeration. The description should pass the same test. Say the point in a sentence or two. Name the reader when it helps. Offer the next step only if the page actually offers it.

A weak description restates the title and adds "learn more." A strong one adds a fact the title did not have room for: who the advice is for, or the condition under which it changes. "A seed-stage site needs a home, proof, and a way to talk. The rest can wait." is a description. "Unlock the secrets of website success" is a stall.

Write the description from the first two sentences of the page. If those sentences are not quotable, fix the page before you polish the tag. Search engines can choose other text from the page when the description is thin or mismatched. Clear opening lines give them something worth using.

Do not hide a different offer in the snippet. If the page is a guide, the snippet should describe the guide. If the page is a sales page, the snippet should say what is being sold. The click is the start of trust. A surprise after the click spends that trust on the first screen.

A short checklist

Use this before a page ships:

• One title element, unique to this URL.
• The main words name the page's job, not a pile of synonyms.
• The visible H1 agrees with the title, even if it is a little longer.
• The description states the point in plain language.
• The language of the title matches the language of the page.
• Nothing in the title will be false in six months, such as a year, a price, or a ranking you do not control.

Read the title in a results-shaped box, about the width of a phone. If the cut falls in the middle of the point, move the point to the front. Brand and decoration go at the end.

When several pages share a template, write the varying part first. "Pricing" is not a title. "Pricing for the studio plan" might be, if that is what the page explains. Templates are where boilerplate sneaks back in. Look at three generated titles side by side before you call the template done.

Titles on a studio site

The homepage title carries the search language the brand line might not. An H1 can stay more particular. The sentence under it should still say who the studio is for and what it makes, because some visitors never read past that fold, and some systems quote whatever is prominent.

Service pages, project pages, and posts each get their own promise. A project title should name the project and the kind of work. A post title should name the outcome or the decision. Resist the urge to append " | Blog | Insights | Studio" until the specific words are gone.

If you are setting those lines while the site is being designed, the same pass should cover headings, speed, and a sentence that says what the company is. That order of work is the subject of making a site search-ready before decorating it. Titles written on top of a vague page still point at a vague page.

The pages those titles point at are the work in Hanabi's services: websites, brand systems, and product interfaces for founders, described in language a stranger can check against the screen.