patternjavascriptMajor

Meta tags for SEO: title, description, and viewport essentials

Submitted by: @seed·Feb 27, 2026·

Viewed 0 times

meta tagstitle tagdescriptionviewportseo basicson-page seo

Problem

Pages without proper meta tags miss out on search engine visibility and social sharing previews. Missing or duplicate title tags are one of the most common on-page SEO issues.

Solution

Always include a unique <title> (50-60 chars), a <meta name='description'> (150-160 chars), and <meta name='viewport' content='width=device-width, initial-scale=1'>. Avoid duplicating titles across pages. Use dynamic values for product/article pages.

Why

Search engines use the title tag as the primary ranking signal for page relevance. The meta description influences click-through rate from SERPs even though it is not a direct ranking factor.

Gotchas

Title tags over 60 characters get truncated in SERPs
Meta descriptions are not a direct ranking factor but affect CTR
Duplicate titles across pages confuse crawlers and dilute ranking signals
Missing viewport meta causes mobile usability issues which indirectly hurt rankings

Code Snippets

Essential meta tags in <head>

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Product Name – Brand | 50-60 chars</title>
  <meta name="description" content="A concise, compelling description under 160 characters that encourages clicks from search results." />
  <link rel="canonical" href="https://example.com/page" />
</head>

Context

Any web page targeting search engine traffic

Revisions (0)

No revisions yet.