Meta Tags That Actually Affect SEO (And How to Write Them)

Every HTML page has a head full of metadata — tags that describe the page to browsers, search engines, and social platforms. Most of these tags are invisible to users but highly visible to Google, Facebook, and Twitter. Writing them well is one of the simplest, most reliable SEO improvements you can make, and it takes minutes per page.

The three meta tags that matter most

• Title tag — the clickable headline in search results. Google reads the first 50-60 characters and displays about 60. It's the single strongest on-page signal for what a page is about.
• Meta description — the snippet under the title in search results. Not a direct ranking factor, but it determines whether someone clicks. Google displays about 155-160 characters. Write it as a pitch, not a summary.
• Canonical URL — tells search engines which version of a page is the 'real' one. Without it, duplicate URLs (with/without trailing slash, with query parameters) can split your ranking signals.

How to write a title tag

• Put the most important keyword first — Google weights the beginning of the title more heavily.
• Keep it under 60 characters — anything beyond gets truncated in search results.
• Include your brand at the end — 'Page Title | ForgePlug' format keeps the keyword close to the front.
• Make each page unique — a site with 50 pages all titled 'Home' confuses crawlers about which page to rank.
• Don't keyword stuff — 'JSON Formatter, JSON Validator, JSON Minifier, JSON Beautifier' reads as spam and gets truncated.

How to write a meta description

The meta description doesn't directly affect rankings, but it controls your search snippet — the text that appears under your title in Google. A good description acts like ad copy: it promises a specific benefit and makes the searcher want to click.

• 150-160 characters — long enough to be useful, short enough not to get truncated.
• Include the primary keyword — Google bolds matching terms in the snippet, which draws the eye.
• Match search intent — if someone searches 'merge pdf files', your description should say 'Merge PDF files in your browser — no uploads, no sign-up.'
• Avoid duplicate descriptions — every page should have its own.

Open Graph and Twitter Cards

Open Graph tags control how your page appears when shared on Facebook, LinkedIn, and other platforms. Twitter Cards do the same for X (Twitter). Without these tags, social platforms guess — and they often guess wrong, pulling a random image or truncating your description.

• og:title — the title shown in the social card (can differ from your SEO title).
• og:description — the description shown in the social card.
• og:image — a 1200×630 image that appears as the card thumbnail. This is the most impactful social tag — a good image dramatically increases click-through.
• og:url — the canonical URL of the page.
• twitter:card — use 'summary_large_image' for a large thumbnail, 'summary' for a small one.

Common mistakes

• Missing title tag — every page must have one. A page without a title shows up as 'Untitled' in search results.
• Duplicate titles across pages — 'Blog Post' on 50 pages means Google doesn't know which to rank.
• Meta description missing — Google auto-generates a snippet from your content, which is usually less compelling than what you'd write.
• No canonical URL — parameterized URLs (/?sort=date&page=2) can dilute ranking signals without a canonical.
• og:image pointing to a tiny image — social platforms need at least 1200×630 for a crisp card.

Why Google sometimes shows a different title than the one you wrote

Writing a careful title tag doesn't guarantee Google displays it verbatim. Google has documented that it will rewrite the displayed search-result title — pulling instead from the page's visible H1, prominent on-page text, or other signals — when its systems judge the actual title tag doesn't match what it thinks searchers are looking for. This most often happens with titles that are too long, stuffed with repeated keywords, or generic across many pages. A well-written, specific, reasonably concise title tag is still the strongest lever you have over what Google shows, but it isn't a guarantee — if search results consistently show something different from your title tag, that's worth treating as a signal the title itself needs work, not a glitch to ignore.

The tag that overrides all the others

A robots meta tag set to noindex removes the page from search results entirely, and once that happens none of the other tags on this page matter for search purposes — a perfectly written title and description on a noindexed page will never be seen in a search result, because the page itself isn't eligible to appear. It's worth checking this first when a page seems to be performing worse than its content deserves: a stray noindex, often left over from a staging environment or a template default, silences everything else on the page regardless of how well it's optimized.