How to Write Meta Titles and Descriptions That Match the Page
Write meta titles and descriptions, preview search and social cards, and copy a clean HTML head snippet without keyword stuffing.
Meta titles and descriptions do not rank a page by themselves, but they decide whether a search or social preview looks honest and clickable. A good pair matches the page the visitor will open, states the topic early, and stays readable when truncated.
The Haivix Meta Tag Generator keeps the workflow in your browser: fill the fields, watch character counts, preview a search-style and social-style card, then copy or download an HTML snippet. It does not crawl your live page, so you still need to verify the final tags in source after you publish.
What belongs in the title
The HTML <title> is the primary label for browser tabs, bookmarks, and many search result headlines. Lead with the specific topic people search for, then add the brand when it helps recognition. Avoid stuffing every synonym into one line—search systems and people both prefer a clear primary phrase.
In the Haivix tool, the title field accepts up to 180 characters and shows a live count. That limit is for editing comfort, not a guarantee of how long a SERP will display. Write for sense first, then shorten until the preview still reads as a complete thought.
Write a description that finishes the promise
The meta description is a short pitch, not a second title. Summarize what the page delivers, who it is for, and what happens next. Skip vague claims like “best ever” and skip repeating the title word-for-word.
The generator caps the description at 400 characters and reuses the same title and description for Open Graph and Twitter Card tags. If you need a different social caption later, edit those tags in the page source—or use the Open Graph Image Preview to check how a share card looks with your image URL.
Canonical, robots, and social image
Set a canonical URL when the page can be reached from more than one address. The tool only accepts valid http: or https: URLs for canonical and social image fields. Wrong protocols are ignored rather than written into broken tags.
Choose robots carefully. Most public articles want index, follow. Use noindex for thank-you pages, internal staging, or thin parameter URLs you do not want indexed. The generator offers the common combinations; it does not invent custom robots directives beyond those options.
Add a social image URL when you already host a 1200×675 (or similar) share image. The preview is editorial guidance—platforms can crop, delay, or ignore the image. For crawler rules that sit beside metadata, pair this work with the Robots.txt Generator.
Use the previews without trusting them blindly
The search preview builds a domain label from the canonical hostname when present, otherwise it falls back to a placeholder domain. The social preview shows site name, title, description, and an optional image. Both help you catch awkward truncation and mismatched messaging before you ship.
They are not a promise of Google, Bing, LinkedIn, or X rendering. Character limits, branding, and A/B tests on the platform side still apply. Treat the preview as a writing aid, then confirm in a URL inspection or share debugger after deploy.
Checklist before you paste into production
Open the Meta Tag Generator, load the example if you want a starting shape, clear it, then enter your fields. Use Copy metadata or Download snippet for meta-tags.html. Nothing is uploaded to Haivix—the work stays in the current browser session until you clear the form.
- Title names the real topic and is unique on your site.
- Description adds new information instead of repeating the title.
- Canonical points at the preferred HTTPS URL.
- Robots match the page’s intent (index vs noindex).
- Social image URL is absolute HTTPS and loads without auth.
- You copied the snippet and verified escaping of quotes and ampersands.
- After publish, you confirmed the live head tags match what you intended.