Kısa yanıt

Arama motorları JavaScript'i işleyebilir; yine de kritik içerik, bağlantı ve metadata'yı ilk sunucu yanıtında vermek keşfi ve güvenilirliği artırır.

Next.js App Router; Server Components, statik üretim, Metadata API, sitemap ve route tabanlı durum kodlarıyla sağlam bir temel sunar.

Uygulama adımları

  1. İndekslenebilir içeriği Server Components veya statik üretimle sunun.
  2. Her rota için canonical, alternates, başlık ve açıklamayı sunucuda üretin.
  3. Gerçek <a href>, doğru 404 ve kalıcı taşımalar için 301/308 kullanın.
  4. Kaynak HTML, oluşturulan görünüm ve performansı ayrı ayrı test edin.

Örnek

Dil sayfası sunucuda çevrilmiş H1 ve hreflang ile döner; istemci JavaScript'i yalnızca etkileşimli aracı gerektiğinde yükler.

Yaygın hatalar

  • JavaScript'in dizine eklenemeyeceğini söylemek.
  • Kritik metni yalnızca kullanıcı tıklamasından sonra yüklemek.
  • Tüm yönlendirmeleri istemci tarafında yapmak.

Sınırlamalar

  • Sunucu render'ı içeriğin yararlı veya dizine alınmış olduğunu kanıtlamaz.
  • Üçüncü taraf betikleri ve büyük ortak paketler alan performansını bozabilir.

Birincil kaynaklar

İlgili rehberler ve araçlar