Core Web Vitals son zamanlarda en çok konuşulan Google güncellemelerinden biridir. Core Web Vitals, Search Console’da Önemli Web Verileri olarak anılır. Google’ın web sitelerinde son kullanıcı deneyimi açısından önemli olduğunu düşündüğü özel teknik faktörleri kapsar. Core Web Vitals üç özel sayfa hızıyla kullanıcı etkileşimi ölçümlerinden meydana gelir.
- LCP (Largest Contentful Paint)
- FID (First Input Delay)
- CLS (Cumulative Layout Shift)
Google açısından Core Web Vitals; sağlıklı bir web sitesi için temel metrikler, web masterlar için teknik güncelleme, alt yapı değişikliği, işin yazılım yönüne daha fazla eğilme, kullanıcı için ise daha hızlı web deneyimi anlamına gelir.
Core Web Vitals için Google’ın genel sayfa deneyimi değerlendirmesinin önemli bir parçası denilebilir. web sitelerinin Core Web Vitals verileri; Google Search Console hesabının “Geliştirmeler” bölümünde bulunabilir.
Core Web Vitals Neden Önemlidir?
Sayfa deneyimi Google’ın kullanıcı deneyimi açısından çok önemli olduğunu düşündüğü; HTTPS, mobil uyumluluk, geçiş pop-up’larının olmaması, güvenli gezinme gibi bir dizi faktörü kapsar. Core Web Vitals ise bu listenin en önemli parçalarından biridir.
Google tarafından yapılan duyuru ve güncelleme, Core Web Vitals’ın sayfa deneyimi puanının en büyük bölümünü oluşturacağının sinyalini verir. Ancak web sitesindeki sayfaların harika bir sayfa deneyim puanına sahip olması, arama motoru sıralamalarında zirveye çıkmak anlamına gelmez.
Google kriterlerine göre iyi bir sayfa deneyimi, kaliteli bir içeriği alt edemez. Benzer kalitede içeriklere sahip olan web sitelerinde ise sayfa açılış deneyimi web sitesinin ön plana çıkmasını sağlayan olumlu bir etkendir.
Core Web Vitals ya da Önemli Web Verileri, kullanıcı deneyimini ölçmek için kullanılan Google’ın Sayfa Deneyimi sinyallerinin bir parçası olan hız ölçümleri olarak tanımlanabilir. Metrikler LCP ile görsel yükü, CLS ile görsel kararlılığı ve FID ile etkileşimi ölçer.
Web sitenize ilişkin metrikleri görmenin en kolay yolu, Google Search Console’daki Önemli Web Verileri raporunu kullanmaktır . Raporla, sayfalarınızın “kötü URL’ler”, “URL’lerin iyileştirilmesi gerekiyor” veya “iyi URL’ler” olarak sınıflandırılıp sınıflandırılmadığını kolayca görmek mümkündür. Listelenen raporlardan birine tıklarsanız, kategorizasyon ve etkilenen URL sayısıyla ilgili sorunların daha iyi bir dökümünü alırsınız. Sorunlardan birine tıklamak, etkilenen sayfa gruplarının dökümünü verir. Bu sayfa gruplaması çok mantıklıdır. Bunun nedeni, Önemli Web Verilerini iyileştirmeye yönelik değişikliklerin çoğunun, birçok sayfayı etkileyen belirli bir sayfa şablonu için yapılmasıdır. Değişiklikleri şablonda bir kez yaparsınız ve bu, gruptaki sayfalarda düzeltme sağlar.
Core Web Vitals Hakkında Kısa Bilgiler
Core Web Vitals metrikleri masaüstü ve mobil arasında bölünmüştür. Mobil sinyaller, mobil sıralamalar için; masaüstü sinyalleri, masaüstü sıralamaları için kullanılır. Veriler, kayıtlı Chrome kullanıcılarından gelen verileri kaydeden Chrome Kullanıcı Deneyimi Raporu’ndan (CrUX) gelir. Metrikler, kullanıcıların yüzde 75’inde değerlendirilir. Bu nedenle, kullanıcılarınızın %70’i “iyi” kategorisinde ve %5’i “iyileştirme gerekiyor” kategorisindeyse, sayfanız yine de “iyileştirme gerekiyor” olarak değerlendirilecektir.
Metrikler her sayfa için değerlendirilir. Ancak yeterli veri yoksa, bir sitenin bölümlerinden veya sitenin tamamından gelen sinyallerin kullanılabilir. Metrikler zamanla değişebilir ve eşikler de değişebilir. Google, yıllar içinde araçlarında hızı ölçmek için kullanılan metrikleri ve neyin hızlı olup olmadığına ilişkin eşiklerini zaten değiştirmiştir.
Core Web Vitals SEO İçin Önemli mi?
Web sitelerinin arama motoru sıralamalarını belirleyen 200’den fazla sıralama faktörü bulunur. Core Web Vitals ile ilgili yaygın kanı Google tarafından küçük sıralama faktörleri olarak kabul edildikleri yönündedir.
Önemli Web Verileri’nin mevcut üç bileşeni ve ölçtüğü şeyler şu şekildedir:
- LCP (Görsel Yük)
- CLS (Görsel Kararlılık)
- FID (Etkileşim)
Vekil ölçümler veya tamamlayıcı ölçümler olarak hizmet eden ancak sıralama hesaplamalarında kullanılmayan ek Web Verileri olduğu da unutulmamalıdır.
LCP; görünüm alanına yüklenen en büyük görünür öğe olup genellikle öne çıkan bir resim veya belki <h1> etiketi olacaktır. PageSpeed Insights’ta, LCP öğesi “Teşhis” bölümünde belirtilir. Ayrıca, yalnızca LCP ile ilgili sorunları gösterecek bir sekme de vardır.
LCP’nin iyileştirilmesi için herhangi bir dosyadan kurtulabilir veya boyutlarını küçültebilirseniz, sayfanız daha hızlı yüklenir. Bu, kullanılmayan dosyaları veya kodun kullanılmayan kısımlarını silmek isteyebileceğiniz anlamına gelir. Bunu nasıl yapacağınız büyük ölçüde kurulumunuza bağlı olacaktır, ancak süreç genellikle Tree Shaking olarak adlandırılır. Bu genellikle bir tür otomatik süreç aracılığıyla yapılır. Ancak bazı sistemlerde bu adım çabaya değmeyebilir. Ayrıca dosya boyutlarını küçülten sıkıştırma yöntemleri de vardır. Web sitenizi oluşturmak için kullanılan hemen hemen her dosya türü, CSS, JavaScript, Görüntüler ve HTML dahil olmak üzere sıkıştırılabilir.
Bilginin seyahat etmesi zaman alır. Bir sunucudan ne kadar uzaktaysanız, verilerin aktarılması o kadar uzun sürer. Küçük bir coğrafi bölgeye hizmet etmiyorsanız, bir İçerik Dağıtım Ağı’na (CDN) sahip olmak iyi bir fikirdir. CDN’ler, sitenizi kullanıcılara daha yakın bir şekilde bağlamanız ve sunmanız için; sunucunuzun kopyalarının dünyanın farklı yerlerinde olması gibi bir yol sağlar.
Bir sunucuya ilk bağlandığınızda, web’de gezinen ve sizinle sunucu arasında güvenli bir bağlantı kuran bir süreç vardır. Bu biraz zaman alır ve yapmanız gereken her yeni bağlantı, aynı süreçten geçerken ek gecikme ekler. Kaynaklarınızı aynı sunucuda barındırırsanız, bu ekstra gecikmeleri ortadan kaldırabilirsiniz. Aynı sunucuyu kullanamıyorsanız, bağlantıları daha erken başlatmak için ön bağlantı veya DNS-prefetch önceden getirme özelliğini kullanmak isteyebilirsiniz. Bir tarayıcı genellikle bir bağlantı başlatmadan önce HTML’nin indirilmesinin bitmesini bekler. Ancak ön bağlantı veya DNS-prefetch ile normalden daha erken başlar. DNS-prefetch’in ön bağlantıdan daha iyi desteğe sahip olduğunu unutmayın.
Kaynakları önbelleğe aldığınızda, ilk sayfa görüntüleme için indirilir. Ancak sonraki sayfa görünümleri için indirilmeleri gerekmez. Mevcut kaynaklarla, ek sayfa yüklemeleri çok daha hızlı olacaktır.
LCP denetimini geçmek için, kaynaklarınızın kritik işleme yolunda nasıl yüklendiğine öncelik vermelisiniz. Eğer kaynakların indirildiği ve işlendiği sırayı yeniden düzenlemek istiyorsanız ilk olarak kullanıcıların içeriği hemen görebilmesi için gereken kaynakları, ardından gerisini yüklemelisiniz. Pek çok site, sadece ana resim gibi şeyler için bazı ön yükleme ifadeleri, ayrıca gerekli stil sayfaları ve yazı tipleri ekleyerek LCP için geçerli bir zamana ulaşabilir.
Eğer görüntüye ihtiyacınız yoksa, en etkili çözüm ondan kurtulmaktır. Görüntüye sahip olmanız gerekiyorsa, mümkün olduğunca küçük tutmak için boyut ve kaliteyi optimize etmelisiniz.
CLS (Kümülatif Düzen Kayması)
CLS, öğelerin nasıl hareket ettiğini veya sayfa düzeninin ne kadar kararlı olduğunu ölçer. İçeriğin boyutunu ve hareket ettiği mesafeyi dikkate alır. Google, CLS’nin nasıl ölçüldüğünü güncellemiştir. Önceden, ilk sayfa yüklendikten sonra bile ölçüm yapmaya devam edilirken; şimdi, en fazla değişimin meydana geldiği beş saniyelik bir zaman dilimiyle sınırlıdır.
Değişen bir sayfada bir şeye tıklamaya çalışırken sonunda istemediğiniz bir şeye mesela bir reklama tıklamak internet kullanıcıları için son derece can sıkıcı bir durumdur. Bu durum genellikle;
- Boyutsuz resimlerden,
- Boyutsuz reklamla, yerleştirmeler ve iFrame’lerden,
- JavaScript ile içerik enjekte edilmesinden,
- Yüklemenin sonlarında yazı tiplerinin ya da stillerinin uygulanmasından kaynaklanabilir.
PageSpeed Insights’ta CLS’yi seçerseniz ilgili tüm sorunları görebilirsiniz. Burada dikkat edilmesi gereken en önemli nokta; büyük yerleşim değişikliklerinden kaçınmaktır.
Görüntüler için yapmanız gereken, herhangi bir kayma olmaması ve görüntünün bu alanı doldurması için alanı ayırmaktır. Bu, görüntülerin yüksekliğini ve genişliğini <img> etiketi içinde belirterek ayarlamak anlamına gelebilir:
Yazı tiplerinde amaç, yazı tipini olabildiğince hızlı bir şekilde ekrana getirmek ve başka bir yazı tipi ile değiştirmemektir. Bir yazı tipi yüklendiğinde veya değiştirildiğinde, Görünmez Metin Flaşı (FOIT) veya Tarzsız Metin Flaşı (FOUT) gibi fark edilir bir kayma yaşarsınız. Yazı tipi zamanında gelmezse, ilk sayfa yüklemesi yalnızca varsayılan bir yazı tipi gösterecektir. Özel yazı tipiniz daha sonra önbelleğe alınır ve sonraki sayfa yüklemelerinde görünür.
İçerik dinamik olarak mevcut içeriğin üzerine eklendiğinde, bu bir düzen kaymasına neden olur. Bunu yapacaksanız, önceden bunun için yeterli alan ayırın.
FID (İlk Yükleme Gecikmesi)
FID, bir kullanıcının sayfanızla etkileşime girdiği andan sayfanın yanıt verdiği ana kadar geçen süredir. Bir bakıma duyarlılık olarak da düşünülebilir. Bir bağlantıya ya da düğmeye tıklamak, boş bir alana metin girmek, açılır bir menü seçmek ya da bir onay kutusuna tıklamak gibi etkileşimler buna dahil edilebilir.
Bir görev çalışırken, sayfa kullanıcı girişine yanıt veremez. Bu hissedilen gecikmedir. Görev ne kadar uzun olursa, kullanıcının yaşadığı gecikme o kadar uzun olur. Görevler arasındaki aralar, sayfanın kullanıcı giriş görevine geçmesi ve yapmak istediklerine yanıt vermesi gereken fırsatlardır.
Largest Contentful Paint (LCP) Nedir?
LCP, gerçek bir kullanıcı linke tıkladıktan sonra sayfanın ne kadar sürede yüklendiğini gösterir. Yani bağlantıya tıklamayla ekrandaki içeriğin çoğunu görene kadar geçen süredir. Diğer sayfa hızı ölçümlerinden farklı olan LCP, sayfa hızı konusunda gerçekten önemli olana yani web sitesinin görülmesine ve onunla etkileşim kurulabilmesine odaklanır.
Web siteleri Google PageSpeed Insights kullanarak LCP puanlarını kontrol edebilirler. İyileştirilecek alanların tespit edilmesi noktasında Google PageSpeed Insights Gtmetrix ve Toolls.Pingdom gibi araçlar kullanılması web sitesinin nasıl bir performans gösterdiğini Chrome tarayıcı verilerine dayanarak görme imkanı sunar.
LCP, görünüm alanında görünen en büyük görüntü ya da metin bloğunun oluşturulması süresini gösterir. Google PageSpeed Insights gibi Search Console’daki veriler de Chrome Kullanıcı Deneyimi Raporu’ndan elde edilir. PageSpeed Insights’ın aksine LCP verileri web sitesinin tamamında görülebilir.
Web sitelerinin LCP’sinin iyileştirilmesi için gereksiz üçüncü taraf komut dosyaları kaldırılmalıdır. Yapılan araştırmalara göre her üçüncü taraf komut dosyası sayfayı 34 ms yavaşlatmaktadır. Daha iyi bir hosting hizmeti alınması genel olarak LCP dahil olmak üzere daha hızlı sayfa açılış süreleri anlamına gelir. Lazy Load, resimlerin yalnızca web sayfası aşağı kaydırıldığında yüklenmesini sağlar. Bu da LCP’ye önemli ölçüde daha hızlı şekilde ulaşılabileceğini gösterir. Bunların yanı sıra büyük sayfa öğeleri kaldırılmalıdır. Google PageSpeed Insights testi yapıldığında, web sayfasında LCP’yi yavaşlatacak bir öğe olup olmadığı tespit edilebilir.
First Input Delay (FID) Nedir?
FIS, herhangi bir web kullanıcısının bir web sayfasıyla ilk etkileşim kurduğu zamandan tarayıcının olay işleyicilerini işlemeye gerçekten başladığı zamana kadar geçen sürenin ölçümlenmesinde kullanılır. Etkileşim örnekleri; menüden bir seçenek seçilmesini, e-postanın bir alana girilmesin, site gezinirken bir bağlantıya tıklanmasını ve benzeri işlemleri içerir.
Google gerçek hayattaki kullanıcıların web siteleriyle nasıl etkileşimde bulunduğunu ciddiye aldığından FID değerlerine çok önem verir. FID teknik olarak bir web sayfasında bir şeyin ne kadar sürede gerçekleştiğini ölçer. Bu anlamda FID için sayfa hızı puanı denilebilir. Ancak FID bunun bir adım ötesine geçerek kullanıcıların sayfada gerçekten bir işlem yapması için geçen süreyi de ölçümler.
İçinde %100 metin olan sayfalar için FID büyük olasılıkla önemli olmaz. Bunun nedeni kullanıcının web sayfasında yapacağı tek gerçek etkileşimin sayfayı aşağı kaydırmak ya da mobilde yakınlaştırma uzaklaştırma amaçlı parmak hareketleri olmasıdır.
Bununla birlikte giriş sayfası, kayıt sayfası ya da kullanıcıların hızlı bir şekilde bir şeye tıklaması gereken başka sayfalar için FID önemli konulardan biridir.
Web sitesinin FID puanının artırılması için yapılabilecek bazı uygulamalar vardır. Bunlardan biri JavaScript’in simge durumuna küçültülmesidir. Tarayıcı JavaScript’i yüklerken kullanıcıların bir sayfayla etkileşime girmesi mümkün değildir. Bu sebeple, sayfadaki JavaScript’in en aza indirilmesi ya da ertelenmesi daha iyi FID değerleri yönünden çok önemli bir etkendir. Aynı şekilde kritik olmayan üçüncü taraf komut dosyaları da kaldırılmalıdır. FCP’de olduğu gibi FID de üçüncü taraf komut dosyalarından olumsuz şekilde etkilenebilir. Etkili diğer bir yöntem, tarayıcı önbelleği kullanılmasıdır. Böylece sayfadaki içerik daha hızlı yüklenebilir. Bu da kullanıcının tarayıcısının JS yükleme görevini çok daha hızlı bir şekilde tamamlamasına yardım eder.
Core Web Vitals Ölçümü Nasıl Yapılır?
Hem kullanıcılar hem Google açısından web sitelerinin uzun vadeli başarısının temel anahtarlarından biri kalite optimizasyonudur. Core Web Vitals, web sitesi sahiplerinin ve geliştiricilerinin web sitesi sayfalarının performansını ölçme amacına yönelik olarak kullanılabilecek en iyi göstergeler olarak kabul edilir.
Google bu konuda çok sayıda belge ve yararlı kaynağın yanı sıra web sitelerinin gereksinimlerinin karşılanması ve daha iyi optimize edilmesi için yardımcı olacak araçlar da sunar. Ölçülmesi gereken ideal eşik, web sitesi sayfa yüklemelerinin en az %75’lik bir oranda iyi çalışır halde olmasıdır. Bu şartlar tüm metrikler için sağlanmalıdır. Google arama motorlarına indekslenen tüm sayfaların söz konusu kriterleri karşılayıp karşılamadığını belirlemek için algoritmalarını sürekli olarak geliştirir.
Core Web Vitals Değerlerini Ölçmek İçin Kullanılabilecek Araçlar Nelerdir?
Core Web Vitals’in ölçülmesi için 2 farklı tür araç kullanılabilir. Bunlardan ilki; gerçek kullanıcıların web sitesini nasıl deneyimlediğine dair verilere odaklanmakta olan ve RUM olarak adlandırılan Gerçek Kullanıcı İzleme’ye ilişkin bilgiler sunan saha araçları olup bu tür araçlar kullanılarak toplanan veriler, alan verileri olarak adlandırılır.
Diğer tür araçlar Laboratuvar Araçları olarak adlandırılır. Kullanıcıların deneyimleyeceğine ilişkin öngörüler sunan ve hata ayıklamaya yönelik daha analitik veriler sunan bu araçlarla toplanan veriler de laboratuvar verileri olarak adlandırılır.
Web sitesi geliştiricileri genellikle laboratuvar araçlarının verilerini kullanırken; web sitesi sahipleri ya da SEO uzmanları alan araçlarını kullanarak daha çok fayda sağlarlar. Çünkü web sitesinin gerçek kullanıcılardan gelen verilere dayanarak iyileştirme yaparlar. Google, web sitelerindeki Core Web Vitals için kullanılabilecek alan ve laboratuvar araçlarını sunar.
Core Web Vitals kullanıcı deneyimlerini anlamaya, ölçmeye ve iyileştirmeye odaklanan kullanıcı merkezli metrikler olarak tanımlanabilir. Bu nedenle Core Web Vitals iyileştirmelerini yapmak web sitesinin kullanıcıların daha fazla ilgisini çekmeye yardım eder. Core Web Vitals sayfa bazında değerlendirme yaptığından bazı web sayfalarının bu ölçütleri karşılamaması durumu söz konusu olabilir.
Günün sonunda, sayfa deneyimi son derece önemli olmasına rağmen içerik alaka düzeyinin hala en önemli unsur olduğu unutulmamalıdır.
Bir yanıt yazın