How does this skill handle dynamic Next.js routes?

It provides standardized implementation patterns for the generateMetadata function, allowing you to fetch asynchronous data and populate metadata based on dynamic route parameters.

Can I use this for structured data like JSON-LD?

Absolutely. The skill includes code patterns for using the Next.js Script component to inject application/ld+json for rich search results.

Does it support social media preview images?

Yes, it includes specific configurations for OpenGraph and Twitter images, ensuring your pages look professional when shared on social platforms.

Does it help prevent duplicate content issues?

Yes, it provides guidance on setting up canonical URLs and alternate language tags within the metadata object to ensure search engines index the correct pages.

Next.js SEO & Metadata

Name: Next.js SEO & Metadata
Author: jovermier

byjovermier

0•

マーケティングオートメーション

Streamlines the implementation of Next.js Metadata APIs to optimize search engine visibility and social media sharing.

This skill provides expert guidance for implementing the Next.js Metadata API, ensuring web applications are fully optimized for search engines and social platforms. It assists developers in configuring both static and dynamic metadata, generating OpenGraph and Twitter card tags, and embedding JSON-LD structured data for rich search results. By following established patterns for canonical URLs and locale alternates, it helps prevent duplicate content issues and improves the discoverability and click-through rates of Next.js projects.

主な機能

01Static and dynamic metadata generation patterns

02Comprehensive SEO checklists and validation logic

03Canonical URL and localization (hreflang) support

040 GitHub stars

05OpenGraph and Twitter card social sharing configuration

06JSON-LD structured data implementation using Next.js Script

ユースケース

01Optimizing dynamic blog posts with custom titles and social preview images

02Implementing Schema.org structured data for product and article pages

03Configuring global SEO defaults and robots instructions in a root layout

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jovermier/cc-stack-marketplace nextjs-metadata

For use in Claude.ai and ChatGPT

主な機能

01Static and dynamic metadata generation patterns

02Comprehensive SEO checklists and validation logic

03Canonical URL and localization (hreflang) support

040 GitHub stars

05OpenGraph and Twitter card social sharing configuration

06JSON-LD structured data implementation using Next.js Script

ユースケース

01Optimizing dynamic blog posts with custom titles and social preview images

02Implementing Schema.org structured data for product and article pages

03Configuring global SEO defaults and robots instructions in a root layout

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jovermier/cc-stack-marketplace nextjs-metadata

For use in Claude.ai and ChatGPT