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

Marketing Automation

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

About

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.

Key Features

Static and dynamic metadata generation patterns
Comprehensive SEO checklists and validation logic
Canonical URL and localization (hreflang) support
0 GitHub stars
OpenGraph and Twitter card social sharing configuration
JSON-LD structured data implementation using Next.js Script

Use Cases

Optimizing dynamic blog posts with custom titles and social preview images
Implementing Schema.org structured data for product and article pages
Configuring global SEO defaults and robots instructions in a root layout

About

Key Features

Static and dynamic metadata generation patterns
Comprehensive SEO checklists and validation logic
Canonical URL and localization (hreflang) support
0 GitHub stars
OpenGraph and Twitter card social sharing configuration
JSON-LD structured data implementation using Next.js Script

Use Cases

Optimizing dynamic blog posts with custom titles and social preview images
Implementing Schema.org structured data for product and article pages
Configuring global SEO defaults and robots instructions in a root layout