Site hızı ve Core Web Vitals: İşletme sahipleri için rehber

Bir ziyaretçi reklamınıza tıkladı, sayfanız açılırken boş bir ekrana baktı ve geri tuşuna bastı. Bu kayıp hiçbir raporda “yavaş site” diye görünmez; sadece düşük dönüşüm oranı olarak karşınıza çıkar. Google bu deneyimi ölçülebilir hale getirmek için Core Web Vitals adını verdiği üç metrik tanımladı. Bu yazıda teknik jargona boğulmadan bu metriklerin ne anlattığını, sitenizi nasıl ölçeceğinizi ve geliştiricinizle hangi düzeltmeleri konuşmanız gerektiğini anlatıyoruz.

Core Web Vitals nedir ve neden önemsemelisiniz?

Core Web Vitals, Google’ın gerçek kullanıcı deneyimini ölçmek için kullandığı üç metrikten oluşur: sayfanın ana içeriğinin ne kadar hızlı göründüğü, sayfanın tıklama ve dokunmalara ne kadar çabuk tepki verdiği ve içeriğin yüklenirken yerinden oynayıp oynamadığı. Google bu metrikleri sayfa deneyimi sinyallerinin bir parçası olarak arama sıralamasında dikkate aldığını açıkça belirtiyor.

Yine de sıralama etkisini abartmamak gerekir. İçeriği zayıf ama hızlı bir sayfa, içeriği güçlü ama biraz yavaş bir sayfayı her zaman geçemez. Asıl önemli olan iş tarafı: hızlı ve stabil bir site daha az ziyaretçi kaybeder, form ve sepet adımlarında daha az terk yaşanır ve reklam bütçeniz boşa gitmez. Yani Core Web Vitals’ı yalnızca SEO maddesi değil, satış maddesi olarak görmek daha doğru.

LCP: Ana içerik ne zaman görünüyor?

Largest Contentful Paint (LCP), sayfadaki en büyük görsel ya da metin bloğunun ekranda belirdiği anı ölçer. Çoğu sitede bu, ana sayfadaki büyük kapak görseli, ürün fotoğrafı veya başlık alanıdır. Google’ın web.dev üzerindeki tanımına göre iyi bir LCP 2,5 saniye veya altıdır.

LCP’yi en sık bozan nedenler şunlardır:

• Sıkıştırılmamış, telefona gereğinden büyük gönderilen kapak görselleri
• Yavaş sunucu ve önbellek kullanılmaması
• Ana görselin JavaScript ile ya da geç yüklenecek şekilde (lazy load) ayarlanması
• Sayfanın üstünü kapatan slider’lar ve ağır yazı tipi dosyaları

INP: Site tıklamalara ne kadar hızlı cevap veriyor?

Interaction to Next Paint (INP), Mart 2024’te eski FID metriğinin yerini aldı. Kullanıcı bir butona bastığında, menüyü açtığında veya filtre seçtiğinde ekranın bu etkileşime ne kadar sürede tepki verdiğini ölçer. Google’a göre iyi bir INP 200 milisaniye veya altıdır.

INP sorunları genellikle tarayıcının çok fazla JavaScript ile meşgul olmasından kaynaklanır. Üçüncü taraf sohbet eklentileri, birden fazla analiz ve reklam takip kodu, ağır sayfa oluşturucu temaları ve gereksiz animasyonlar ana iş parçacığını kilitler. Ziyaretçi “Sepete ekle”ye basar, hiçbir şey olmaz, tekrar basar; işte kötü INP budur.

CLS: Sayfa yüklenirken içerik kayıyor mu?

Cumulative Layout Shift (CLS), sayfa yüklenirken öğelerin beklenmedik şekilde yer değiştirmesini ölçer. Bir habere tıklamak üzereyken üstte reklam belirip linkin aşağı kaydığını yaşamışsınızdır. Google’ın eşiğine göre iyi bir CLS değeri 0,1 veya altıdır.

CLS’nin tipik nedenleri boyutu tanımlanmamış görseller ve videolar, sonradan yüklenen banner ve çerez uyarıları, geç gelen yazı tiplerinin metni yeniden boyutlandırması ve içeriğin üstüne dinamik olarak eklenen bloklardır. İyi haber şu ki CLS, üç metrik içinde düzeltmesi genellikle en kolay olanıdır.

Sitenizi nasıl ölçersiniz?

Ölçüm için iki tür veri vardır. Saha verisi, Chrome kullanıcılarından toplanan gerçek deneyimdir ve Google’ın değerlendirmede baktığı veridir. Laboratuvar verisi ise tek bir test ortamında yapılan simülasyondur; sorunu bulmak için faydalıdır ama gerçek kullanıcıyı tam yansıtmaz.

Başlangıç için şu araçlar yeterli:

