Müşterinin Sitesi "İyi" Görünüyordu, Ama Sıralamalar Düşüyordu
Geçen yıl bir e-ticaret müşterimizin teknik SEO denetimini yaptık. PageSpeed Insights'ta mobil skoru 72, masaüstü 89. "Fena değil" dedik başta. Ama rakipleri sürekli önümüze geçiyordu.
Daha derine indik. Sorun INP'deydi — Interaction to Next Paint. Kullanıcı bir butona tıkladığında sayfa 680 milisaniye sonra tepki veriyordu. Google'ın "iyi" eşiği 200ms. Biz 3 kattan fazla kötüydük.
Bu sorunu çözdükten sonra, 6 haftada 14 anahtar kelimede ortalama 4,2 sıra yükseldi. Teknik SEO'nun gücü bu.
2026'da Core Web Vitals: Güncel Eşikler
Google'ın üç temel metriği ve 2026 itibarıyla geçerli eşikler:
LCP — Largest Contentful Paint (En Büyük İçerik Boyama)
Sayfanın en büyük görsel veya metin bloğunun yüklenmesi için geçen süre.
- İyi: 2,5 saniye veya altı
- Geliştirilmeli: 2,5 - 4 saniye arası
- Kötü: 4 saniyenin üzeri
LCP genellikle hero görseli, büyük bir başlık veya video thumbnail'ı oluyor. Bu elementin hızlı yüklenmesi için: görsel sıkıştırma (WebP/AVIF formatı), CDN kullanımı, fetchpriority="high" attribute'u ve sunucu yanıt süresini optimize etmek gerekiyor.
INP — Interaction to Next Paint (Etkileşimden Sonraki Boyama)
Kullanıcının tıklama, dokunma veya klavye girişi gibi etkileşimlerine sayfanın tepki süresi. 2024'te FID'in (First Input Delay) yerini aldı.
- İyi: 200ms veya altı
- Geliştirilmeli: 200 - 500ms arası
- Kötü: 500ms üzeri
INP, FID'den çok daha kapsamlı. FID sadece ilk etkileşimi ölçerken, INP tüm sayfa yaşam döngüsündeki etkileşimleri ölçüyor. Bu yüzden çok daha zor optimize edilebiliyor.
CLS — Cumulative Layout Shift (Kümülatif Düzen Kayması)
Sayfa yüklenirken elementlerin beklenmedik biçimde kayması.
- İyi: 0,1 veya altı
- Geliştirilmeli: 0,1 - 0,25 arası
- Kötü: 0,25 üzeri
CLS'nin en yaygın nedenleri: boyutsuz görseller, geç yüklenen reklamlar, web fontlarının geç yüklenmesi.
INP Optimizasyonu: En Zor Ama En Önemli
INP, 2026'da teknik SEO'nun en kritik konusu. Çünkü hem optimize etmesi zor hem de Google'ın ağırlık verdiği metrik.
JavaScript Yürütme Süresini Azaltın
INP sorunlarının %80'i uzun JavaScript görevlerinden kaynaklanıyor. Ana thread'i 50ms'den uzun süre bloke eden görevler, INP'yi olumsuz etkiliyor.
Chrome DevTools'ta Performance panelini açın, "Long Tasks" seçeneğini etkinleştirin ve hangi JavaScript fonksiyonlarının uzun süre çalıştığını tespit edin.
Çözümler:
- Büyük JavaScript dosyalarını code splitting ile parçalara bölün
- Kritik olmayan işlemleri requestIdleCallback ile erteleyin
- Ağır hesaplamaları Web Workers'a taşıyın
- Üçüncü taraf scriptleri (chat widget, analytics, reklam kodları) asenkron yükleyin
Event Handler Optimizasyonu
Kullanıcı bir butona tıkladığında ne oluyor? Eğer o tıklama çok sayıda DOM manipülasyonu, API çağrısı veya hesaplama tetikliyorsa, INP yükseliyor.
Bir müşterimizin "Sepete Ekle" butonu tıklandığında 12 farklı işlem tetikleniyordu — stok kontrolü, fiyat hesaplama, DOM güncelleme, analytics eventi, remarketing pixeli... Bunları önceliklendirdik, kritik olmayanları erteledik. INP 580ms'den 190ms'ye düştü.
Render-Blocking Kaynakları Kaldırın
CSS ve JavaScript dosyaları sayfanın render edilmesini engelleyebilir. Kritik CSS'i inline olarak ekleyin, kritik olmayan CSS'i asenkron yükleyin. JavaScript dosyalarına "defer" veya "async" attribute'u ekleyin.
LCP Optimizasyonu: Pratik Adımlar
Görselleri Optimize Edin
Hero görseli genellikle LCP elementi. Bu görseli optimize etmek için:
Format: WebP veya AVIF kullanın. AVIF, JPEG'e kıyasla %50 daha küçük dosya boyutu sağlıyor. Tüm modern tarayıcılar destekliyor.
Boyut: Görseli gerçek gösterim boyutunda sunun. 2000px genişliğinde bir görseli 400px'lik bir alanda gösteriyorsanız, gereksiz veri transfer ediyorsunuz.
Preload: LCP görselini link rel="preload" ile önceden yükleyin. Bu, tarayıcının görseli öncelikli olarak indirmesini sağlıyor.
fetchpriority: LCP görselinin img etiketine fetchpriority="high" ekleyin.
Sunucu Yanıt Süresini İyileştirin
TTFB (Time to First Byte) yüksekse, LCP'yi ne kadar optimize ederseniz edin sınırlı iyileşme elde edersiniz. Sunucu yanıt süresi 600ms'nin altında olmalı.
Çözümler: CDN kullanımı, sunucu tarafı önbellekleme, veritabanı sorgu optimizasyonu, daha güçlü hosting.
CLS: Görünmez Ama Önemli
CLS sorunları çoğu zaman fark edilmiyor çünkü kullanıcılar "sayfa kayıyor" demiyor, sadece yanlış butona tıklıyorlar ve sinirleniyorlar.
Görsellere Boyut Verin
Her img etiketinde width ve height attribute'u olmalı. Bu, tarayıcının görsel yüklenmeden önce ne kadar alan ayıracağını bilmesini sağlıyor.
Örnek doğru kullanım: img src="hero.jpg" alt="Hero" width="1200" height="600"
Font Yükleme Stratejisi
Web fontları geç yüklendiğinde, tarayıcı önce sistem fontunu gösteriyor, sonra web fontuna geçiyor. Bu geçiş CLS'ye neden oluyor.
font-display: swap kullanın ve kritik fontları preload edin. Google Fonts kullanıyorsanız, fontları kendi sunucunuzda barındırmak daha iyi kontrol sağlıyor.
Mobil vs Masaüstü: Farklı Öncelikler
Google, Core Web Vitals değerlendirmesinde mobil ve masaüstü verilerini ayrı ayrı değerlendiriyor. Ama sıralama kararlarında mobil veriler daha ağır basıyor.
Türkiye'de web trafiğinin %72'si mobil cihazlardan geliyor. Mobil optimizasyon, masaüstü optimizasyonundan çok daha kritik.
Mobil'de özellikle dikkat edilmesi gerekenler:
- Dokunma hedeflerinin boyutu (minimum 48x48px)
- Metin boyutu (minimum 16px, zoom gerektirmemeli)
- Yatay kaydırma olmaması
- Mobil bağlantı hızlarında performans (3G simülasyonu ile test edin)
Teknik SEO Denetim Araçları
Düzenli kullanmanız gereken araçlar:
Google Search Console: Core Web Vitals raporu, gerçek kullanıcı verilerini gösteriyor. "URL Denetimi" ile tek tek sayfaları kontrol edebilirsiniz.
PageSpeed Insights: Hem lab verisi hem de alan verisi sunuyor. Spesifik öneriler veriyor.
Chrome DevTools: Derinlemesine performans analizi için. Performance, Network ve Lighthouse panelleri.
WebPageTest: Farklı lokasyon ve bağlantı hızlarından test imkanı. Waterfall şeması ile yükleme sırasını görselleştiriyor.
Screaming Frog: Teknik SEO sorunlarını toplu olarak tespit etmek için. Kırık linkler, eksik meta taglar, yinelenen içerik.
Gerçek Proje: E-Ticaret Sitesi Dönüşümü
Bir moda e-ticaret sitesiyle çalıştık. Başlangıç durumu:
- LCP: 4,8 saniye (kötü)
- INP: 620ms (kötü)
- CLS: 0,18 (geliştirilmeli)
- Mobil PageSpeed skoru: 34
Yaptıklarımız:
- Hero görsellerini WebP'ye dönüştürdük, boyutlandırdık, preload ekledik
- Üçüncü taraf scriptleri (chat, analytics, pixel) asenkron yükledik
- JavaScript bundle'ı code splitting ile parçaladık
- Tüm görsellere width/height ekledik
- CDN kurulumu yaptık
3 ay sonraki durum:
- LCP: 1,9 saniye (iyi)
- INP: 145ms (iyi)
- CLS: 0,06 (iyi)
- Mobil PageSpeed skoru: 78
Organik trafik %43 arttı. Dönüşüm oranı %28 iyileşti. Teknik SEO sadece sıralama değil, doğrudan gelir etkisi yaratıyor.
2026 Teknik SEO Kontrol Listesi
Her ay yapmanız gerekenler:
- Google Search Console Core Web Vitals raporunu kontrol edin
- Yeni eklenen sayfaları PageSpeed Insights ile test edin
- Kırık linkleri tespit edip düzeltin
- Yeni görsellerin WebP formatında ve boyutlandırılmış olduğunu kontrol edin
- Üçüncü taraf scriptlerin performans etkisini izleyin
Her çeyrek yapmanız gerekenler:
- Tam teknik SEO denetimi (Screaming Frog)
- Rakip Core Web Vitals karşılaştırması
- JavaScript bundle analizi
- Mobil kullanılabilirlik testi
Teknik SEO, bir kez yapıp unutulan bir şey değil. Site büyüdükçe, yeni özellikler eklendikçe, teknik borç birikir. Düzenli denetim ve optimizasyon, uzun vadeli SEO başarısının temelini oluşturuyor.