How to Write a Meta Title and Description That Gets Clicks

To write a meta title and description, put the main topic near the start of the title and keep it to roughly 30–60 characters, then write a 70–160 character description that says what the page offers and why someone should click. Paste both into the free Meta Title & Description Checker to see length meters, a Google-style preview, and copy-ready HTML tags. Treat these limits as guidance: Google truncates by pixel width, not by an exact character count.

How title tags and meta descriptions appear in search

The title tag (<title>) usually becomes the blue clickable headline in search results. Google calls this the title link. The meta description (<meta name="description">) is often used for the gray snippet underneath.

Two things are worth knowing before you start:

• Truncation is based on pixel width. Google cuts titles at roughly 600 pixels, so "WWW" takes up more room than "iii". Character counts are a stand-in for that width, not an exact rule.
• Google may rewrite either one. Google's documentation on title links and snippets explains that it may use other text from your page when that better matches what someone searched for.

How to check your title and description, step by step

1. Open the Meta Title & Description Checker. It starts with a sample title and description for a PDF tool, so replace them with your own.
2. Type your title into Title tag. The meter below it shows length / 60 characters and a status message.
3. Type your description into Meta description. Its meter counts against 160.
4. Optionally fill in Page URL (optional), Social image URL (optional), and Site name (optional).
5. Check the Search result preview to see how the result might be cut off.
6. Copy the HTML meta tags block and paste it into your page's <head>, or copy the values into your CMS's SEO fields.

What the meter colors mean

A short title isn't an error. The tool's message, "Short titles can work, but you may have room for a keyword or brand", is a prompt, not a penalty. A red title shows "Over 60 characters—Google will likely truncate it."

Worked example

Here's a title and description for a word counter page:

• Title tag: Word Counter – Count Words & Characters | Toolstik
• Meta description: Count words, characters, sentences, and reading time as you type. Free, private, and nothing is uploaded—your text stays in your browser.

The title is 50 characters and the description is 137 characters. Both meters turn green. With Page URL set to https://toolstik.com/tools/word-counter, the tool generates a <title>, a meta description, a canonical link, Open Graph tags (og:title, og:description, og:type, og:url), and a twitter:card tag. The & in the title is escaped as & so the HTML stays valid.

Compare that with a title like "Free Word Counter: Count Words, Characters, and Reading Time Online Instantly". It's 77 characters, so the meter turns red and the preview cuts it to "Free Word Counter: Count Words, Characters, and Reading…".

How to write a good meta title

• Lead with the topic. People scan the first few words, so put what the page is about at the start.
• Make each title unique. Pages with the same title compete with each other and confuse searchers.
• Add your brand at the end if there's room, separated by a pipe or dash.
• Match the page. If the title promises something the page doesn't deliver, Google is more likely to rewrite it, and visitors are more likely to leave.

How to write a good meta description

• Summarize the page in one or two sentences, with a concrete benefit.
• Include the main phrase people search for naturally. Google often bolds words that match the search.
• Give a reason to click, such as "free", "no sign-up", or a specific outcome, but only if it's true.
• Don't count on rankings. Google has said meta descriptions aren't a direct ranking factor. Their job is to earn the click.

Common mistakes

• Keyword stuffing, like "PDF merge, merge PDF, PDF merger free". It reads badly and invites a rewrite.
• Leaving the description empty. The tool warns: "Add a description, or Google will pick a snippet from the page."
• Copying the same description across many pages.
• Aiming for an exact character count. A 59-character title full of wide capital letters can still be cut off.

Troubleshooting

The preview looks fine but Google shows something else. The preview is an approximation based on character count. Google decides on pixel width and may rewrite the text. Check the live result after Google recrawls the page.

Social previews show the wrong image. Add a full image URL in Social image URL (optional). With an image, the tool sets twitter:card to summary_large_image, and without one it uses summary. Social platforms also cache previews, so changes can take time to show up.

og:type isn't right for my page. The tool always outputs website. For article pages, change it to article by hand after copying.

Alternatives and related tools

Many CMS SEO plugins have their own snippet editor, and Google Search Console shows which queries your pages appear for. Toolstik is useful for quick drafts outside your CMS or for checking competitor-style titles before you publish.

For longer copy, the Word Counter gives exact word and character counts. To describe the page to search engines in more detail, add structured data with the Schema Markup Generator. Our guide on how to create JSON-LD schema markup walks through it. If your page doesn't have a clean URL yet, see how to create an SEO-friendly URL slug.

Privacy

The checker doesn't fetch your page or upload anything. Everything you type stays in your browser. Browse the rest of the toolkit in free SEO and text tools.