Next.js App Router İndeksleme Sorununun Çözümü
Next.js App Router mimarisinde trailing slash farklılıkları, dinamik rotalar, canonical URL yönetimi ve sunucu taraflı render süreçleri nedeniyle ortaya çıkan indeksleme problemlerinin teknik SEO yaklaşımıyla ele alınması.
Modern JavaScript Mimarisinde İndeksleme Problemi
Proje başlangıcında Next.js App Router ile geliştirilen web sitesinde, Google Search Console üzerinden izlenen indeksleme sorunları bulunuyordu. Özellikle dinamik sayfalarda canonical URL tutarsızlıkları, trailing slash farklılıkları ve sunucu taraflı içerik sunumu teknik incelemenin odak noktalarıydı.
Çalışmanın amacı, aynı içeriğin birden fazla URL üzerinden erişilebilir olmasından kaynaklanan belirsizlikleri azaltmak, arama motorlarına tutarlı URL sinyalleri sunmak ve sayfaların indekslenebilirliğini geliştirmekti.
Öncesi ve Sonrası: Teknik Durum
Canonical yapılandırması, URL yönlendirmeleri, render süreçleri ve indeksleme davranışları birlikte ele alındı. Aşağıdaki tablo proje kapsamında bildirilen değişimleri özetlemektedir.
Uygulanan Teknik SEO Yaklaşımı
Next.js App Router'ın Metadata API, dinamik sayfa üretimi ve sunucu taraflı render yetenekleri, arama motorlarının sayfaları doğru URL ve içerikle değerlendirebilmesi amacıyla düzenlendi.
Dinamik Metadata Yapılandırması
generateMetadata fonksiyonu kullanılarak dinamik sayfalarda başlık, açıklama ve canonical URL bilgilerinin tutarlı şekilde oluşturulması sağlandı.
Trailing Slash ve Yönlendirme Yönetimi
Sonunda eğik çizgi bulunan ve bulunmayan URL varyasyonlarının tutarlı biçimde yönetilmesi için yönlendirme ve yapılandırma kuralları değerlendirildi.
Sunucu Taraflı İçerik Sunumu
Kritik sayfa içeriklerinin ilk HTML yanıtında bulunmasına odaklanılarak istemci taraflı JavaScript işlemlerine bağımlılık azaltıldı.
Robots ve Sitemap Yönetimi
robots.txt, XML sitemap ve indekslenmesi hedeflenen URL grupları arasındaki tutarlılık ele alındı. API uç noktaları ve teknik rotalar kullanım amaçlarına göre değerlendirildi.
Next.js projelerinde indeksleme sorunları framework'ün kendisinden kaynaklanmak zorunda değildir. Yanlış canonical URL üretimi, tutarsız yönlendirmeler, eksik sunucu HTML'i ve hatalı indeksleme sinyalleri birlikte değerlendirilmeli; sorun gerçek HTTP yanıtları ve Search Console verileriyle doğrulanmalıdır.
Next.js Metadata API ile Canonical Yönetimi
App Router üzerinde canonical URL tanımlaması Metadata API aracılığıyla yapılabilir. Aşağıdaki kod yaklaşımı gösteren örnek bir yapılandırmadır.
// app/layout.tsx
import type { Metadata } from 'next';
export const metadata: Metadata = {
metadataBase: new URL('https://example.com'),
alternates: {
canonical: '/',
},
};Dinamik sayfalarda canonical değeri ilgili sayfanın gerçek URL'sine göre oluşturulmalıdır. Bu tanım arama motorlarına tercih edilen URL hakkında sinyal verir; HTTP yönlendirme döngülerini tek başına çözmez.
Yönlendirme sorunları ayrıca sunucu ve Next.js yapılandırması üzerinden giderilmelidir.
Teknik Audit ve İndeksleme Takibi
Sorunların belirlenmesinden teknik düzenlemelere ve sonuçların izlenmesine kadar uygulama süreci birbirini tamamlayan aşamalarla yürütüldü.
Google Search Console Audit
İndekslenmeyen URL'ler, kopya sayfa durumları ve Google'ın seçtiği canonical adresler incelendi.
URL ve Metadata Entegrasyonu
Sayfa bazlı metadata, canonical sinyalleri ve yönlendirme davranışları düzenlendi.
Sunucu Render Kontrolü
Sayfaların ilk HTML yanıtları ve istemci taraflı render davranışları değerlendirildi.
İndeksleme Performansının İzlenmesi
Teknik düzenlemeler sonrasında indeksli sayfa sayısındaki değişim Search Console üzerinden takip edildi.
1 İndeksli Sayfadan 155+ Sayfaya
Proje için paylaşılan karşılaştırmada başlangıçta 1 indeksli sayfa bulunurken, yaklaşık iki aylık süreç sonunda bu sayının 155'in üzerine çıktığı bildirildi.
Metadata yönetimi, canonical URL düzenlemeleri, yönlendirme kontrolü ve sunucu taraflı içerik sunumu, indeksleme problemlerini gidermek için uygulanan teknik yaklaşımın temelini oluşturdu.
Önceki raporda belirtilen %65 tarama verimliliği ve %40 görünürlük artışı gibi oranların ayrıca tarihli Search Console verileriyle doğrulanması gerekir.