2026 İçin Next.js SEO Kontrol Listesi
2026'da Next.js App Router projeleri için eksiksiz ve güncel bir SEO kontrol listesi: metadata, sitemap, robots, structured data, Core Web Vitals ve rendering stratejisi.
Next.js, SEO için en iyi framework'lerden biri; ama yalnızca özelliklerini doğru kullanırsanız. 2026'da her App Router projesinde uyguladığım kontrol listesi aşağıda.
1. Metadata
Layout ve sayfalarınızdan bir metadata objesi export edin ya da dinamik sayfalar için generateMetadata kullanın. Her sayfaya kendine özgü bir başlık ve açıklama, alternates üzerinden canonical URL ve paylaşımlar için Open Graph ile Twitter card etiketleri verin.
2. Sitemap ve robots
Dizine eklenebilir her URL'yi listelemek için app/sitemap.ts, crawler erişimini yönetmek için app/robots.ts ekleyin. robots dosyasını sitemap'inize yönlendirin ve içeriğinizin yapay zekâ motorlarınca kullanılmasını istiyorsanız AI crawler'larına açıkça izin verin.
3. Render stratejisi
Asıl içeriği sunucuda oluşturulan HTML olarak sunun. Başlığınız, metniniz ve linkleriniz yalnızca tarayıcıda hydration'dan sonra ortaya çıkıyorsa, crawler'lar ve AI motorları bunları tamamen atlayabilir.
4. Structured data
Her sayfadaki içerik türü için JSON-LD ekleyin: yazılar için Article, hakkında sayfası için Person, gezinme için BreadcrumbList. Bu, yalnızca okunan bir sayfa ile gerçekten anlaşılan bir sayfa arasındaki farktır.
5. Core Web Vitals
- Otomatik responsive görseller ve lazy loading için next/image kullanın.
- Sayfa kaymasını (layout shift) önlemek için fontları next/font ile yükleyin.
- JavaScript paketlerini hafif tutun ve kritik olmayan işleri sonraya bırakın.
- Gerçek kullanıcı verisinde yeşil LCP, INP ve CLS skorlarını hedefleyin.
Sonuç
Next.js'te SEO bir sihir değil, bir kontrol listesidir. Metadata, sitemap, robots, sunucu render'ı, structured data ve iyi Core Web Vitals bir araya geldiğinde; hem arama motorlarının hem de AI yanıt motorlarının sevdiği bir site elde edersiniz.
Sıkça sorulan sorular
Next.js, SEO'yu kendiliğinden halleder mi?
Next.js size gerekli araçları sunar (Metadata API, dosya tabanlı sitemap.ts ve robots.ts, sunucu tarafı render ve next/image). Yine de başlıkları, açıklamaları, canonical URL'leri ve structured data'yı kendiniz ayarlamanız gerekir.
SEO için static mi yoksa sunucu render'ı mı kullanmalıyım?
İçerik ilk HTML'de yer aldığı sürece ikisi de SEO açısından iş görür. Static generation en hızlısıdır; sık değişen içerik içinse sunucu render'ı daha uygundur. Asıl içeriği yalnızca tarayıcıda render etmekten kaçının.