skills.rest
zzoohub
zzoohubCOMMUNITY
Explore all skills by this author →
GitHub

seo

Generate per-page SEO metadata, JSON-LD, hreflang, and OG tags for Next.js.

Updated Mar 18, 2025
Search Tags:#metadata#seo#multilingual#structured-data#json-ld#hreflang#og-tags
One-click install
npx skills add https://github.com/zzoohub/mealio --skill seo-zzoohub
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: seo
Source: https://github.com/zzoohub/mealio/tree/main/.claude/skills/seo
Command: npx skills add https://github.com/zzoohub/mealio --skill seo-zzoohub

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SEO and web developers often struggle with inconsistent metadata, missing structured data, and fragmented multi-language optimization across pages and sites.

Core Features & Use Cases

  • Generates consistent per-page metadata (title, description, canonical URL)
  • Creates JSON-LD structured data for articles, products, and FAQs
  • Manages multi-language alternates (hreflang) and OG tags for cross-language sharing
  • Provides guidelines for Next.js metadata integration and multi-framework support

Quick Start

Provide a Next.js-ready metadata plan for a new page, including title, description, canonical URL, OG tags, and JSON-LD schema.

Frequently Asked Questions about seo

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

FAQPage Schema
How do I implement JSON-LD structured data for a Next.js page?▼

You implement JSON-LD structured data by generating schema objects for articles, products, or FAQs, then injecting them into your Next.js pages to enable rich search results and satisfy accessibility best practices.

What's the best way to manage hreflang tags for multilingual pages?▼

The best way to manage hreflang tags is by generating multi-language alternate configurations alongside OG tags, ensuring consistent cross-language sharing and accurate regional indexing across your web project.

How do I generate consistent per-page metadata like canonical URLs and OG tags?▼

To generate consistent per-page metadata, you define title, description, and canonical URL configurations within your framework, applying them site-wide or per-page to ensure accurate Open Graph sharing.

Does this SEO metadata approach work with frameworks other than Next.js?▼

Yes, the SEO metadata approach supports other frameworks by providing multi-framework guidelines, ensuring your structured data, hreflang, and canonical URLs remain consistent across different web environments.

Why do I need YAML frontmatter for SEO structured data?▼

YAML frontmatter is needed for SEO to define page-level metadata configurations that feed into your structured data and canonical URL generation, satisfying requirements for rich results and accessibility.

Related Skills

Explore More Marketing & Sales Skills→
ProfFroggoProfFroggo
1

nextjs-patterns

Standardize Next.js App Router project structure with naming conventions and reusable templates.

Community
Intermediate
MMA-Marketing-ProMMA-Marketing-Pro
1

schema-markup

Create JSON-LD structured data markup for local business websites.

Official
Intermediate
netzkontrastnetzkontrast

Frontend Builder (Dynamic UI)

Generate AI console user interfaces from YAML frontmatter in markdown files.

Community
Intermediate
s0613s0613
1

sj-automation

Automate desktop tasks and UI interactions across macOS, Linux, and Windows.

Community
Intermediate