Core Web Vitals Nedir? - Bilmek İstediğiniz Her Şey

Caner BULUT 10 Ocak 2021

Kullanıcı deneyiminin kalitesini optimize etmek, web üzerindeki herhangi bir sitenin uzun vadeli başarısının anahtarıdır.

Bir işletme sahibi, pazarlamacı veya geliştirici olun, Core Web Vitals sitenizin deneyimini ölçmenize ve iyileştirme fırsatlarını belirlemenize yardımcı olabilir.

Bu yazımızda 2021 yılına damgasını vuracak olan yeni değişikliği, Core Web Vitals'ı yakından inceleyeceğiz.

Core Web Vitals Nedir?
Web Vitals Neden Önemlidir?
Hangi Araçları Kullanarak Ölçebilirsiniz
Core Web Vitals Nasıl Ölçülür ve Düzeltilir

Core Web Vitals Nedir?

Google bu metrikler ile sayfa ne kadar hızlı yükleniyor? Ne kadar hızlı etkileşimli? Ne kadar kararlı? gibi soruların yanıtlarını bulmaya çalışmaktadır. Google bu metriklere sayfa deneyimi sinyalleri adını vermektedir.

Core Web Vitals Google'ın web'de harika bir kullanıcı deneyimi sunmak için gerekli olan kalite sinyalleri için birleşik rehberlik sağlama girişimidir.

Core Web Vitals üç ana sinyalden oluşur:

En Büyük İçerikli Boya (Largest Contentful Paint)
İlk Giriş Gecikmesi (FID)
Görsel Stabilizasyon (CLS)

En Büyük İçerikli Boya - Largest Contentful Paint (LCP)

Largest Contentful Paint

Bir sayfa yüklemesinin başlangıcı ile bir kullanıcının görüntü alanındaki en büyük görüntünün veya metin bloğunun tamamen oluşturulduğu zaman arasındaki zaman aralığını ifade eder.

İyi bir kullanıcı deneyimi sağlamak için siteler, sayfanın yüklenmeye başlamasından sonraki ilk 2,5 saniye içinde En Büyük İçerikli Boyamanın gerçekleşmesi için çabalamalıdır.

LCP hakkında daha detaylı bilgi için
https://web.dev/lcp/

İlk Giriş Gecikmesi - First Input Delay (FID)

First Input Delay

FID, bir kullanıcının bir sayfayla ilk etkileşime girdiği zamandan (yani bir bağlantıya tıkladığında, bir düğmeye dokunduğunda veya özel, JavaScript destekli bir denetim kullandığında) tarayıcının olay işleyicilerini gerçekten işlemeye başlayabildiği zamana kadar geçen süreyi ölçer.

İyi bir kullanıcı deneyimi sağlamak için, siteler 100 milisaniyeden daha kısa bir İlk Giriş Gecikmesi oluşturmaya çalışmalıdır.

FID hakkında daha detaylı bilgi için
https://web.dev/fid/

Görsel Stabilizasyon – Cumulative Layout Shift (CLS)

Cumulative Layout Shift

CLS, sayfanın tüm ömrü boyunca meydana gelen her beklenmedik düzen kayması için ayrı ayrı tüm düzen kaydırma puanlarının toplamını ölçer.

İyi bir kullanıcı deneyimi sağlamak için siteler CLS puanının 0.1'den düşük olması için çabalamalıdır.

CLS hakkında daha detaylı bilgi için
https://web.dev/cls/

Web Vitals Neden Önemlidir?

Google, sayfa deneyimini resmi bir Google sıralama faktörü yapmayı planlamaktadır.

Sayfa deneyimi, Google'ın kullanıcı deneyimi için önemli gördüğü, aşağıdakiler de dahil olmak üzere bir dizi faktör içermektedir.

HTTPS
Mobil uyumluluk
Geçiş pop-up'larının olmaması
Güvenli tarama (temel olarak, sayfanızda kötü amaçlı yazılım olmaması)

Ve Core Web Vitals, bu puanın çok önemli bir parçası olacak.

Temel web vitals'ın sayfa deneyimi puanınızın en büyük bölümünü oluşturacağını söylemek doğru olur.

Hangi Araçları Kullanarak Ölçebilirsiniz

Web Vitals metriklerini aşağıdaki yöntemleri kullanarak ölçebilirsiniz.

PageSpeed Insights
Web Vitals Chrome Eklentisi
WebPageTest
Google Search Console
Web Vitals JavaScript API
Chrome Dev Tools

Core Web Vitals Nasıl Ölçülür ve Düzeltilir?

Google bu metriklere çok kolay şekilde erişebilmenizi sağlamaktadır. Google Search Console üzerinde metrikler incelenebilir. Core Web Vitals isimli başlık altından hangi URL'lerinizin iyileştirilmesi gerektiği hakkında bilgilere erişebilirsiniz.

Bir performans ölçüm araçları paketi olan Lighthouse tarafından desteklenmektedir. Eğer bir problem buldu iseniz detaylı şekilde Lighthouse raporlarından inceleyebilirsiniz.

Sonuç Olarak

Web sitelerimizin arama sayfalarında üst sıralarda çıkması işimizi büyütmek ve markamızı geliştirmek için büyük önem taşımaktadır. Google'nin bu yeni web sinyallerini anlamak ve web sayfalarına doğru şekilde uygulanması gerekmektedir.

Eğer SEO konusunda bir desteğe ihtiyacınız olursa bizimle iletişime geçebilirsiniz.

Caner BULUT

Caner Bulut, Argenova'nın Kurucusu ve CEO'sudur. Yazılım geliştirme ve ürün geliştirme alanlarında deneyimlidir. Birçok başarılı projeye imza atmıştır ve teknoloji ekosistemine bilgi paylaşımıyla katkı sağlamaktan keyif almaktadır. Yoğun programına rağmen yeni bilgileri paylaşmak ve öğrenmek, ona büyük bir motivasyon kaynağı olmaktadır.