Many developers treat meta tags as a checkbox: add a title, add a description, done. But the details matter. A title tag at 65 characters will be truncated in search results. A meta description at 90 characters won't fill the snippet. A noindex tag on a page that should be indexed silently removes it from search results over the next crawl cycle. This guide covers every meta tag that affects SEO, with the right values and the common mistakes.
Key Takeaways
- Title tag: 30–60 characters, keyword-first — the single most important on-page SEO element
- Meta description: 120–155 characters — not a ranking factor, but drives click-through rate from search results
- Canonical tag: tells Google which URL is the preferred version when the same content exists at multiple URLs
meta robotswithnoindexremoves the page from Google's index — a common accidental setting in staging environments- Open Graph tags (
og:title,og:image) control how your pages appear when shared on social media — separate from the SEO title and description
The Title Tag — Most Important On-Page SEO Element
The <title> tag in your page's <head> is the primary signal Google uses to understand the page's topic. It's also what appears as the blue headline in search results. Getting this right is the highest-leverage SEO action on any page.
<title>Keyword-First Title Here — Branding (30–60 chars)</title>Length: 30–60 characters. Under 30 and Google may judge the page as thin. Over 60 and it gets truncated in search results — the user sees an ellipsis mid-thought and your click-through rate drops.
Keyword placement: Put the target keyword at or near the start. Eye-tracking studies show users read the beginning of snippets first. Google also weighs keywords closer to the start more heavily.
Duplicates: Every indexable page must have a unique title tag. Duplicate titles signal to Google that two pages serve the same purpose — one gets demoted or both rank lower than a well-differentiated pair.
Meta Description — Controls Click-Through Rate
The meta description is not a ranking factor — Google has confirmed this. But it directly influences whether a user clicks your result in search. A compelling, accurate description that matches search intent drives higher click-through rates, which are a positive engagement signal.
<meta name="description" content="120–155 characters. Describe the page accurately, include the keyword naturally, and tell the user what they'll get.">Length: 120–155 characters. Google truncates at roughly 155 characters in desktop results (less on mobile). Under 120 and your snippet looks sparse.
Accuracy: Don't write a meta description that doesn't match the page content. If Google detects a mismatch, it often rewrites the snippet from the page body — which is usually worse than what you wrote.
Canonical Tag — Prevent Duplicate Content Confusion
The canonical tag tells Google which URL is the "original" when the same or similar content exists at multiple URLs. Without it, Google has to decide — and it often chooses the wrong one to rank.
<link rel="canonical" href="https://www.example.com/the-correct-url/">Common situations requiring canonicals:
- HTTP vs HTTPS, www vs non-www — multiple domain variants serving the same content
- Trailing slash vs no trailing slash —
/page/and/pageas separate URLs - URL parameters —
/products?sort=priceand/products?sort=nameshowing the same underlying content - Paginated content — page 2 of a category canonicalising to page 1 if it has no unique value
- Syndicated content — when your article appears on other sites, they should canonical back to your original URL
The canonical tag is a hint, not a directive — Google may override it if it detects significant differences between URLs. But in the vast majority of cases, Google follows canonical tags.
Meta Robots — Indexing and Crawling Control
The meta robots tag controls how search engines treat the page for indexing and link-following.
<!-- Index and follow links (default — no need to add explicitly) -->
<meta name="robots" content="index, follow">
<!-- Remove from index; don't follow links -->
<meta name="robots" content="noindex, nofollow">
<!-- Remove from index; still follow links -->
<meta name="robots" content="noindex, follow"><meta name="robots" content="noindex"> to prevent search engines from indexing the test site. If this tag accidentally ships to production, the pages are removed from Google's index within days to weeks. Always check for noindex in your deployment pipeline.
The googlebot name targets only Googlebot; robots targets all crawlers. You can combine both for fine-grained control:
<!-- Only Google: noindex; all others: index -->
<meta name="googlebot" content="noindex">
<meta name="robots" content="index, follow">Viewport Meta Tag — Required for Mobile SEO
Not strictly an SEO meta tag, but missing it triggers a Google mobile usability warning and hurts rankings in mobile search.
<meta name="viewport" content="width=device-width, initial-scale=1.0">Without this tag, mobile browsers render your page at desktop width and shrink it — making text tiny and touch targets unusable. Google uses mobile-first indexing, so poor mobile usability directly affects search rankings.
Open Graph Tags — Social Media Previews
Open Graph (og:) tags control how your page appears when shared on Facebook, LinkedIn, Slack, and most other social platforms. They're separate from your SEO title and description — you can and should optimise them differently for social engagement.
<meta property="og:title" content="Compelling Social Headline">
<meta property="og:description" content="Description optimised for social sharing.">
<meta property="og:url" content="https://www.example.com/page/">
<meta property="og:image" content="https://www.example.com/og-image.png">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Site Name">The og:image is the most impactful — a compelling image dramatically increases click-through from social shares. Recommended size: 1200×630px (2:1 ratio). If missing, platforms show a generic placeholder or a random image from the page.
Twitter Card Tags
Twitter/X uses its own card tags alongside Open Graph. If no Twitter Card tags are present, it falls back to og: tags. Specifying Twitter Card tags directly lets you customise the appearance on X specifically.
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Twitter-Specific Headline">
<meta name="twitter:description" content="Description for X.">summary_large_image shows a large image banner — the highest-engagement card format. summary shows a small thumbnail. Use summary_large_image unless the page has no good image to show.
Auditing Meta Tags Across Your Site
Manual meta tag auditing doesn't scale. The SEO Site Audit crawls every internal page on your site and flags: missing or duplicate title tags, missing or duplicate meta descriptions, titles outside the 30–60 character range, descriptions outside the 120–160 character range, missing Open Graph tags, missing canonical tags, and pages with noindex detected. Each finding links back to the specific page and exact rule that failed.
Audit Meta Tags Across Your Whole Site
Free, no signup. The SEO Site Audit crawls every page on your site and reports missing titles, duplicate descriptions, missing canonicals, noindex pages, and more — with scores per page.
Try the SEO Site Audit Free →Affiliate disclosure: Some links on this page may be affiliate links. We only mention tools we've personally used and have an honest opinion about. Affiliate revenue helps keep ByteWaveNetwork's tools free and maintained. We are not paid by any of the tools compared in this article for favorable coverage.