skills.rest
javierveloso
javiervelosoCOMMUNITY
Explore all skills by this author →
GitHub

seo-best-practices

Apply SEO best practices to Next.js and Nuxt.js web applications.

Updated Aug 27, 2026
Search Tags:#performance#web development#metadata#search engine optimization#seo#technical seo
One-click install
npx skills add https://github.com/javierveloso/documentia --skill seo-best-practices-javierveloso
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: seo-best-practices
Source: https://github.com/javierveloso/documentia/tree/main/.claude/skills/seo-best-practices
Command: npx skills add https://github.com/javierveloso/documentia --skill seo-best-practices-javierveloso

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of ensuring web applications are easily discoverable and rank highly on search engines by implementing comprehensive SEO strategies.

Core Features & Use Cases

  • Metadata Optimization: Implement essential meta tags (Open Graph, Twitter Cards) and structured data for rich snippets.
  • Technical SEO: Optimize for Core Web Vitals, improve crawlability with SSR, and structure URLs effectively.
  • Image SEO: Ensure images are discoverable with descriptive alt text and optimized for performance.
  • Use Case: A startup launching a new web application can use this Skill to ensure their site is optimized from the start, maximizing organic traffic and user engagement.

Quick Start

Apply SEO best practices to the provided web application code.

Frequently Asked Questions about seo-best-practices

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

FAQPage Schema
How do I optimize Core Web Vitals for my Next.js application?▼

To optimize Core Web Vitals for Next.js, implement performance optimization techniques like server-side rendering for crawlability, image SEO for faster loading, and structured data to ensure optimal search engine ranking.

What is technical SEO and how does it apply to web development?▼

Technical SEO in web development involves optimizing metadata, improving site performance for Core Web Vitals, using SSR for crawlability, and structuring URLs effectively to boost search engine visibility and ranking.

Does this approach work for both Next.js and Nuxt.js frameworks?▼

Yes, these SEO best practices apply to both Next.js and Nuxt.js frameworks, covering metadata implementation, performance optimization, and search engine visibility requirements for web applications built on either stack.

How do I implement structured data and Open Graph meta tags for rich snippets?▼

Implement structured data and Open Graph meta tags by adding essential metadata to your web application code, enabling rich snippets and Twitter Cards to enhance content discoverability across search engines and social platforms.

What's the best way to improve image SEO and web accessibility?▼

The best way to improve image SEO is by ensuring images are discoverable with descriptive alt text and optimized for performance, simultaneously boosting search engine visibility and meeting accessibility guidelines.

Why does my single page application have poor search engine crawlability?▼

Single page applications often have poor crawlability because they rely on client-side rendering, so adopting server-side rendering SSR ensures search engines can effectively index your content for better ranking.

Related Skills

Explore More Marketing & Sales Skills→
DevHive1DevHive1
18

repl-seo-optimizer

Analyze and optimize web codebases with semantic HTML, meta tags, and structured data.

Community
Intermediate
mburumaxwellmburumaxwell
240

seo-audit

Analyze websites for SEO issues and output prioritized recommendations.

Community
Advanced
hipihipi

nuxt-seo

Configure Nuxt.js SEO settings and generate sitemap.xml and robots.txt.

Community
Intermediate
mounramounra
29

Audit SEO de Contenu

Audit a URL's on-page, technical SEO, and content quality.

Community
Advanced