Next.js projelerinde SEO yalnızca title ve description yazmaktan ibaret değildir. Arama motorlarının sayfayı anlaması, doğru URL'yi dizine alması, içerik tipini kavraması ve kullanıcıya hızlı bir deneyim sunması gerekir. App Router ile metadata yönetimi daha düzenli hale gelse de temel prensipler hâlâ geliştiricinin sorumluluğundadır.
Metadata Her Sayfaya Özel Olmalı
Aynı title ve description tüm sayfalarda kullanılırsa arama motoru sayfalar arasındaki farkı anlamakta zorlanır. Eğitim detay sayfası, blog yazısı, iletişim sayfası ve başvuru sayfası ayrı niyetlere hizmet eder. Bu nedenle metadata içeriği sayfanın gerçek amacını yansıtmalıdır.
Canonical ve URL Disiplini
Aynı içeriğe birden fazla URL'den erişilebiliyorsa canonical sinyali önem kazanır. Eski URL'ler, yönlendirmeler ve yeni SEO uyumlu path'ler düzenli yönetilmelidir. Canonical hataları küçük görünür ama zamanla dizin karmaşasına yol açabilir.
-
Tek ana URL belirleyin
-
Eski URL'leri redirect edin
-
Sitemap içinde yalnızca tercih edilen URL'leri tutun
Structured Data İçeriği Açıklar
BlogPosting, Course, Event, Organization ve FAQ gibi schema tipleri arama motorlarına ek bağlam sağlar. Ancak structured data, sayfada olmayan bilgiyi uydurmak için kullanılmamalıdır. Kullanıcıya görünen içerikle JSON-LD arasında tutarlılık olmalıdır.
Performans SEO'nun Parçasıdır
Core Web Vitals, mobil deneyim ve görsel optimizasyon doğrudan kullanıcı davranışını etkiler. Büyük görseller, render engelleyen scriptler ve gereksiz client componentler sayfa deneyimini zayıflatır. SEO çalışması yaparken performans raporlarını da düzenli izlemek gerekir.
SEO Teknik Bir Liste Değil, Sayfa Sözüdür
Next.js projelerinde SEO çalışması yalnızca title ve description doldurmakla bitmez. Her sayfa arama yapan kişiye belirli bir söz verir; içerik, başlık, URL, yapılandırılmış veri ve iç linkler bu sözü desteklemelidir. Örneğin eğitim detay sayfasında tarih, eğitmen, süre, kontenjan ve şehir bilgileri açıkça görünmüyorsa teknik schema eklemek tek başına yeterli olmaz. Arama motorları kadar kullanıcı da sayfanın ne sunduğunu hızlı anlamalıdır. Bu nedenle SEO, teknik doğruluk ile içerik açıklığının birleşimi olarak ele alınmalıdır.
-
Her sayfaya tek ana arama niyeti verin
-
Meta bilgiyi sayfa içeriğiyle tutarlı yazın
-
Schema verisini görünür bilgilerle destekleyin
Atölyede Nasıl Uygulanır?
Next.js Projelerinde SEO Temelleri başlığı, en iyi küçük bir uygulama dosyası veya mini proje üzerinden çalışıldığında anlaşılır. Katılımcı önce kendi mevcut bilgisini yazar, sonra Next.js odağında kısa bir hedef belirler ve bu hedefi adım adım çalışan çıktıya dönüştürür. Eğitmen burada doğrudan cevabı vermek yerine, katılımcının kararlarını görünür hale getirir: hangi dosya değişti, hangi varsayım yapıldı, hangi hata görüldü ve çözüm neden işe yaradı? Bu akış özellikle yazılım ve vibe coding konularında önemlidir; çünkü yalnızca sonucu almak değil, sonucun nasıl üretildiğini okuyabilmek gerekir.
-
Next.js için önce küçük bir deneme alanı hazırlayın
-
SEO kararlarını not alarak ilerleyin
-
sitemap sonucunu çalıştırıp kendiniz doğrulayın
Kendi Projenize Uyarlama
Bu yazıdaki yaklaşımı kendi projenize taşırken birebir kopyalamak yerine, projenizin ölçeğine göre sadeleştirmek daha doğru olur. Küçük bir portföy projesinde iki ekran ve bir form yeterliyken, ekip içinde kullanılan bir üründe yetki, hata yönetimi ve bakım süreci ayrıca düşünülmelidir. Bu nedenle her öneriyi önce mevcut kod tabanınızın alışkanlıklarıyla karşılaştırın. Eğer öneri projedeki bileşen yapısını bozuyor, gereksiz bağımlılık ekliyor veya test edilmesi zor bir akış oluşturuyorsa daha küçük bir adımla başlamanız daha sağlıklıdır.
-
Öneriyi önce tek sayfa veya tek component üzerinde deneyin
-
Çalışan sonucu not alın ve eski davranışla karşılaştırın
-
Kalıcı hale getirmeden önce mobil görünümü kontrol edin
Sonuç
Next.js SEO çalışması teknik ve editoryal kararların birleşimidir. Metadata, sitemap ve structured data temiz olduğunda arama motoru sayfayı daha rahat anlar; iyi performans ve faydalı içerik ise bu sinyali güçlendirir.