seo

Implement SEO best practices in Next.js and React applications.

1|Updated Jul 4, 2023
One-click install
npx skills add https://github.com/alkalisummer/nextjs-keylog --skill seo-alkalisummer
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: seo
Source: https://github.com/alkalisummer/nextjs-keylog/tree/main/.claude/skills/seo
Command: npx skills add https://github.com/alkalisummer/nextjs-keylog --skill seo-alkalisummer

SYSTEM DOCUMENTATION & REQUIREMENTS

๐Ÿ’ก This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and code examples for implementing Search Engine Optimization (SEO) best practices in web applications, ensuring better search engine rankings and discoverability.

Core Features & Use Cases

  • Meta Tag Optimization: Learn how to implement title tags, meta descriptions, and Open Graph tags for improved search result snippets and social sharing.
  • Structured Data: Implement JSON-LD for rich snippets and enhanced search engine understanding.
  • Sitemaps & Robots.txt: Generate and configure sitemaps and robots.txt for efficient crawling.
  • Core Web Vitals: Understand and optimize for LCP, INP, and CLS for a better user experience and SEO ranking.
  • Use Case: When launching a new blog post, use this Skill to ensure all necessary meta tags, structured data, and canonical URLs are correctly configured for maximum search engine visibility.

Quick Start

Use the seo skill to generate the necessary metadata for a new blog post titled 'My Awesome Post' with the description 'A detailed guide on SEO best practices'.

Frequently Asked Questions about seo

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

FAQPage Schema
How do I implement structured data and meta tags for SEO in a Next.js application?โ–ผ

You can implement SEO in Next.js by configuring title tags, meta descriptions, Open Graph tags, and JSON-LD structured data, ensuring search engines correctly parse your web application content for better rankings and discoverability.

What is the best way to generate sitemaps and robots.txt for React web apps?โ–ผ

The best way to generate sitemaps and robots.txt for React apps is by creating dynamic route configurations that guide search engine crawlers, ensuring efficient indexing and proper access control across your web application.

How does optimizing Core Web Vitals like LCP and CLS impact search engine rankings?โ–ผ

Optimizing Core Web Vitals impacts search engine rankings by measuring and improving user experience metrics like LCP, INP, and CLS, which search engines use as signals to rank web applications higher in search results.

Do I need Open Graph tags for social sharing and SEO on my blog posts?โ–ผ

Yes, you need Open Graph tags for social sharing and SEO because they control how your blog post titles, descriptions, and images appear when shared on social platforms, indirectly boosting traffic and search visibility.

When do I need JSON-LD structured data for my web application?โ–ผ

You need JSON-LD structured data when you want search engines to display rich snippets for your web application, allowing bots to better understand your content context and return more detailed search results.