skills.rest
pelchers
pelchersCOMMUNITY
Explore all skills by this author →
GitHub

optimizing-seo-metadata

Generates static and dynamic SEO metadata for Next.js 14 apps including Open Graph and JSON-LD.

Updated Mar 1, 2026
Search Tags:#metadata#nextjs#sitemap#seo#robots#open-graph#structured-data
One-click install
npx skills add https://github.com/pelchers/SessionSaver --skill optimizing-seo-metadata
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimizing-seo-metadata
Source: https://github.com/pelchers/SessionSaver/tree/main/.codex/skills/optimizing-seo-metadata
Command: npx skills add https://github.com/pelchers/SessionSaver --skill optimizing-seo-metadata

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers implement Next.js 14 metadata to improve SEO, social sharing, and discoverability by standardizing metadata generation, OG images, and JSON-LD.

Core Features & Use Cases

  • Static metadata definitions for pages with a stable structure and universal SEO attributes.
  • Dynamic metadata generation for routes that depend on runtime data, including Open Graph and Twitter Card configurations.
  • Support for structured data (JSON-LD), sitemaps, and canonical/alternate URL management to improve indexing and localization.

Quick Start

Generate a complete metadata configuration for a Next.js 14 project, including static and dynamic metadata, OG images, and JSON-LD, then integrate it into your app.

Frequently Asked Questions about optimizing-seo-metadata

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

FAQPage Schema
How do I generate dynamic metadata for Next.js 14 app directory routes?▼

Generate dynamic metadata in Next.js 14 by exporting a generateMetadata function from your app directory route, returning runtime SEO attributes, Open Graph images, and Twitter card configurations for content-driven pages.

What's the best way to add JSON-LD structured data to a Next.js app?▼

Add JSON-LD structured data to Next.js by injecting script tags into your app directory pages, improving search engine indexing and content discoverability for dynamic and static routes.

How do I configure sitemap and robots.txt in a Next.js 14 project?▼

Configure sitemap and robots in Next.js 14 by exporting sitemap.ts and robots.ts files from your app directory, defining static or dynamic URL generation rules for crawler accessibility.

Does Next.js metadata support canonical and alternate URLs for localization?▼

Next.js metadata supports canonical and alternate URLs, allowing you to define hreflang attributes and alternate language links within your metadata configuration to improve localization and indexing.

Can I generate Open Graph images at runtime for dynamic Next.js routes?▼

Generate Open Graph images at runtime for dynamic Next.js routes by leveraging dynamic metadata generation, returning OG image configurations that update based on runtime data for social sharing.

Related Skills

Explore More Software Engineering Skills→
JeffallanJeffallan
10.9k

nextjs-developer

Build Next.js 14+ apps with App Router, server components, and server actions.

Community
Advanced
laguagulaguagu
58

nextjs-seo

Configure Next.js 16+ SEO metadata, Open Graph, and sitemaps.

Community
Advanced
dinesh-git17dinesh-git17
30

SEO

Emit metadata, canonical URLs, and JSON-LD for Next.js App Router pages.

Community
Advanced
IDEA-on-ActionIDEA-on-Action

Minu Portal Skill

Generate static landing pages for Next.js 15 App Router sites with SEO metadata.

Official
Intermediate