thisisahsaniqbal/meta-data-optimization

Meta Data Optimization

Audit title, description, Open Graph, and Twitter Card meta tags.

Note: Canonical URLs, robots directives, and indexability checks are handled by the technical-seo skill. Do not duplicate those checks here.

1. Title tag

| Check | Rule | Status | |---|---|---| | Missing <title> | Critical for SEO | ❌ FAIL | | Title < 30 characters | Too short | ⚠️ WARN | | Title > 60 characters | May be truncated in SERPs | ⚠️ WARN | | Title 30–60 characters | Optimal length | ✅ PASS | | Title is ALL CAPS (and > 5 chars) | Perceived as spammy | ⚠️ WARN |

Title quality checks

• Keyword at start (position 0): ✅ PASS "Best placement"
• Keyword near start (position ≤ 20): ✅ PASS
• Keyword late (position > 20): ⚠️ WARN "Place keyword earlier"
• Separator present (|, -, –, —, :): ✅ PASS "Good brand + keyword pattern"
• Power words (best, guide, ultimate, how to, tips, review, top, free, new, proven): ✅ PASS "May improve CTR"
• Contains number: ✅ PASS "Numbers in titles can boost CTR"

2. Meta description

| Check | Rule | Status | |---|---|---| | Missing <meta name="description"> | Needs one for SERP snippets | ❌ FAIL | | Description < 120 characters | Too short | ⚠️ WARN | | Description > 160 characters | May be truncated | ⚠️ WARN | | Description 120–160 characters | Optimal | ✅ PASS |

3. Character encoding

| Check | Status | |---|---| | <meta charset="utf-8"> or <meta http-equiv="Content-Type"> present | ✅ PASS | | Neither present | ⚠️ WARN "Add charset meta tag" |

4. Open Graph tags

Check for these required OG tags:

| Tag | Missing = | |---|---| | og:title | ⚠️ WARN | | og:description | ⚠️ WARN | | og:image | ⚠️ WARN | | og:url | ⚠️ WARN | | og:type | ⚠️ WARN |

• All present → ✅ PASS "All required Open Graph tags present"
• All missing → ❌ FAIL "No Open Graph tags found — social sharing will use defaults"

OG image dimensions

If og:image exists, check for og:image:width and og:image:height:

• Both present → ✅ PASS
• Missing → ⚠️ WARN "Missing og:image:width / og:image:height"

5. Twitter Card tags

Check for these required tags:

| Tag | Missing = | |---|---| | twitter:card | ⚠️ WARN | | twitter:title | ⚠️ WARN | | twitter:description | ⚠️ WARN |

• All present → ✅ PASS
• All missing → ⚠️ WARN "No Twitter Card tags found"

Note: Twitter tags can be in either <meta name="twitter:*"> or <meta property="twitter:*"> format.

Edge cases

• Next.js generates <title> and meta tags via the metadata export or generateMetadata() — audit the rendered HTML, not the source code
• Some sites use <meta property="title"> instead of <title> — flag as ⚠️ WARN "Use standard <title> tag"
• Duplicate <title> tags in the document → ❌ FAIL "Only one <title> allowed"
• If OG tags exist but <title> / <meta description> are missing, flag both — OG tags do not substitute for standard meta tags
• Twitter falls back to OG tags when twitter:* tags are absent — note this but still recommend explicit Twitter tags for full control