Core Web Vitals Nedir ve Nasıl İyileştirilir?

Web vitals nedir diye soruyorsanız cevap şu: Google’ın bir sayfanın kullanıcıya nasıl bir deneyim sunduğunu ölçmek için seçtiği üç temel değerdir. Bunlar ana içeriğin ne kadar çabuk yüklendiğini, sayfanın tıklamaya ne kadar çabuk yanıt verdiğini ve yüklenirken görüntünün kayıp kaymadığını ölçer.

Bu değerler teknik görünür, ama arkasındaki fikir basittir: ziyaretçiyi bekletmeyin, yanıt verin, sayfayı oynatmayın. Sitenizin SEO tarafını ele alan SEO hizmetimiz kapsamında bu ölçümleri de kontrol ediyoruz. Aşağıda üç ölçüyü, ölçüm araçlarını ve iyileştirme adımlarını sade bir dille anlatıyoruz.

Core Web Vitals nedir ve neden ölçülür?

Core Web Vitals, yani temel web ölçüleri, Google’ın sayfa deneyimi için belirlediği üç göstergedir. Amaç, sitelerin gerçek kullanıcılar için hızlı, tepkili ve kararlı olmasını sağlamaktır. Google’ın resmî tanımı web.dev’deki Web Vitals sayfasında yer alıyor.

Bu ölçüler laboratuvar hesabı olmaktan çok, gerçek ziyaretçilerin yaşadığı deneyimi yansıtır. Aynı sayfa hızlı bir bilgisayarda iyi, eski bir telefonda kötü görünebilir. Bu yüzden ölçümde gerçek kullanıcı verisine bakılır.

Üç ölçü şöyle özetlenir:

Google’ın bu ölçülerin sıralamadaki ağırlığı hakkında söyledikleri sınırlıdır. Sayfa deneyimi, tek başına sıralamayı belirleyen etken değildir. İçeriğin konuyla ilgisi çok daha belirleyicidir. Ama yavaş, tepkisiz ya da sürekli kayan bir sayfa, ziyaretçiyi kaybettirir; bu da dolaylı olarak işinize zarar verir.

Teknik tarafın genel çerçevesi için teknik SEO yazısına bakabilirsiniz. Orada tarama, dizin ve yönlendirme gibi konular ele alınıyor. Biz bu yazıda yalnızca sayfa deneyimi ölçülerine odaklanıyoruz.

Ana içeriğin yüklenme süresi (LCP) nedir?

LCP, sayfadaki en büyük içerik parçasının ekranda görünmesi için geçen süredir. Bu parça çoğu zaman büyük bir görsel, bir başlık bloğu ya da bir video kapağıdır. Ziyaretçi için “sayfa açıldı” hissinin ne zaman oluştuğunu gösterir.

Bir restoran düşünün. Masaya oturdunuz, ama menü geç geliyor. Mekân hazır, ama sizin gördüğünüz şey boş bir masa. LCP, menünün masaya gelme süresine benzer. Süre uzadıkça müşteri sabırsızlanır.

Ölçünün iyi, geliştirilmeli ve zayıf sayılan aralıkları vardır. Bu aralıkların güncel değerlerini yazıya sabitlemiyoruz; Google ölçütleri değiştirebilir. Güncel eşikler için LCP açıklaması sayfasına bakın.

LCP’yi geciktiren başlıca nedenler şunlardır:

• Ana görselin çok büyük dosya olması.
• Sunucunun ilk yanıtı geç vermesi.
• Sayfanın görünmesini engelleyen ağır betikler ve stil dosyaları.
• Yazı tipinin geç yüklenmesi.

Kendi sitenizde LCP’nin hangi öğe olduğunu bulmak için PageSpeed Insights raporuna bakın. Rapor genellikle “en büyük içerik öğesini” gösterir. O öğe bir görselse, ilk iş o görseli küçültmek olur.

Tıklamaya yanıt süresi (INP) nedir?

INP, ziyaretçi bir düğmeye, bağlantıya ya da menüye dokunduğunda sayfanın ne kadar çabuk görsel yanıt verdiğini ölçer. Sayfa açılmış gibi görünür ama dokununca tepki vermiyorsa INP kötüdür. Bu ölçü, sitenin “canlı” hissettirmesiyle ilgilidir.

Bir örnek düşünelim. Telefonla bir sitenin menü simgesine dokunuyorsunuz ama menü bir saniye açılmıyor. Tekrar dokunuyorsunuz, menü iki kez tetikleniyor. Bu, kötü tıklama yanıtının günlük hayattaki karşılığıdır.

INP, daha önce kullanılan FID adlı ölçünün yerine geçti. Kavramı ayrıntılı anlatan web.dev’deki INP açıklaması resmî kaynaktır. Eski yazılarda FID adını görürseniz, güncel ölçünün INP olduğunu bilin.

Tıklama yanıtını bozan tipik nedenler:

