seo-optimization-guide_skill

Overview

This skill provides a practical, developer-focused SEO optimization guide covering technical SEO, on-page optimization, and Core Web Vitals. It concentrates on actionable implementation: meta tags, structured data, sitemaps, robots, mobile-first practices, and performance techniques to improve search visibility and user experience. The guidance targets engineers and content owners who implement SEO in modern web frameworks like Next.js.

How this skill works

The skill inspects and prescribes changes across three layers: infrastructure (crawlability, sitemaps, robots, HTTPS), page-level metadata and content (title, meta description, canonical, headings, internal links, image SEO), and performance/UX (LCP, INP, CLS). It provides code snippets, configuration samples, and checklists for integration into build systems and app routers. Recommended measurement tools and metrics are included for continuous monitoring.

When to use it

• When launching a new site or migrating domains to ensure crawlability and canonicalization.
• When improving organic rankings by optimizing titles, descriptions, headings, and internal linking.
• When Core Web Vitals or mobile metrics are causing ranking or user engagement drops.
• When implementing structured data to enable rich snippets and improve CTR.
• When integrating SEO best practices into modern frameworks like Next.js.

Best practices

• Prioritize technical SEO first: ensure indexability, HTTPS, and a correct sitemap/robots setup.
• Write unique, intent-focused titles and meta descriptions under length limits and include key phrases naturally.
• Serve optimized images (WebP/AVIF), set width/height, use srcset, and lazy-load below-the-fold media.
• Measure and optimize Core Web Vitals: target LCP < 2.5s, INP < 200ms, CLS < 0.1 and deploy fixes iteratively.
• Use structured data (Article, Product, FAQ) to improve SERP appearance and include canonical links to avoid duplicates.

Example use cases

• Add metadata and OG tags to a marketing landing page to increase organic CTR and social sharing performance.
• Implement sitemap and robots rules during a CMS migration to preserve indexability and ranking.
• Optimize hero images, preload critical fonts, and inline critical CSS to reduce LCP for a content-heavy site.
• Add FAQ and Product schema to e-commerce pages to enable rich results and improve conversion rates.
• Audit and fix CLS by specifying image dimensions and reserving space for dynamic ads or embeds.