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

营销自动化

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.

主要功能

JSON-LD structured data implementation for Products, Articles, and FAQs
Automated sitemap and robots.txt generation for large-scale sites
0 GitHub stars
Core Web Vitals optimization for fonts, images, and LCP/CLS metrics
Static and dynamic Metadata API configuration patterns
Dynamic Open Graph image generation using Edge Runtime

使用场景

Building SEO-ready e-commerce product pages with automated Schema.org markup
Generating dynamic social sharing cards and meta tags for blog-heavy applications
Optimizing Core Web Vitals and site performance to improve search engine rankings

关于

主要功能

JSON-LD structured data implementation for Products, Articles, and FAQs
Automated sitemap and robots.txt generation for large-scale sites
0 GitHub stars
Core Web Vitals optimization for fonts, images, and LCP/CLS metrics
Static and dynamic Metadata API configuration patterns
Dynamic Open Graph image generation using Edge Runtime

使用场景

Building SEO-ready e-commerce product pages with automated Schema.org markup
Generating dynamic social sharing cards and meta tags for blog-heavy applications
Optimizing Core Web Vitals and site performance to improve search engine rankings