Core Web Vitals

Core Web Vitals nedir?

Core Web Vitals, web sitelerindeki kullanıcı deneyimini iyileştirmek için Google tarafından oluşturulan metriklerdir. Yükleme hızını analiz etmek için mevcut araçların geniş çeşitliliği, Google'ın yükleme sürelerini optimize etmenin getirdiği karmaşıklığı biraz basitleştirmek için tüm bu metrikleri birleştirmede dikkate aldığı faktörlerden biridir. Bu girişim, optimal bir kullanıcı deneyimi elde etmek için çok önemli olan bu "kalite sinyallerine" odaklanmamızı sağlamayı hedefliyor.

Google, Core Web Vitals'ın neye odaklandığını birkaç kelimeyle özetliyor:

• ›

  Yükleme deneyimi

• ›

  Etkileşim

• ›

  Sayfa içeriğinin görsel kararlılığı

Largest Contentful Paint veya LCP

LCP veya Largest Contentful Paint, kullanıcı tarafından görülebilen "en büyük" içerik parçasının kullanılabilir ve faydalı hale gelmesi için yükleme süresini bize söyleyen bir metriktir. Başka bir deyişle, Google, "Above the Fold" olarak bildiğimiz alana yerleştirilen unsurların hızlıca yüklenmesi ve okunabilir olması, böylece kullanıcının onlarla etkileşim kurabilmesi için kullanılabilir olması gerektiğini söylüyor.

Kullanıcı ekrana tıkladığında veya kaydırdığında ortaya çıkan unsurların LCP'yi etkilemediği belirtilmelidir. En büyük içerik bir metin bloğu, video, görsel vb. olabilir.

Sürelere göre LCP durum sınıflandırması. Görsel © web.dev

Google hangi süreyi optimal olarak değerlendiriyor?

Grafikte görebileceğimiz gibi, Google LCP'yi yüklemek ve iyi bir kullanıcı deneyimi sağlamak için maksimum sürenin 2,5 saniyenin altı olduğunu değerlendiriyor. Yükleme sırasında LCP unsurunun değişebileceğini belirtmek önemlidir.

Bir URL'nin LCP'sini nasıl öğrenebilirim?

Chrome tarayıcısının kendisinde, bir Lighthouse denetimi çalıştırarak, Google'ın yüklenmesi gereken en büyük içerik olarak değerlendirdiği şeyi öğrenme seçeneğimiz var. İşte nasıl:

LCP yüklemesini hangi faktörler etkileyebilir?

Birkaç eylem, LCP yükleme süresinin beklenenden daha yüksek olmasını etkiler. Bu unsurlar veya eylemler şunlardır:

• ›

  Sunucu yanıtı

• ›

  Veritabanı sorguları

• ›

  Çözülmesi zaman alan API yanıtları

• ›

  Render'ı engelleyen CSS veya JS

• ›

  Diğer kaynakların yüklenmesindeki yavaşlık

• ›

  Optimize edilmemiş görseller

• ›

  Vb.

First Input Delay veya FID

FID veya First Input Delay, kullanıcı unsurlardan herhangi biriyle etkileşim kurduğunda sayfanın tepki vermesinin ne kadar sürdüğünü gösteren bir metriktir.

Pagespeed'ten alınan metrikler

Bir süre önce Google'ın herkese sunduğu Pagespeed aracında, bu metriğe atıfta bulunulduğunu görebiliriz. İyi sayılan değerler 100 ms'nin altında olmalıdır.

Sürelere göre First Input Delay (FID) durum sınıflandırması. Görsel © web.dev

Bu metrikle (FID) ilgili sorunların ana nedenleri JavaScript yürütülmesinden gelir, bu yüzden kodun hangi kısmının sayfanın etkileşime tepki vermesini geciktirdiğini tanımlamamız gerekecek. Bu sorunu kişisel olarak reklam JS yüklemeleriyle yaşadım.

Cumulative Layout Shift veya CLS

