Teknik SEO & JS Frameworks

Next.js App Router Indexleme Çözümü

App Router mimarisinde oluşan "trailing slash" ve dinamik rotasyonlardaki canonical hatalarının, teknik mühendislik ve metadata optimizasyonu ile çözülmesi.

Teknik Performans Analizi

Parametre	Hata Durumu (Pre-Fix)	Çözüm Sonrası (Post-Fix)	Sonuç
Dizin Durumu	Kopya İçerik (Duplicate)	Tekil ve Otoriter	Düzeldi
Tarama Bütçesi	Yüksek Kayıp (Loop)	Optimize Edilmiş Yol	+%65 Verim
Hydration Hatası	Sık Rastlanan	Sıfır Hata	Stabil
Görünürlük (JS Rendering)	Parçalı İndeksleme	Tam ve Hızlı İndeks	+%40 Artış

Mühendislik Yaklaşımı

1. Dinamik Metadata Yapılandırması

Next.js 13+ ile gelen generateMetadata fonksiyonu kullanılarak, her route için statik ve dinamik canonical URL'ler manuel olarak kontrol altına alındı.

2. Middleware Yönlendirme Kontrolü

Trailing slash (taksim işareti) kaynaklı çift indeksleme sorununu aşmak için middleware.ts seviyesinde sunucu taraflı (SSR) yönlendirme mantığı kuruldu.

3. DOM-Inertia Uyumluluğu

Sayfa yüklenme anında botların "boş içerik" görmesini engellemek için bileşenlerin sunucu tarafında tam render edilmesi (Full SSR) sağlandı.

4. Robots & Sitemap Segmentasyonu

App Router'ın karmaşık klasör yapısında `/api` ve özel klasörlerin botlar tarafından taranmaması için gelişmiş bir robots.txt mimarisi kurgulandı.

Kritik Tespit: Next.js projelerinde varsayılan yapılandırma çoğu zaman SEO dostu değildir. "Index sorunu" genellikle yanlış canonical kullanımı ve sunucu tarafındaki asenkron veri yükleme hatalarından kaynaklanır.

Uygulanan Çözüm Kodu

// app/layout.tsx veya page.tsx
export const metadata = {
  alternates: {
    canonical: 'https://gulsaharslan.com/vaka-calismasi',
  },
};

Bu basit görünen yapılandırma, App Router'daki sonsuz döngü ve kopya içerik problemlerini temelden çözer.

Süreç ve Kazanımlar

▶ Audit Aşaması: GSC üzerinden "Hariç Bırakıldı" kategorisindeki Next.js rotaları tespit edildi.
▶ Teknik Entegrasyon: Metadata API üzerinden her sayfa için benzersiz kimlik tanımlandı.
▶ Sonuç: Teknik hataların giderilmesiyle birlikte organik taranma hızı 3 katına çıktı.

Next.js App Router Kullanımında Index Sorunu ve Çözümü