Worked examples

Four practical meta tag setups you can copy and adapt

These examples are written for common page types we see most often: SaaS landing pages, local service pages, blog posts, and ecommerce product pages. Each example shows the reasoning behind the title, description, canonical, and social tags instead of only giving a finished snippet.

SaaS landing page

Project management software for small teams

Use a clear category term plus the audience and the main outcome. The description should explain what the product helps people do, not repeat every feature.

Open generator

Suggested inputs

Title tag
Project Management Software for Small Teams | Flowpilot
Meta description
Plan projects, assign work, and track deadlines in one place. Flowpilot helps small teams stay organized without enterprise complexity.
Canonical URL
https://example.com/project-management-software
OG title
Project Management Software for Small Teams | Flowpilot
OG description
A simple workspace for planning projects, tracking deadlines, and keeping small teams aligned.

Why this works

  • The primary category term is near the front of the title.
  • The title promises a specific audience fit instead of sounding generic.
  • The description explains the product outcome in plain language.
  • Social copy is short enough to be readable when shared.

Avoid these mistakes

  • Stuffing the title with every feature the product has.
  • Using a home page canonical on the landing page.
  • Writing a description that is only slogans and no concrete use case.
HTML snippet
<title>Project Management Software for Small Teams | Flowpilot</title>
<meta name="description" content="Plan projects, assign work, and track deadlines in one place. Flowpilot helps small teams stay organized without enterprise complexity.">
<link rel="canonical" href="https://example.com/project-management-software">
<meta property="og:title" content="Project Management Software for Small Teams | Flowpilot">
<meta property="og:description" content="A simple workspace for planning projects, tracking deadlines, and keeping small teams aligned.">
Local service page

Emergency plumber in Austin

Local pages should lead with the service and location. The description should set expectations about area served and response time rather than reading like a national template.

Open generator

Suggested inputs

Title tag
Emergency Plumber in Austin, TX | 24/7 Repairs | Hart Plumbing
Meta description
Need urgent plumbing help in Austin? Hart Plumbing handles burst pipes, leaks, and clogged drains with local 24/7 emergency response.
Canonical URL
https://example.com/austin-emergency-plumber
OG title
Emergency Plumber in Austin, TX | Hart Plumbing
OG description
Local 24/7 emergency plumbing for burst pipes, leaks, and drain issues in Austin.

Why this works

  • Service plus city appears immediately, which matches local search intent.
  • The description gives real service coverage rather than generic trust language.
  • The canonical points to the local landing page, not a broader services hub.

Avoid these mistakes

  • Reusing the same description across every city page.
  • Including cities the business does not actually serve.
  • Pointing every local page back to the homepage as canonical.
HTML snippet
<title>Emergency Plumber in Austin, TX | 24/7 Repairs | Hart Plumbing</title>
<meta name="description" content="Need urgent plumbing help in Austin? Hart Plumbing handles burst pipes, leaks, and clogged drains with local 24/7 emergency response.">
<link rel="canonical" href="https://example.com/austin-emergency-plumber">
<meta property="og:title" content="Emergency Plumber in Austin, TX | Hart Plumbing">
<meta property="og:description" content="Local 24/7 emergency plumbing for burst pipes, leaks, and drain issues in Austin.">
Blog article

Tutorial post with a practical promise

Article metadata should make the scope obvious. Good titles for posts describe the thing learned and hint at the angle or audience.

Open generator

Suggested inputs

Title tag
How to Write Meta Descriptions for Product Pages
Meta description
A step-by-step guide to writing product page meta descriptions that match search intent, avoid duplicate copy, and improve snippet quality.
Canonical URL
https://example.com/blog/meta-descriptions-product-pages
OG title
How to Write Meta Descriptions for Product Pages
OG description
A practical walkthrough with examples, rewrites, and a review checklist for ecommerce teams.

Why this works

  • The title clearly states the skill the article teaches.
  • The description previews what the reader will get from the piece.
  • The social description is written for clicks without becoming clickbait.

Avoid these mistakes

  • Using a vague title such as "Meta Description Tips".
  • Repeating the title with no extra value in the description.
  • Publishing the article under multiple paths and leaving canonicals inconsistent.
HTML snippet
<title>How to Write Meta Descriptions for Product Pages</title>
<meta name="description" content="A step-by-step guide to writing product page meta descriptions that match search intent, avoid duplicate copy, and improve snippet quality.">
<link rel="canonical" href="https://example.com/blog/meta-descriptions-product-pages">
<meta property="og:title" content="How to Write Meta Descriptions for Product Pages">
<meta property="og:description" content="A practical walkthrough with examples, rewrites, and a review checklist for ecommerce teams.">
Ecommerce product page

Product page with one clear differentiator

Product page metadata should combine the product name with the strongest buying detail such as material, size, audience, or shipping benefit. Do not paste the full spec sheet into the title.

Open generator

Suggested inputs

Title tag
Leather Laptop Sleeve 14 Inch | Padded Travel Case | Alder Goods
Meta description
Slim 14 inch leather laptop sleeve with padded lining and magnetic closure. Designed for daily carry and gift-ready shipping.
Canonical URL
https://example.com/products/leather-laptop-sleeve-14-inch
OG title
Leather Laptop Sleeve 14 Inch | Alder Goods
OG description
Slim leather sleeve with padded lining, magnetic closure, and gift-ready shipping.

Why this works

  • The title leads with the product and size, which filters the right click quickly.
  • The description mentions benefits shoppers care about instead of keyword stuffing.
  • Social tags keep the same product identity while using shorter phrasing.

Avoid these mistakes

  • Adding variant SKUs or every available size into the title.
  • Using the collection page canonical on every product page.
  • Writing descriptions that are only feature lists with no buying context.
HTML snippet
<title>Leather Laptop Sleeve 14 Inch | Padded Travel Case | Alder Goods</title>
<meta name="description" content="Slim 14 inch leather laptop sleeve with padded lining and magnetic closure. Designed for daily carry and gift-ready shipping.">
<link rel="canonical" href="https://example.com/products/leather-laptop-sleeve-14-inch">
<meta property="og:title" content="Leather Laptop Sleeve 14 Inch | Alder Goods">
<meta property="og:description" content="Slim leather sleeve with padded lining, magnetic closure, and gift-ready shipping.">