Cumulative Layout Shift, yüklenirken görüntülemeyi değiştiren unsurların yüklenmesine sınırlar koyan bir metriktir. Diğer kaynaklar yüklenirken görünümün kaymaması için ekrandaki unsurlara kararlılık sağlamaktan bahsediyoruz.

Google (aslında Google ve her kullanıcı), bir sayfayla etkileşim kurmaya başladığımızda (okurken, kaydırırken vb.) daha sonra yüklenen bir unsurun kullanıcının içeriğe göre konumunu kaydırması, kaydırarak düzeltmeye zorlamasının çok rahatsız edici olduğunu düşünüyor.

Bu örnek, bu metriğin nasıl çalıştığını daha iyi açıklamamıza yardımcı oluyor. İlk başta sol tarafta yüklenen içeriği görüyoruz. Google kararlılıktan bahsettiğinde, üçüncü bir unsurun yüklenmesinin daha önce yüklenenleri kaydırmaması anlamına gelir. Sağdaki görselde gördüğümüz gibi, YouTube videosunun yüklenmesi başlangıçta yüklenen iki bloğu kaydırmıştır.

Core Web Vitals neden önemlidir?

Arama motorlarıyla ve daha spesifik olarak Google ile birlikte yaşadığımızdan beri, web sitesi olan ve arama sonuçlarında seçeneklerden biri olmasını isteyen herkes için yükümlülükler getiriyor.

Tüm cihazlardan erişilebilirliği iyileştirmek, güvenlik protokolü altında güvenli gezinmeyi desteklemek veya istilacı reklamcılık (interstitials) kullanan web sitelerini cezalandırmak teknoloji devinin savaşlarından bazıları oldu.

Bu metrikler, Google'ın bize web sitesinin hangi kısımlarının kullanıcı için sorun olabileceğini işaret etmek için verdiği göstergelerdir, ancak... Bu önemli oldukları anlamına mı geliyor?

Web sitelerini "robotlar" bakış açısından mı yoksa "kullanıcılar" bakış açısından mı anlarız anlamayız, bu metrikler web sitelerimizin olması gerektiği gibi iyi çalışmadığının göstergeleridir. Yükleme süresinin dönüşüm üzerindeki etkisini ve kullanıcı sabrını birkaç çalışmada zaten gördük. Şu anda sıralamayı etkilemiyorlar, ama bu metrikleri görmezden mi geleceğiz?

Bizim açımızdan, kesinlikle bunları dikkate alacağız.

Core Web Vitals sıralamayı etkiler mi?

Bugün itibarıyla bildiğimiz tek şey, kullanıcı deneyimini iyileştirmeye yönelik metriklerin giderek daha önemli hale geldiği ve bazılarının arama sonuçlarında zaten dikkate alındığı. Google blogundaki 28 Mayıs tarihli makalede, 2021'de kullanıcı deneyimiyle ilgili çeşitli metrikleri dahil etmek için yeni bir Güncelleme yayınlamayı beklediği duyuruldu.

Mobile First Index ve önceki bildirimleri nasıl ele aldığını hatırlamamız yeterli. Bu durumda, Mayıs makalesine tekrar atıfta bulunarak, en az 6 ay önceden bir bildirim olacağını uyarıyor, yani... Önümüzdeki yılın sonuna kadar bir güncelleme olacak mı?

Core Web Vitals'ı Optimize Etmek İçin Araçlar

Artık Core Web Vitals'ın ne olduğundan ve önümüzdeki aylarda sahip olacağı önemden bahsettiğimize göre, bu metrikleri optimize etmek için çalışmaya başlamanın zamanı geldi. Farklı araçlar aracılığıyla tespit edilen sorunları ele alabilecek ve bir performans iyileştirmesi elde edebileceğiz.

Lighthouse

Lighthouse, Chrome'da bulduğumuz güçlü bir açık kaynak araçtır. Lighthouse aracılığıyla, web sitemizi denetleyebilir, sayfanın eksik veya optimize edilmesi gereken kısımları hakkında sonuçlar elde etmek için farklı testler çalıştırabiliriz. Bu kısımlar arasında Core Web Vitals metrikleri yer alır.

