Is performance optimization included in these SEO patterns?

Yes, it covers critical Core Web Vitals optimizations including font loading, image sizing, and LCP priority settings.

Does this skill support the Next.js App Router?

Yes, these patterns are specifically designed for the Next.js App Router and leverage its built-in Metadata API and file-based conventions.

How does it handle dynamic social sharing images?

It provides implementation patterns for using the opengraph-image.tsx file convention and the Edge runtime to generate dynamic images on the fly.

Does it include structured data for Google Rich Results?

Yes, it provides templates for JSON-LD structured data covering Products, Articles, Organizations, Breadcrumbs, and FAQ schemas.

Can I use it for large sites with over 50,000 pages?

Yes, it includes advanced patterns for generating multiple sitemaps to accommodate large-scale applications with high URL counts.

Next.js SEO Patterns

Name: Next.js SEO Patterns
Author: Naw3

byNaw3

0•

마케팅 자동화

Implements comprehensive search engine optimization patterns for Next.js App Router projects to improve search visibility and web performance.

This skill provides Claude with standardized implementation patterns for SEO in Next.js App Router applications, ensuring your web projects follow modern search engine best practices. It covers critical aspects including static and dynamic metadata configuration, dynamic Open Graph (OG) image generation, JSON-LD structured data for various schema types, automated sitemaps, robots.txt management, and Core Web Vitals optimization. By using these patterns, developers can rapidly build high-performance, discoverable web applications that excel in search rankings and social media sharing.

주요 기능

01JSON-LD structured data implementation for Products, Articles, and FAQs

02Automated sitemap and robots.txt generation for large-scale sites

030 GitHub stars

04Core Web Vitals optimization for fonts, images, and LCP/CLS metrics

05Static and dynamic Metadata API configuration patterns

06Dynamic Open Graph image generation using Edge Runtime

사용 사례

01Building SEO-ready e-commerce product pages with automated Schema.org markup

02Generating dynamic social sharing cards and meta tags for blog-heavy applications

03Optimizing Core Web Vitals and site performance to improve search engine rankings

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add naw3/skillsrepo seo-next

For use in Claude.ai and ChatGPT

Download Skill