• Sayfaya yüklenen fazla ve ağır betikler (takip kodları, sohbet pencereleri, kaydırıcılar).
• Tek seferde uzun süre çalışan işlemler.
• Çok sayıda eklenti ve widget.
• Zayıf telefonlarda ağır arayüz öğeleri.

Çözüm, gereksiz betikleri kaldırmak ve sayfada yalnızca işe yarayanı bırakmaktır. Kullanmadığınız bir sohbet eklentisi ya da eski bir kaydırıcı, farkında olmadan sayfayı yavaşlatıyor olabilir.

Görsel kayma (CLS) nedir?

CLS, sayfa yüklenirken içeriğin beklenmedik biçimde yer değiştirmesini ölçer. Okurken yazının aşağı kayması ya da dokunacağınız düğmenin son anda yer değiştirmesi buna örnektir. Ziyaretçi yanlış yere tıklar ve sinirlenir.

Basit bir senaryo: Bir haber metnini okuyorsunuz. Tam bu sırada üstte bir reklam yükleniyor ve metin aşağı itiliyor. Okuduğunuz satırı kaybediyorsunuz. Ya da “Gönder” düğmesine dokunacakken sayfa kayıyor ve yanındaki “İptal”e basıyorsunuz. İşte CLS bunu ölçer.

Kaymanın yaygın nedenleri şunlardır:

• Boyutu belirtilmemiş görseller. Görsel yüklenene kadar yeri ayrılmaz, yüklenince altındaki her şey aşağı iner.
• Geç yüklenen reklam ve gömme içerikler (harita, video, sosyal medya kutusu).
• Sonradan görünen açılır bantlar ve çerez bildirimleri.
• Yazı tipi değişince metnin yeniden yerleşmesi.

Ayrıntı ve güncel eşikler için web.dev’deki CLS açıklamasına bakabilirsiniz. Çözümün özü, her öğe için sayfada önceden yer ayırmaktır. Görsele genişlik ve yükseklik vermek, reklam alanına sabit bir kutu tanımlamak bu işe yarar.

Mobil ekranlarda kayma daha sık fark edilir, çünkü alan dardır. Mobil uyumun genel mantığı için responsive web tasarım yazısı yardımcı olur.

Core Web Vitals nasıl ölçülür?

Ölçmek için iki ücretsiz Google aracı yeterlidir: PageSpeed Insights ve Search Console’daki Core Web Vitals raporu. İlki tek bir sayfayı inceler. İkincisi sitenin tamamındaki sorunlu sayfa gruplarını gösterir. İkisini birlikte kullanmak en sağlıklı yoldur.

PageSpeed Insights. PageSpeed Insights sayfasına adresi yazın ve çalıştırın. Rapor iki parçadan oluşur. Üstte, varsa gerçek kullanıcı verisi (alan verisi) görünür. Altta ise laboratuvar testi vardır; bu test kontrollü bir ortamda yapılan bir denemedir. Mobil ve masaüstü sonuçları ayrı sekmelerde yer alır. Önce mobile bakın.

Search Console raporu. Search Console’da “Core Web Vitals” raporu, sitenizdeki sayfaları iyi, geliştirilmeli ve zayıf gruplara ayırır. Raporun nasıl okunacağını Search Console yardım sayfası anlatır. Yeterli ziyaret alınmayan siteler için rapor boş olabilir; bu bir hata değildir, yalnızca veri yetersizliğidir.

Ölçümü şu sırayla yapabilirsiniz:

1. Ana sayfanızı PageSpeed Insights’ta mobil için çalıştırın.
2. En çok ziyaret alan iki üç hizmet sayfasını da ölçün.
3. Sorunlu görünen üç ölçüyü not edin.
4. Raporun “fırsatlar” bölümünden en çok kazandıracak maddeyi seçin.
5. Düzeltme sonrası aynı sayfayı tekrar ölçün.

Laboratuvar sonuçları her seferinde biraz farklı çıkabilir. Bir kez kötü sonuç gördüğünüzde panik yapmayın, birkaç kez ölçüp eğilime bakın. Search Console kullanımını bilmiyorsanız Google Search Console kullanımı yazısı başlangıç için yeterlidir.

Core Web Vitals nasıl iyileştirilir?

İyileştirmenin dört ana yolu vardır: görselleri küçültmek, gereksiz eklenti ve betikleri kaldırmak, yazı tipi yükünü azaltmak ve kaymaya yol açan reklam ile gömmelere yer ayırmak. Çoğu küçük işletme sitesinde bu dört adım, sorunların büyük kısmını çözer.

1. Görsel boyutu. En sık ve en kolay kazanç buradadır. Telefonla çekilmiş bir fotoğrafı doğrudan siteye yüklemek, sayfayı ağırlaştırır. Görseli sayfada gösterileceği boyuta getirin ve sıkıştırın. Modern görsel biçimleri kullanmak da dosyayı küçültür. Görsele genişlik ve yükseklik değerini yazın; böylece CLS de iyileşir.