• Google Search Console’daki Core Web Vitals raporu: hangi URL gruplarının sorunlu olduğunu saha verisiyle gösterir
• PageSpeed Insights: hem saha hem laboratuvar verisini tek sayfada verir ve somut öneriler listeler
• Chrome geliştirici araçlarındaki Lighthouse ve Performance paneli: geliştiricinizin sorunun kaynağını bulması için
• Mobil cihazda kendi testiniz: sitenizi mobil veriyle, sıradan bir telefondan açıp deneyin

En çok fark yaratan pratik düzeltmeler

Her site farklıdır ama deneyimlerimizde iyileştirmelerin büyük kısmı aynı birkaç başlıktan gelir. Önce bunları yapın, sonra ince ayara geçin.

Önceliklendirirken en çok trafik ve gelir getiren sayfalardan başlayın: ana sayfa, en çok ziyaret alan kategori ve ürün sayfaları, reklamların yönlendirdiği açılış sayfaları. Az ziyaret alan bir blog yazısını mükemmelleştirmek yerine satış yapan sayfaları iyi aralığa çekmek hem SEO hem ciro açısından daha hızlı sonuç verir. Ayrıca masaüstü değil mobil sonuçlara odaklanın; ziyaretçilerinizin çoğu büyük ihtimalle telefondan geliyor ve sorunlar orada çok daha belirgin.

• Görselleri WebP veya AVIF formatına çevirin, cihaz boyutuna göre farklı boyutlar sunun (srcset)
• Ana görseli lazy load dışında tutun ve öncelikli yükleyin; sayfanın altındaki görselleri ise geç yükleyin
• Tüm görsel ve video alanlarına genişlik ve yükseklik verin
• Kullanılmayan eklentileri ve takip kodlarını kaldırın; kalanları gecikmeli yükleyin
• İyi bir hosting, sunucu tarafı önbellek ve CDN kullanın
• Yazı tiplerini kendi sunucunuzda barındırın, sayıyı azaltın ve font-display ayarını kullanın
• Ağır sayfa oluşturucu temalar yerine sade, amaca uygun bir tema tercih edin

<img src="kapak-800.webp"
     srcset="kapak-480.webp 480w, kapak-800.webp 800w, kapak-1600.webp 1600w"
     sizes="100vw" width="1600" height="900"
     fetchpriority="high" alt="Ürün kapak görseli">

Geliştiricinizle nasıl konuşmalısınız?

İşletme sahibi olarak kodu bilmeniz gerekmez ama doğru soruyu sormanız gerekir. “Siteyi hızlandırın” yerine “Search Console’da mobilde LCP sorunu görünen ürün sayfalarını iyi aralığa çekmek istiyoruz” demek, hem işi netleştirir hem sonucu ölçülebilir kılar.

Değişikliklerden önce ve sonra ölçüm alın, saha verisinin güncellenmesi için birkaç hafta bekleyin. Hız tek seferlik bir proje değildir; yeni eklenti, yeni kampanya banner’ı veya yeni bir takip kodu kazanılan iyileştirmeyi sessizce geri alabilir. Bu yüzden ayda bir kısa bir kontrol rutini oluşturmak en sağlıklı yoldur.

Kısa kontrol listesi

Sitenizi değerlendirirken şu soruları sırayla sorun:

• Search Console’da Core Web Vitals raporunda kırmızı veya sarı URL grubu var mı?
• Mobilde ana içerik 2,5 saniye içinde görünüyor mu?
• Butonlar ve menüler gecikmeden tepki veriyor mu?
• Sayfa yüklenirken içerik kayıyor mu?
• Son altı ayda eklenen eklenti ve kodların gerçekten gerekli olduğundan emin misiniz?

Sonuç

Core Web Vitals, sitenizin ziyaretçiye nasıl hissettirdiğini üç sayıya indirger. Bu sayıları düzenli izlemek, hem arama görünürlüğünüzü korur hem de reklamdan ve organikten gelen trafiğin daha fazlasını müşteriye dönüştürür. Sitenizin mevcut durumunu birlikte incelemek isterseniz Norcored ekibi ölçüm ve iyileştirme planı konusunda yardımcı olabilir; info@norcored.com adresinden bize yazabilirsiniz.

Sık sorulanlar

Core Web Vitals sıralamayı ne kadar etkiler?

Google bu metrikleri sayfa deneyimi sinyallerinden biri olarak kullanır, ancak içeriğin alaka düzeyi her zaman daha belirleyicidir. Benzer kalitedeki sayfalar arasında fark yaratabilir; asıl kazanç ise dönüşüm tarafındadır.

PageSpeed Insights puanım 100 olmalı mı?

Hayır. Laboratuvar puanı yönlendirici bir göstergedir. Önemli olan saha verisinde üç metriğin de iyi aralıkta olmasıdır.

WordPress siteler yavaş mı olur?

Platformun kendisi yavaş değildir; sorun genellikle ağır temalar, fazla eklenti ve zayıf hosting’den kaynaklanır. Doğru kurulmuş bir WordPress sitesi Core Web Vitals’ı rahatça geçebilir.