seo-system

Integrate page metadata, JSON-LD, and Open Graph/Twitter cards into Next.js applications.

1.5k|875|Updated Aug 20, 2021
One-click install
npx skills add https://github.com/saleor/storefront --skill seo-system
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-system
Source: https://github.com/saleor/storefront/tree/main/.claude/skills/seo-system
Command: npx skills add https://github.com/saleor/storefront --skill seo-system

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SEO System provides a centralized way to add and manage page metadata, JSON-LD structured data, and Open Graph/Twitter cards to improve search visibility and social sharing.

Core Features & Use Cases

  • Centralized SEO configuration and helpers for Next.js apps
  • Generate page metadata, JSON-LD, and dynamic OG images for product and content pages
  • Use cases include product pages, blog posts, and marketing landing pages

Quick Start

Configure your SEO settings in src/lib/seo and hook generateMetadata and buildPageMetadata to expose metadata for pages.

Frequently Asked Questions about seo-system

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

FAQPage Schema
How do I add centralized SEO metadata to a Next.js application?

You can add centralized SEO metadata to a Next.js application by configuring settings in a central library and using helper functions to build page metadata. This configuration-driven approach exposes metadata dynamically across pages.

How do I generate JSON-LD structured data for product and blog pages?

You generate JSON-LD structured data for product and blog pages by integrating schema.org markup through centralized helper functions. This enables search engines to parse rich content data for better search visibility.

What's the best way to manage Open Graph and Twitter card data for social sharing?

The best way to manage Open Graph and Twitter card data for social sharing is using a centralized SEO configuration. This automates the integration of dynamic OG images and social sharing tags across channels.

Can I use a configuration-driven SEO layer for multiple content types in Next.js?

Yes, you can use a configuration-driven SEO layer for multiple content types in Next.js. The centralized setup supports generating metadata, JSON-LD, and dynamic OG images for product pages, blog posts, and marketing landing pages.

When do I need schema.org markup and dynamic OG images for my pages?

You need schema.org markup and dynamic OG images when you want to improve search visibility and social sharing. Automating this integration ensures pages across channels and content types expose proper metadata.