skills.rest
ruchernchong
ruchernchongCOMMUNITY
Explore all skills by this author โ†’
Website๐•@ruchernchongGitHub

seo-optimizer

Implement SEO metadata and structured data for a TypeScript/Next.js project.

Updated May 12, 2025
Search Tags:#metadata#sitemap#seo#robots#open-graph#structured-data
One-click install
npx skills add https://github.com/ruchernchong/is-leap-year --skill seo-optimizer-ruchernchong
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: seo-optimizer
Source: https://github.com/ruchernchong/is-leap-year/tree/main/.claude/skills/seo-optimizer
Command: npx skills add https://github.com/ruchernchong/is-leap-year --skill seo-optimizer-ruchernchong

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps optimize search engine visibility, metadata, and structured data for the IsLeapYear application.

Core Features & Use Cases

  • Metadata & Open Graph: Update meta tags, Open Graph, and Twitter cards.
  • Structured Data: Implement schema.org markup for better indexing.
  • Site-wide SEO Best Practices: Update sitemap.xml, robots.txt, and page titles.

Quick Start

Update the root layout metadata in src/app/layout.tsx to improve the default title and description, and ensure Open Graph images are correctly configured.

Frequently Asked Questions about seo-optimizer

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

FAQPage Schema
How do I improve SEO metadata and structured data for my Next.js application?โ–ผ

SEO metadata and structured data improve search engine indexing and visibility. Configure meta tags, Open Graph, Twitter Cards, and Schema.org markup in your root layout, then generate sitemap.xml, robots.txt, and structured data schemas (WebPage, Organization, WebAPI, FAQPage) to signal page content and site structure to search engines.

What's the difference between Open Graph tags, Twitter Cards, and Schema.org markup?โ–ผ

Open Graph and Twitter Cards control how links appear in social feeds and messaging platforms. Schema.org markup (structured data) helps search engines understand page content, relationships, and site hierarchy. Together they enhance search visibility, social sharing, and rich snippets in results.

Do I need to manually create sitemap.xml and robots.txt, or can they be generated?โ–ผ

Sitemap.xml and robots.txt can be auto-generated within a TypeScript/Next.js project to ensure consistency and reduce manual maintenance. Generation enforces compliance with SEO best practices while keeping configurations in sync as your site structure changes.

How do structured data schemas like WebAPI and FAQPage impact search rankings?โ–ผ

Structured data schemas help search engines categorize and display your content accurately in rich snippets and featured results. WebAPI and FAQPage schemas signal API documentation and answers, increasing discoverability and click-through rates from search.

Can I apply SEO metadata and structured data to an existing Next.js project?โ–ผ

Yes. Update your root layout metadata, implement schema.org markup across pages, configure sitemap and robots files, and add a web app manifest. These changes integrate into existing TypeScript/Next.js projects without requiring restructuring or dependencies.

Related Skills

Explore More Marketing & Sales Skillsโ†’
itallstartedwithaideaitallstartedwithaidea
31

web-asset-generation

Generate web asset icons and HTML/meta configuration for favicons, PWA, and social sharing.

Community
Intermediate
jiunbaejiunbae
12

google-search-console

Extract and analyze Google Search Console data into Markdown, JSON, or CSV.

Community
Advanced
ramunasnognysramunasnognys
1

seo-specialist

Generate SEO metadata, structured data, and sitemap entries for web pages.

Community
Advanced
brendadeeznuts1111brendadeeznuts1111

sveltia-cms

Integrate Sveltia CMS into static site projects with Git-native workflows.

Community
Intermediate