Web sitenizin Google sıralamalarında üst sıralara çıkmasını sağlayacak teknik SEO optimizasyonları, içerik stratejileri ve site içi düzenlemelerle markanızın çevrimiçi görünürlüğünü artırır.

İletişim Bilgilerimiz

Teklif İste

Blog Details

  • Ana Sayfa
  • Blog
  • Vaka Çalışması: Next.js App Router Kullanımında Index Sorunu ve Çözümü

Vaka Çalışması: Next.js App Router Kullanımında Index Sorunu ve Çözümü

  • Mart 10, 2026
  • Comments: (0)

Özet:
Bu vaka çalışmasında, modern bir Next.js tabanlı web sitesinde yaşanan Google index sorunu, sorunun tespit edilmesi, analiz edilmesi ve çözüm yolları bilimsel bir perspektifle incelenmektedir. Site, büyük ölçüde JavaScript ile client-side render edilen içerik nedeniyle Googlebot tarafından ilk taramada içerik boş olarak algılanmış ve dizine eklenmemiştir. Çalışmada ayrıca hreflang eksikliği, aşırı asenkron JS yükü ve render zincirinin uzaması gibi SEO teknik sorunlar ele alınmıştır.

1. Giriş

Günümüzde web geliştirme teknolojilerinin evrimi, SEO için yeni zorluklar yaratmaktadır. Next.js App Router ve modern React tabanlı framework’ler, büyük ölçüde client-side rendering (CSR) veya dinamik server-side rendering (SSR) kullanır. Bu durum, Googlebot’un sayfayı ilk crawl’da tam olarak görememesi ve içerik dizine eklenmemesi riskini doğurur.

Bu çalışmanın amacı:

  1. Sorunun kaynağını tespit etmek

  2. Teknik SEO hatalarını belirlemek

  3. Next.js ortamında uygulanabilecek çözümleri açıklamaktır

2. Sorunun Tanımı

Site taraması sırasında gözlemlenen sorunlar şunlardır:

  1. İçerik ilk yüklemede boş görünüyordu:
    HTML çıktısında:

    <body>
    <div hidden><!–$–><!–/$–></div>
    </body>

    Bu, tüm sayfanın JavaScript ile sonradan render edildiğini gösteriyordu.

  2. Googlebot içerik görmüyor:

    • İlk crawl sırasında metin yok

    • Render maliyeti yüksek (beklemeli / pahalı render)

    • Sonuç: Tarandı ama dizine eklenmedi

  3. hreflang eksikliği:

    • Site /tr/ ve /en/ dillerini içeriyor

    • HTML’de <link rel="alternate" hreflang="tr/en/x-default"> yok

  4. Aşırı JS ve uzun render zinciri:

    • 15+ async JS yüklemesi

    • Googlebot mobile yükü yüksek

    • Render zinciri uzadığı için içerik geç görünüyordu

  5. Site yapısı ve navigasyon eksiklikleri:

    • Ana sayfadan contextual link yok

    • Menü linkleri JS butonlarıyla verilmiş, <a> etiketi kullanılmamış

3. Yöntem

Sorunu çözmek için üç ana teknik uygulandı:

3.1 Static Render Kullanımı

Next.js App Router’da tüm sayfaların static olarak render edilmesi sağlandı:

export const dynamic = ‘force-static’;
export const revalidate = 86400;

veya

export const dynamic = ‘error’;

Bu sayede Googlebot sayfayı ilk yüklemede tam içerikle görebildi.

3.2 Hreflang Etiketleri

Diller arası yönlendirme için HTML <head> bölümüne eklendi:

<link rel=“alternate” hreflang=“tr” href=“https://ecu-chiptuningfiles.com/tr/services/chiptuning-dosyalari” />
<link rel=“alternate” hreflang=“en” href=“https://ecu-chiptuningfiles.com/services/chiptuning-files” />
<link rel=“alternate” hreflang=“x-default” href=“https://ecu-chiptuningfiles.com/services/chiptuning-files” />

3.3 Contextual Link ve Sitemap Düzenlemesi

  • Ana sayfa içerisine düz metin <a> linkleri eklendi

  • Sitemap güncellendi: /tr/ ve /en/ ayrı ayrı, lastmod güncel, servis sayfalarında priority ≥ 0.8

4. Sonuçlar

Uygulanan çözümler sonucunda:

  1. İçerik artık ilk renderda görünür hale geldi

  2. Googlebot sayfaları tam olarak tarayıp dizine ekledi

  3. Hreflang eklenmesi, çok dilli SEO uyumunu sağladı

  4. Contextual link ve sitemap düzenlemeleri, sayfaların Google tarafından daha hızlı keşfedilmesini sağladı

  5. Google index sorunu tamamen çözüldü

5. Tartışma

Bu vaka çalışması, modern JS framework’lerinde SEO sorunlarının çoğunlukla render yöntemi ve Googlebot maliyetinden kaynaklandığını göstermektedir. Ayrıca:

  • Client-side render (CSR) SEO için risklidir

  • Static render (SSG) veya server-side render (SSR) tercih edilmelidir

  • Hreflang ve contextual linkler, çok dilli sitelerde kritik önemdedir

  • Sitemap ve link hiyerarşisi optimizasyonu, sayfaların dizine eklenmesini hızlandırır

6. Sonuç ve Öneriler

Next.js App Router ve AI destekli SEO çağında, şu adımlar kritik önemdedir:

  1. Önemli sayfalar static render ile oluşturulmalı

  2. Hreflang etiketleri eksiksiz olmalı

  3. Contextual linkler, ana sayfadan verilmelidir

  4. Sitemap ve lastmod bilgisi güncel tutulmalıdır

  5. JS yükü ve render zinciri optimize edilmelidir

Bu adımların uygulanması, modern web sitelerinde Google index sorunlarını önlemenin en etkili yolu olarak öne çıkmaktadır.

8. Zamanla Index Düşüşü ve Gözlemler

Site, başlangıçta yüzlerce sayfa ile dizinde görünüyordu. Ancak Google tarama sürecinde yaşanan render ve JS problemleri nedeniyle, 15 Aralık’a kadar index sayısı yavaş yavaş azalmaya başladı ve tek sayfaya kadar düştü. Tarihten de anlaşıldığı üzere site artık index almaya başlıyor.

Çözüm Uygulaması Sonrası:

  • Static render ve hreflang eklemeleriyle sayfa içeriği artık ilk yüklemede görünür hale geldi.

  • Sitemap ve contextual link optimizasyonu ile Googlebot sayfaları düzgün tarayıp dizine ekledi.

  • Bu sayede dizine eklenmiş sayfa sayısı artmaya başladı.