Indexação e Orçamento de Rastreamento SEO com Next.js

Corrija problemas de cobertura do Google Search Console, problemas de canonical, erros de sitemap e desperdício de orçamento de rastreamento em aplicativos Next.js.

Quando Usar

• Use quando um site Next.js tiver problemas de cobertura no Google Search Console, como canônicos duplicados, noindex acidental, desperdício de rastreamento ou URLs descobertas, mas não indexadas.
• Use ao auditar problemas de sitemap, robots.txt, redirecionamento, linkagem interna ou renderização estática antes de um lançamento de SEO.
• Use quando precisar de exemplos específicos do framework para metadados do Next.js App Router, generateMetadata, robots.js e rotas de sitemap.

Entendendo os Estados de Cobertura do Search Console

Passo 1 — Auditoria de Canonical

Next.js App Router (exportação de metadados)

// app/blog/my-post/page.js
export const metadata = {
  title: 'My Post Title',
  alternates: {
    canonical: 'https://www.yourdomain.com/blog/my-post',
  },
};

Next.js App Router (generateMetadata)

export async function generateMetadata({ params }) {
  return {
    alternates: {
      canonical: `https://www.yourdomain.com/blog/${params.slug}`,
    },
  };
}

Erros comuns de canonical para corrigir:

// ❌ WRONG — relative URL
canonical: '/blog/my-post'

// ❌ WRONG — missing trailing slash inconsistency  
// (pick one and stick with it sitewide)

// ✓ CORRECT — absolute URL, consistent scheme + subdomain
canonical: 'https://www.yourdomain.com/blog/my-post'

Passo 2 — Auditoria de Noindex

Encontre páginas que estão acidentalmente com noindex:

# Search for noindex in metadata
rg -n --glob '*.{js,ts,jsx,tsx}' 'noindex|robots.*noindex' app pages

# Check layout.js — a noindex here affects ALL pages
grep -n "robots" app/layout.js

No Next.js App Router, robots no layout raiz se aplica globalmente. Defina-o lá apenas se quiser que o site inteiro seja afetado.

// app/layout.js — only set robots if you need sitewide control
export const metadata = {
  // ✓ Allow indexing
  robots: { index: true, follow: true },
  // ❌ This would noindex the entire site:
  // robots: { index: false }
};

Passo 3 — Saúde do Sitemap

Verifique se as rotas de sitemap retornam 200 + XML válido

curl -sI https://www.yourdomain.com/sitemap.xml | grep -i "content-type\|status"
curl -s https://www.yourdomain.com/sitemap.xml | head -20

Sitemap do Next.js App Router (padrão recomendado)

// app/sitemap.js
export default async function sitemap() {
  const baseUrl = 'https://www.yourdomain.com';
  
  // Static pages
  const staticPages = [
    { url: baseUrl, lastModified: new Date(), changeFrequency: 'daily', priority: 1.0 },
    { url: `${baseUrl}/about`, lastModified: new Date(), changeFrequency: 'monthly', priority: 0.8 },
  ];
  
  // Dynamic pages (fetch from DB or CMS)
  const posts = await getPosts(); // your data fetch
  const dynamicPages = posts.map(post => ({
    url: `${baseUrl}/blog/${post.slug}`,
    lastModified: new Date(post.updatedAt),
    changeFrequency: 'weekly',
    priority: 0.7,
  }));
  
  return [...staticPages, ...dynamicPages];
}

Múltiplos sitemaps (índice de sitemap)

// app/sitemap-tools/sitemap.js  
// app/sitemap-blog/sitemap.js
// Each returns an array of URL entries

Passo 4 — Verificação de Renderização Estática

As páginas devem ser geradas estaticamente (ou SSR com metadados em HTML) para que o Google veja as tags de SEO.

# Check build output — pages should show ● (static) not λ (dynamic)
npm run build 2>&1 | grep -E "○|●|λ|/blog|/tools"

…