Title Tags, Meta Descriptions and Canonical Tags: What Actually Matters

Four small tags in your page's <head> shape how your site appears in search results and social feeds. Here is what each one does, what Google actually does with it, and how to write them for a SaaS site.

Title tags

The <title> element is the main signal for the clickable headline in search results. Google may rewrite titles it considers unhelpful — it does this more often since an August 2021 update — usually when a title is stuffed with keywords, too long, or identical across many pages.

• Describe the page, then the brand: Pricing & Plans | BriefCraft.
• Keep it short enough to display. Results are truncated by pixel width (roughly 600 px on desktop), which is usually 50–60 characters.
• Make every title unique. Duplicate titles are one of the most common reasons Google rewrites them.

Meta descriptions

Google has said for years that the meta description is not a ranking factor. It still matters, because Google often uses it as the snippet under your title, and a clear snippet earns more clicks. Google may instead show text from the page when it better matches a particular query.

• One or two sentences, roughly 140–160 characters.
• Say what the page offers and who it is for.
• Unique per page; never leave the same description on every page.

Canonical tags

<link rel="canonical" href="https://example.com/pricing"> tells search engines which URL is the main version of a page. It matters whenever the same content is reachable through several URLs — tracking parameters, trailing slashes, uppercase paths, or http vs https.

• Use the absolute HTTPS URL.
• Put a self-referencing canonical on every indexable page.
• Canonicals are a strong hint, not a command; consistent internal links and redirects make them stick.

Open Graph and Twitter cards

Open Graph tags don't affect rankings, but they control the preview card when your link is shared on LinkedIn, Slack, Discord, X and iMessage. For a launch, that preview is often the first impression.

<meta property="og:title" content="BriefCraft — launch-readiness audits">
<meta property="og:description" content="Audit your site, then get listed.">
<meta property="og:image" content="https://example.com/og-image.png">
<meta name="twitter:card" content="summary_large_image">

Use a 1200×630 image with large, legible text.

One H1, then a logical outline

Headings help readers and search engines scan a page. Use a single <h1> that states the page's topic, then H2s for sections and H3s within them. Don't pick heading levels for their font size.