2. Gereksiz eklenti ve betikler. Sitenizde kullanmadığınız eklentileri silin. Takip kodlarını, sohbet pencerelerini ve kaydırıcıları gözden geçirin. Her biri sayfaya yük bindirir ve INP’yi bozabilir. WordPress kullanıyorsanız WordPress web tasarım yazısındaki eklenti şişkinliği bölümü konuyla ilgilidir.

3. Yazı tipi yükü. Çok sayıda yazı tipi ve kalınlık seçeneği yüklemek sayfayı yavaşlatır. İki yazı tipi ve yalnızca kullandığınız kalınlıklar çoğu site için yeterlidir. Yazı tipi geç yüklenince metin yer değiştirir; bu da CLS’i etkiler.

4. Reklam ve gömme kaymaları. Harita, video, reklam ya da sosyal medya kutusu gibi sonradan yüklenen alanlar için sayfada sabit bir yer ayırın. Alan önceden belli olursa içerik kaymaz. Sayfanın üstünde sonradan beliren bantlardan da kaçının.

5. Barındırma ve sunucu. Sunucu yanıtı yavaşsa hiçbir görsel optimizasyon yetmez. Ucuz ve kalabalık bir barındırma planı, LCP’yi geciktirebilir.

Sırayı da şöyle belirleyin: önce en çok etkiyi en az emekle sağlayanı yapın. Çoğu zaman bu, görselleri küçültmektir. Ardından eklenti temizliğine geçin.

Yeni bir site yaptıracaksanız bu başlıkları baştan konuşmak işi kolaylaştırır. SEO uyumlu web sitesi yazısı, kurulum sırasında bu tür kararları nasıl alacağınızı anlatıyor.

Core Web Vitals sıralamayı ne kadar etkiler?

Core Web Vitals, Google’ın sayfa deneyimi değerlendirmesinin bir parçasıdır, ama sıralamayı tek başına belirlemez. İçeriğin aranan konuya uygunluğu ve kalitesi çok daha ağır basar. İyi ölçüler avantaj sağlar; ancak sıralama garantisi vermez. Bu yüzden hızı, bütünün bir parçası olarak ele alın.

Bu nedenle iki uç yanlıştan kaçının. Birincisi, ölçüleri hiç umursamamaktır. Yavaş ve kayan bir site, ziyaretçiyi kaybettirir; bu doğrudan müşteri kaybıdır. İkincisi, ölçüleri aşırı önemsemektir. Rapordaki her yeşil değer için haftalarca uğraşmak, içeriği ihmal etmek anlamına gelebilir.

Dengeli yaklaşım şudur: Önce ziyaretçiyi rahatsız eden büyük sorunları giderin. Sayfa gerçekten hızlı ve kararlı hissettiriyorsa küçük puan farklarının peşinde koşmayın. Sıralamaya giden yolun geri kalanı için Google’da üst sıralara çıkmak yazısına bakabilirsiniz.

Sık sorulan sorular

Core Web Vitals hangi üç ölçüden oluşur?

Ana içeriğin yüklenme süresini ölçen LCP, tıklamaya yanıt süresini ölçen INP ve görsel kaymayı ölçen CLS’ten oluşur. Her biri farklı bir ziyaretçi deneyimini temsil eder. Güncel eşik değerlerini web.dev’deki resmî sayfalardan kontrol edebilirsiniz.

Core Web Vitals puanım düşükse sitem aramadan kalkar mı?

Hayır. Düşük ölçüler sayfanızı aramadan kaldırmaz. Ama aynı kalitedeki iki sayfa arasında deneyim farkı belirleyici olabilir. Asıl zarar, yavaş ve kayan sayfada ziyaretçinin siteden ayrılmasıdır. Bu yüzden sorunları gidermek yine de değerlidir.

PageSpeed Insights ile Search Console raporu neden farklı sonuç verir?

PageSpeed Insights tek sayfayı ve o anki laboratuvar testini gösterir, ayrıca varsa gerçek kullanıcı verisini sunar. Search Console ise sitedeki sayfa gruplarını gerçek kullanıcı verisiyle sınıflar. Kapsam ve zaman farkı nedeniyle sonuçlar birebir uyuşmayabilir.

Küçük bir işletme sitesinde Core Web Vitals için neyi önce düzeltmeliyim?

Önce görselleri küçültün ve boyutlarını belirtin. Sonra kullanmadığınız eklenti ve betikleri kaldırın. Üçüncü adım olarak yazı tiplerini sadeleştirin. Bu üç iş çoğu küçük sitede belirgin fark yaratır ve teknik bilgi gerektirmeden başlayabilirsiniz.

Core Web Vitals değerlerini ne sıklıkla kontrol etmeliyim?

Yeni sayfa, eklenti ya da tasarım değişikliği sonrasında kontrol edin. Ayrıca üç ila altı ayda bir ana sayfa ve en çok ziyaret alan sayfaları ölçmek yeterlidir. Düzenli takip için Search Console raporunu ayda bir açıp bakabilirsiniz. Destek isterseniz iletişim sayfamızdan bize yazın.