seo-optimizer

Implements on-page, technical, and content SEO optimizations for Next.js web projects.

1|Updated Aug 7, 2025
One-click install
npx skills add https://github.com/zzafergok/arktos --skill seo-optimizer-zzafergok
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: seo-optimizer
Source: https://github.com/zzafergok/arktos/tree/main/.agent/skills/seo-optimizer
Command: npx skills add https://github.com/zzafergok/arktos --skill seo-optimizer-zzafergok

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Web pages often fail to rank in search results because of missing meta tags, poor heading structure, absent schema markup, slow Core Web Vitals, and weak content strategy. This Skill provides a structured playbook for diagnosing and fixing these SEO issues in Next.js and general web projects. ## Core Features & Use Cases - On-Page SEO Guidance: Rules for title tags, meta descriptions, heading hierarchy, URL slugs, and image alt text, with Next.js Metadata API code examples. - Technical SEO Implementation: Schema markup (Article, Product, FAQ, HowTo, BreadcrumbList), canonical tags, robots.ts, and sitemap.ts generation for Next.js App Router. - Core Web Vitals Optimization: Concrete techniques for improving LCP, INP, and CLS using next/image, preloading, skeleton layouts, and code splitting. - Use Case: You are launching a blog on a Next.js site and need it to rank. Use this Skill to generate correct metadata, add Article schema markup, build a sitemap, and run the pre-publication SEO checklist before going live. ## Quick Start Audit my Next.js page for SEO issues and generate the metadata, schema markup, and sitemap configuration needed to improve its search ranking.

Frequently Asked Questions about seo-optimizer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add SEO meta tags in Next.js App Router?▼

Export a Metadata object from your page or layout file with title, description, and openGraph fields. Next.js renders these as HTML meta tags automatically, keeping titles under 60 characters and descriptions between 150 and 160 characters.

How to add schema markup to a Next.js page?▼

Build a JSON-LD object with the appropriate schema.org type such as Article, Product, FAQ, or HowTo, then inject it with a script tag of type application/ld+json using dangerouslySetInnerHTML. Include required fields like headline, datePublished, author, and publisher.

What are good Core Web Vitals targets for SEO?▼

Target LCP under 2.5 seconds, INP under 200 milliseconds, and CLS under 0.1. Improve LCP with priority hero images and font preloading, reduce CLS by setting explicit image dimensions, and lower INP by deferring heavy computation with useTransition.

Does Next.js support sitemap and robots.txt generation?▼

Yes, Next.js App Router supports app/sitemap.ts and app/robots.ts files that return MetadataRoute objects. The sitemap can be generated dynamically from fetched posts, and robots rules can allow or disallow specific paths per user agent.

Why is my page not ranking despite having meta tags?▼

Meta tags alone are insufficient. Check for missing schema markup, duplicate content without canonical tags, slow Core Web Vitals, thin content below recommended word counts, and weak internal linking of 3 to 5 links per 1,000 words.