skills.rest
joabeoliveira
joabeoliveiraCOMMUNITY
Explore all skills by this author →
Website𝕏@joabeantonioRJGitHub

SEO Best Practices

Apply SEO best practices to Next.js applications with metadata and structured data.

Updated Feb 8, 2026
Search Tags:#metadata#nextjs#canonical#sitemap#seo#semantic-html#open-graph
One-click install
npx skills add https://github.com/joabeoliveira/kit-skills --skill seo-best-practices-joabeoliveira
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: SEO Best Practices
Source: https://github.com/joabeoliveira/kit-skills/tree/main/.skills/seo-best-practices
Command: npx skills add https://github.com/joabeoliveira/kit-skills --skill seo-best-practices-joabeoliveira

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diretrizes essenciais para otimização de mecanismos de busca (SEO) em aplicações Next.js.

Core Features & Use Cases

  • Metadata API: utilizar generateMetadata ou metadata estático para gerenciar títulos, descrições e OG tags.
  • Estrutura Semântica: garantir uso correto de Hn, elementos HTML5 e alt text para imagens.
  • URLs, indexação e dados estruturados: definir canonical, sitemap, robots.txt e JSON-LD para artigos/organizações.
  • Performance & CWV: priorizar LCP, evitar CLS e adotar design mobile-first para melhores rankings.

Quick Start

Configure uma página Next.js com as melhores práticas de SEO e verifique o impacto de indexação.

Frequently Asked Questions about SEO Best Practices

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

FAQPage Schema
How do I implement Next.js SEO metadata across my application?▼

Next.js SEO metadata is implemented using the Metadata API, specifically generateMetadata or static metadata objects, to manage titles, descriptions, and Open Graph tags across pages.

What is the best way to structure semantic HTML for SEO in Next.js?▼

Semantic HTML for SEO requires using proper HTML5 elements, correct Hn heading hierarchy, and descriptive alt text for images to ensure search engines understand page structure and content.

How do I set up canonical URLs and sitemaps for Next.js pages?▼

Canonical URLs and sitemaps are configured by defining canonical link tags, generating a sitemap, and setting up robots.txt directives to control page indexation and avoid duplicate content.

Do I need JSON-LD structured data for Next.js article pages?▼

JSON-LD structured data is needed for Next.js article and organization pages to provide explicit search engine context, improving content visibility and rich snippet eligibility.

Why do Core Web Vitals affect Next.js SEO rankings?▼

Core Web Vitals affect Next.js SEO rankings because search engines prioritize pages optimizing LCP, avoiding CLS, and adopting mobile-first design for better user experience.

Related Skills

Explore More Software Engineering Skills→
flavien-iaflavien-ia
34

add-i18n

Configures internationalization for Next.js App Router projects using the next-intl library with SEO-friendly locale routing.

Community
Advanced
redenv-labsredenv-labs
4

seo-audit

Audit website crawlability, indexation, site speed, mobile-friendliness, and on-page elements.

Official
Advanced
Arupbiswas09Arupbiswas09

nextjs-seo-performance

Optimize Next.js SEO elements and Core Web Vitals performance.

Community
Advanced
chongdashuchongdashu
28

seo-optimizer

Analyzes web projects and generates prioritized SEO implementation plans for Next.js, Astro, and React sites.

Community
Intermediate