Memstack SEO Meta Tag Optimizer

🏷️ Meta Tag Optimizer: Scanning and optimizing page meta tags...

Scans all pages for existing meta tags, identifies issues, and generates optimized replacements: titles, descriptions, Open Graph, canonical URLs, and robots directives.

Activation

When this skill activates, output:

🏷️ Meta Tag Optimizer, Scanning pages for meta tag issues...

Then execute the protocol below.

Anti-patterns

Protocol

Step 1: Scan All Pages

Identify every page and its current meta tags:

# Find all page/route files
find app/ pages/ src/ -name "*.tsx" -o -name "*.jsx" -o -name "*.html" 2>/dev/null | grep -v node_modules | grep -v "_\|layout\|loading\|error\|not-found"

# Next.js metadata exports
grep -rn "export const metadata\|export function generateMetadata" --include="*.tsx" --include="*.ts" . | grep -v node_modules

# Check for global/shared metadata
cat app/layout.tsx 2>/dev/null | head -30

Build the page inventory:

Step 2: Audit Title Tags

# Find all title definitions
grep -rn "title:" --include="*.tsx" --include="*.ts" . | grep -v node_modules | grep -v "\.test\.\|\.spec\."

Title tag rules:

Title optimization formula:

[Primary Keyword]: [Value Proposition] | [Brand]

Examples:

• ❌ "Home" → ✅ "Project Management for Small Teams | Acme"
• ❌ "About Us" → ✅ "About Acme - Built by Developers, for Developers"
• ❌ "Blog" → ✅ "Acme Blog: Tips for Remote Team Management"
• ❌ "Contact" → ✅ "Contact Acme - Get a Free Consultation"

Step 3: Audit Meta Descriptions

# Find all description definitions
grep -rn "description:" --include="*.tsx" --include="*.ts" . | grep -v node_modules | grep -v "\.test\.\|\.spec\."

Description rules:

Description formula:

[What the page offers]. [Specific benefit or differentiator]. [CTA - action verb].

Examples:

• ❌ "Welcome to our website" → ✅ "Manage projects 3x faster with Acme's all-in-one platform. Built for remote teams with real-time collaboration. Start free today."
• ❌ "" (empty) → ✅ "Learn proven strategies for managing distributed teams. Practical tips from 10 years of remote-first experience. Read the latest posts."

Step 4: Audit Open Graph Tags

# Find OG tag definitions
grep -rn "openGraph\|og:" --include="*.tsx" --include="*.ts" --include="*.html" . | grep -v node_modules

Required OG tags per page:

Common og:image issues:

• ❌ No og:image → shared links show no preview (kills click-through)
• ❌ Image too small (< 600px wide) → blurry preview
• ❌ Image URL is relative (/images/og.png) → must be absolute URL
• ❌ Image doesn't exist at URL → broken preview
• ❌ Same og:image on every page → all shares look identical

Step 5: Audit Canonical URLs

# Find canonical definitions
grep -rn "canonical\|alternates" --include="*.tsx" --include="*.ts" --include="*.html" . | grep -v node_modules

Canonical URL rules:

Duplicate content scenarios requiring canonicals:

• URL parameters: /products?sort=price → canonical to /products
• www vs non-www: www.example.com/about → canonical to example.com/about
• HTTP vs HTTPS: http:// → canonical to https://
• Trailing slashes: /about/ → canonical to /about (pick one)
• Print pages: /about/print → canonical to /about

Step 6: Audit Robots Meta

# Find robots meta directives
grep -rn "robots\|noindex\|nofollow" --include="*.tsx" --include="*.ts" --include="*.html" . | grep -v node_modules

Pages that SHOULD have noindex:

Pages that should NOT have noindex:

• ❌ Homepage, product pages, blog posts, pricing, these should all be indexed
• Check: no accidental noindex on important pages (common after staging → production migration)

Step 7: Generate Optimized Replacements

For every failing tag, generate the corrected version:

## Optimized Meta Tags

### / (Homepage)

**Current:**
- Title: "Home"
- Description: (missing)
- OG Image: (missing)

**Recommended:**
```tsx
export const metadata: Metadata = {
  title: 'Acme - Project Management for Remote Teams',
  description: 'Manage projects 3x faster with real-time collaboration, task tracking, and team dashboards. Built for remote teams. Start free today.',
  openGraph: {
    title: 'Acme - Project Management for Remote Teams',
    description: 'All-in-one project management for distributed teams. Real-time collaboration, built-in reporting.',
    images: [{ url: 'https://acme.com/og/homepage.png', width: 1200, height: 630 }],
    url: 'https://acme.com',
    type: 'website',
    siteName: 'Acme',
  },
  twitter: {
    card: 'summary_large_image',
  },
  alternates: {
    canonical: 'https://acme.com',
  },
};

/pricing

Current:

• Title: "Pricing"
• Description: "View our pricing plans"

Recommended:

export const metadata: Metadata = {
  title: 'Pricing - Acme Plans Starting at $0/mo',
  description: 'Compare Acme plans: Free, Pro ($19/mo), and Enterprise. All plans include unlimited projects and real-time collaboration. Start free today.',
  // ... (full OG tags)
};

### Step 8: Output Tag Report

🏷️ Meta Tag Optimizer: Complete

Pages scanned: [count] Issues found: [count]

Summary: Title tags: [X/count] optimized, [count] need fixing Descriptions: [X/count] optimized, [count] need fixing OG tags: [X/count] complete, [count] missing Canonical URLs: [X/count] correct, [count] missing or wrong Robots meta: [X/count] correct: [count] need review

Page-by-page comparison:

Next steps:

1. Apply recommended tags to each page
2. Test social sharing previews (Facebook Debugger, Twitter Card Validator)
3. Verify canonical URLs resolve correctly
4. Check robots.txt doesn't conflict with robots meta
5. Submit updated pages to Google Search Console for re-indexing

## Level History

- **Lv.1**: Base: Page scanning, title tag audit (50-60 chars, keyword placement), meta description audit (150-155 chars, CTA), Open Graph tags (og:title/description/image), canonical URL verification, robots meta directives, optimized replacement generation, page-by-page comparison output. (Origin: MemStack Pro v3.2, Mar 2026)