Meta Tags for SEO: Title Tags, Descriptions, and Beyond

7 min read·Updated March 2026

Why meta tags matter for SEO

Meta tags are HTML elements that provide information about your page to search engines and social platforms. While not all meta tags directly affect rankings, they heavily influence click-through rates — which in turn affect your traffic and indirectly your rankings.

Think of meta tags as your page's advertising copy in search results. A great title and description can double your click-through rate, effectively doubling your organic traffic without changing your ranking position.

Title tags: your most important meta tag

The title tag (<title>) appears as the clickable headline in search results. It's the single most impactful on-page SEO element.

Best practices:

  • Keep it under 60 characters (Google truncates longer titles)
  • Put your primary keyword near the beginning
  • Make it compelling and specific — include numbers, power words, or a unique angle
  • Each page must have a unique title
  • Include your brand name at the end: Page Title | Brand

Examples of good titles:

  • SEO Basics: Complete Guide to Search Engine Optimization | Webmatik
  • 7 CTA Design Mistakes That Kill Conversions (And How to Fix Them)
  • Core Web Vitals Explained: LCP, INP, and CLS in Plain English

Tip

Test different title tags over time. A small improvement in CTR from 3% to 5% means 67% more traffic from the same rankings.

Meta descriptions

The meta description appears below the title in search results. Google doesn't use it as a direct ranking factor, but a good description increases clicks.

  • Keep it between 120-160 characters
  • Include the primary keyword (Google bolds matching terms)
  • Add a call to action: "Learn how...", "Discover why...", "Get the checklist..."
  • Summarize the page's unique value — why should someone click this?
  • Don't duplicate descriptions across pages

If you don't provide a meta description, Google will auto-generate one from your page content — which often isn't optimal.

Open Graph and social meta tags

Open Graph tags control how your page looks when shared on social media (Facebook, LinkedIn, Twitter/X, Slack, etc.):

  • og:title — Title shown in the social card
  • og:description — Description text
  • og:image — The preview image (recommended: 1200×630px)
  • og:url — The canonical URL
  • og:type — Usually "website" or "article"

For Twitter/X, use twitter:card (set to "summary_large_image" for the best display), twitter:title, twitter:description, and twitter:image.

Tip

Always include an og:image. Pages with images get significantly more engagement when shared on social media.

Other important meta tags

  • Canonical tag (<link rel="canonical">) — Tells Google which URL is the "official" version when duplicate pages exist.
  • Robots meta tag (<meta name="robots">) — Controls indexing: noindex prevents indexing, nofollow prevents following links.
  • Viewport tag (<meta name="viewport">) — Required for mobile responsiveness: width=device-width, initial-scale=1.
  • Language tag (<html lang="en">) — Helps search engines understand the page language.
  • Hreflang tags — For multi-language sites, specify which language/region each page targets.

Frequently Asked Questions

Related Articles

Was this helpful?

Check how your website performs in this area

Get Your Growth Score