Teknik SEO ve Site Hızı: Next.js ile 90+ Lighthouse Skoru Nasıl Alınır?

Teknik SEO, modern web sitesinin görünmeyen omurgasıdır. İçerik iyi olabilir, tasarım güçlü olabilir, marka güvenilir olabilir; fakat site yavaşsa, URL yapısı karmaşıksa, schema eksikse, sitemap güncel değilse ve mobil deneyim zayıfsa organik büyüme sınırlanır. Next.js gibi modern framework'ler doğru kullanıldığında 90+ Lighthouse skoru almak zor değildir. Ancak framework tek başına çözüm değildir; performans disiplini, doğru render stratejisi ve temiz veri mimarisi gerekir.

1. Render stratejisi SEO performansını belirler

Next.js projelerinde her sayfanın aynı şekilde render edilmesi gerekmez. Statik içerikli hizmet, blog ve referans sayfaları mümkün olduğunca statik üretilmelidir. Sık değişen veriler için ISR veya server-side strateji seçilebilir. Kullanıcının ilk ekranda göreceği içerik sunucudan hızlı gelmeli, gereksiz client-side render ile boş ekran bekletilmemelidir. Bu yaklaşım özellikle kurumsal web sitesi tasarımı projelerinde hem SEO hem kullanıcı deneyimi için güçlü bir avantaj sağlar.

2. Görsel optimizasyonu en büyük hız kazanımıdır

Yavaş sitelerin çoğunda temel sorun büyük ve yanlış formatlı görsellerdir. Hero görseli 2 MB ise, ürün kartları optimize edilmemişse veya mobilde masaüstü görsel yükleniyorsa performans düşer. Görseller WebP veya AVIF formatında hazırlanmalı, genişlik-yükseklik değerleri bilinmeli, responsive srcset kullanılmalı ve ilk ekrandaki kritik görsel öncelikli yüklenmelidir. Görsel kalitesi korunurken dosya boyutu düşürülmeli; amaç bulanık görüntü değil akıllı sıkıştırmadır.

• Hero görseli için preload veya priority mantığı kullanılmalı.
• Aşağıdaki görseller lazy-load edilmeli.
• SVG ikonlar gereksiz kütüphane yüklemeden kullanılmalı.
• Galeri ve referans görsellerinde ölçü standardı korunmalı.

3. Font yönetimi CLS ve LCP'yi etkiler

Fontlar görsel kimliğin önemli parçasıdır ama yanlış yüklenirse sayfayı yavaşlatır. Harici font CDN'leri bloklama üretebilir, fazla font ağırlığı bundle'ı büyütebilir, geç yüklenen fontlar layout shift oluşturabilir. Next.js tarafında local font veya next/font kullanımı, font-display stratejisi ve gereksiz weight'lerin kaldırılması ciddi fark yaratır. Marka kimliği için seçilen font ailesi performans maliyetiyle birlikte değerlendirilmelidir.

4. JavaScript azaltmak SEO'ya doğrudan katkı sağlar

Modern sitelerde en büyük performans maliyetlerinden biri gereksiz JavaScript'tir. Her animasyon, slider, chat widget, analytics scripti ve üçüncü parti eklenti ana thread'i meşgul eder. Next.js Server Components, kritik olmayan bileşenlerin client tarafına taşınmaması için önemli avantaj sağlar. Kullanıcı etkileşimi gerektirmeyen alanlar client component olmamalıdır. Daha az JavaScript, daha hızlı etkileşim ve daha iyi INP demektir.

5. Metadata ve schema her sayfada dinamik olmalı

Teknik SEO'nun temel parçalarından biri sayfa bazlı metadata üretimidir. Her hizmet, blog, ürün ve referans sayfasının title, description, canonical, OpenGraph ve Twitter Card verileri kendi içeriğine göre oluşmalıdır. Schema tarafında BlogPosting, Article, Product, Service, BreadcrumbList ve Organization gibi türler ihtiyaca göre kullanılmalıdır. Bu yapı Google SEO hizmeti kapsamında planlandığında arama motorlarının sayfayı anlaması kolaylaşır.

6. Sitemap ve robots otomatik güncellenmeli

Statik hazırlanmış ve unutulmuş sitemap, büyüyen sitelerde hızlıca sorun üretir. Blog yazısı eklendiğinde, yeni hizmet sayfası açıldığında veya şehir landing sayfaları üretildiğinde sitemap otomatik güncellenmelidir. Robots.txt ise gereksiz alanları engellerken önemli sayfaların taranmasına izin vermelidir. Yanlışlıkla tüm siteyi noindex yapmak nadir değildir; yayın öncesi kontrol listesinde robots ve meta robots mutlaka yer almalıdır.

7. Lighthouse skoru hedef değil, teşhis aracıdır

Lighthouse 90+ skor almak önemlidir ama tek başına yeterli değildir. Laboratuvar verisi ile gerçek kullanıcı verisi farklı olabilir. PageSpeed Insights, Search Console Core Web Vitals raporu, Chrome UX Report ve Analytics davranış verileri birlikte değerlendirilmelidir. Bir sayfa testte hızlı görünüp sahada yavaş olabilir çünkü kullanıcıların cihazı, bağlantısı ve lokasyonu farklıdır. Bu yüzden performans optimizasyonu yayın sonrası da sürmelidir.

8. Teknik SEO checklist

• LCP < 2.5s, INP < 200ms, CLS < 0.1 hedeflenmeli.
• Canonical her indekslenebilir sayfada doğru olmalı.
• 404 ve yönlendirme zincirleri düzenli taranmalı.
• Internal link akışı hizmet, blog ve referans sayfaları arasında kurulmalı.
• Mobil kullanılabilirlik gerçek cihazlarda test edilmeli.

“Teknik SEO'nun amacı botları kandırmak değil; hızlı, okunabilir ve güvenilir bir web deneyimini arama motorlarına doğru anlatmaktır.”