Bir Lighthouse denetiminin sonuçlarından alınan görsel

Page Speed Insights

Page Speed Insights, Google'ın web sitemizin performans verilerini elde etmek için bize sunduğu bir başka seçenektir. Bu araç bize en önemli metriklerin grafiklerini ve durumlarını bile gösteriyor. Page Speed Insights, amacı diğer web siteleriyle karşılaştırmalı veri elde etmek olan bir kullanıcı deneyimi raporuna dayanır.

Page Speed Insights tarafından sunulan metrikler

Chrome UX

Chrome User Experience Report, Google'ın Chrome aracılığıyla dünyadaki kullanıcıların davranışları hakkında sağladığı bir veri setidir. Bu verilere erişmek için Big Query kullanmanın yanı sıra bir Google Cloud hesabına da sahip olmalısın.

Google Data Studio aracılığıyla erişimi kolaylaştırdılar ve bu Dashboard'da bizim için her şeyi yarı hazır hale getirdiler

Chrome Dev Tools

Core Web Vitals metriklerini sadece Lighthouse ile değil; Chrome'un geliştirici araçlarına dalarsak, aynı sonuçlara ulaşabiliriz. Örneğin, "Performance" sekmesinde, bir kayıt veya yeni bir yükleme yaparsak, URL'mizin nasıl davrandığı hakkında değerli bilgiler edinebiliriz.

Chrome Dev Tools'un Performance seçeneğinde alınan ekran görüntüsü

Web.Dev

İşleri yapmanın her zaman daha kolay bir yolu vardır, en azından Core Web Vitals'ımızı bilmek söz konusu olduğunda. Resmi web sitesinde, her metriği detaylandıran bir sayfamız var ve onun ne olduğunu ve onu iyileştirmek için pratikleri açıklıyor.

Ayrıca, Chrome Mağazasında her URL'ye girdiğimizde bize bu bilgiyi veren bir uzantı var:

Kırmızı veya yeşil bir göstergeyle URL'mizin bu metriklerle ilgili durumunu görebiliriz:

Web Vitals uzantısının verdiği sonuçların ekran görüntüsü

Search Console

Search Console, herhangi bir web yöneticisi için vazgeçilmez bir araçtır. Hangi URL'lerin bu 3 metrikte (LCP, FID ve CLS) sorun yaşadığını görmemize yardımcı olan bir özellik eklendi. Sol menüde "Core Web Vitals" seçeneğine sahibiz. Bu seçeneği seçtiğimizde, cihaza göre URL'lerin sonuçlarını gösteren iki grafik görünecek. Cihazı (masaüstü veya mobil) seçersek, hangi URL'lerin sorun yaşadığını ayrıntılı olarak göreceğiz.

Sağda yüksek sayıda URL görürsen telaşlanma; bu nispeten normaldir, çünkü sorunlar genellikle sayfa türlerine göre (örneğin blog yazıları) ortaya çıkar ve onlardan birinde çalışmak hepsinde iyileşme sağlayacaktır.

Sonuçlar

Core Web Vitals üzerinden bu tur, gittikçe daha fazla öne çıkacak metrikleri tanıtmayı amaçlıyor ve biz, ister SEO uzmanları ister web yöneticileri olalım, onlarla yaşayacağız. SEO Alive olarak, sana sağladığımız tüm bu araçları kullanmanı tavsiye etmek istiyoruz; bunlar, web sitenin WPO performansını iyileştirmene şüphesiz yardımcı olacak.

*Sitenin hızını iyileştirme zorluğunu kabul ediyor musun? Bahsettiğimiz herhangi bir araçla bir test çalıştır ve bize bir ekran görüntüsüyle birlikte mesaj gönder. Tamamen ücretsiz onu iyileştirmen için bir ipucu vereceğiz! *