Seo Best Practices

What it does

This skill enables AI agents to provide expert guidance on Search Engine Optimization (SEO) for modern web applications. It focuses on applying SEO best practices during development, ensuring optimal search engine visibility and ranking. The skill covers a wide range of topics including semantic HTML, metadata implementation (specifically for Next.js and Nuxt.js applications), performance optimization, content structure, URL management, mobile responsiveness, image SEO, content guidelines, and monitoring/testing.

When to use it

• When developing new web application features or pages where search engine visibility is important.
• To review existing website code and identify areas for SEO improvement within Next.js or Nuxt.js projects.
• For guidance on implementing structured data (JSON-LD) for rich snippets in your content.
• To optimize image assets for faster loading times and improved ranking.

Key capabilities

• Semantic HTML: Guidance on using semantic HTML elements to improve accessibility and SEO.
• Metadata Implementation: Instructions for managing metadata within Next.js (using generateMetadata or the built-in metadata object) and Nuxt.js (using useHead and useSeoMeta).
• Performance Optimization: Recommendations on minimizing client-side JavaScript, utilizing React Server Components, and optimizing images with WebP format and lazy loading.
• Content Structure: Best practices for heading hierarchy, alt text, link text, and structured data implementation.
• URL Management: Advice on creating descriptive URLs using kebab-case and implementing redirects.
• Mobile & Accessibility: Guidance on designing responsive layouts, ensuring sufficient color contrast, and providing keyboard navigation.
• Image SEO: Best practices for image optimization including alt text, file formats, lazy loading, and responsive images.

Example prompts

• "How should I implement Open Graph meta tags in my Next.js application?"
• "What are the best practices for creating descriptive URLs?"
• "Give me advice on optimizing Core Web Vitals for a Nuxt.js site."
• “How can I use structured data to improve search engine visibility?”

Tips & gotchas

• This skill is specifically geared towards web application development, particularly using Next.js and Nuxt.js frameworks.
• The advice provided focuses on technical SEO aspects; content creation strategy is not covered in detail.
• Pay close attention to the recommendations regarding React Server Components (RSC) for performance optimization.