Core Web Vitals Nedir?

Core Web Vitals, bir sayfanın ziyaretçi açısından üç davranışını ölçen bir settir. Birincisi, en büyük içeriğin ne zaman göründüğüdür. İkincisi, tıklama veya dokunuştan sonra sayfanın ne kadar gecikerek tepki verdiğidir. Üçüncüsü, sayfa otururken öğelerin yer değiştirip değiştirmediğidir. Türkçe konuşursak: göründü mü, tepki verdi mi, zıpladı mı? İşletme sahibinin ezberlemesi gereken de bu üç sorudur.

Bu ölçütler bir ceza pusulası değildir. Google’ın yayımladığı ve kendi araçlarında kullandığı kalite sinyallerindendir. İyi çıkmaları, belirli bir sırayı satın almaz. Kötü çıkmaları da sayfanın yasaklandığı anlamına gelmez. Kötü çıkış, müşterinin beklediğini veya yanlış yere bastığını gösterir. Önce bu deneyim düzeltilir. Rapor, düzeltmenin yanındaki aynadır. Ayna, işin kendisinin yerine geçmez.

Üç ölçütün günlük karşılığı

En büyük içerik, çoğu sayfada kapak görseli veya ana başlıktır. Ziyaretçi onu görmeden sayfanın geldiğine inanmaz. Tepki, ara düğmesine bastığında bir şey olmasını beklediği andır. Zıplama, numaraya basacakken satırın aşağı kaymasıdır. Üçü ayrı arızadır. Birini düzeltmek diğerini kendiliğinden bitirmez. Bu yüzden raporda üç satır görürsünüz. Üçünü tek bir hız kelimesine gömmek, hangi arızayı onaracağınızı gizler.

Eski yazılarda ilk gecikme diye anılan bir ölçüt vardı. Bugün etkileşim tarafında bakılan, sonraki görüntüye kadar geçen süredir. Adı raporda Interaction to Next Paint olarak geçer. Sizin için anlamı değişmez. Düğme, menü veya form, basılınca bekletiyor mu? Bekletiyorsa müşteri ikinci kez basar, yanlış bağlantı açılır veya vazgeçer. Adı ezberlemek zorunda değilsiniz. Basınca ne olduğunu denemek zorundasınız.

Yayımlanan eşikler

Google, üç ölçüt için kamuya açık bantlar kullanır. En büyük içerikte iyi bant 2,5 saniye ve altıdır. 4 saniyeye kadar olan ara bant iyileştirilmeli sayılır, daha uzun süre zayıftır. Etkileşim gecikmesinde iyi bant 200 milisaniye ve altıdır. 500 milisaniyeye kadar ara bant, üzeri zayıf banttır. Düzen kaymasında iyi bant 0,1 ve altıdır. 0,25’e kadar ara bant, üzeri zayıf kabul edilir. Bunlar bir ajansın uydurduğu hedefler değildir. Ölçüm aracının kullandığı eşiklerdir.

Eşiğin biraz üstünde olmak, sayfanın çöktüğü anlamına gelmez. Eşiğin çok üstünde olmak ise ziyaretçinin fark edeceği bir gecikme veya kaymadır. Bandı yeşile boyamak için işi anlatan fotoğrafı silmek, eşiği tutturup sayfayı boşaltmaktır. Önce eşiği aşan şeyin ne olduğunu bulun. Kapak görseli, geç gelen yazı tipi veya sonradan açılan bir şerit olabilir. Sebep bilinmeden bant kovalanmaz.

En büyük içerik neden gecikir

Kapak görseli ekrandan büyükse ve dosyası ağırsa en büyük içerik gecikir. Görseli ekrana sığacak ölçüde vermek, çoğu sayfada ilk iştir. Sunucu geç cevap veriyorsa görsel küçülse de başlık gecikebilir. Bunu hosting ilanından değil sayfanın kendi ölçümünden ayırırsınız. Yazı tipi, metin görünmeden önce başka bir dosyayı bekletiyorsa başlık da gecikir. Bir yazı tipi ailesi çoğu işletme sitesi için yeter.

İlk ekranda video, gömülü bir pano veya üç slayt birden varsa en büyük içerik onların arkasında kalır. Ziyaretçi başlığı görmek için bu araçların kurulmasını bekler. Araç şart değilse ilk ekrandan alınır. Şartsa kapak kadar ağır olmamalıdır. Numara bir metinse ve görselin yüklenmesini beklemiyorsa müşteri yine de arayabilir. Numara görselin içine gömülüyse görsel gecikince numara da gecikir. Numarayı görselin içine yazmak bu yüzden hem okunurluk hem ölçüt sorunudur.

Tepki neden gecikir

Sayfa açıldıktan sonra düğme bekletiyorsa sorun çoğu zaman gereksiz bir betiktedir. Birden fazla izleme kodu, ağır bir sohbet aracı veya her hareketi dinleyen bir süs, tıklamayı kuyruğa sokar. Müşteri menüyü açar, menü bir saniye sonra gelir, o sırada başka bir yere basmış olur. Bu, puan tablosundan önce kızdıran bir hatadır. Kullanmadığınız aracı kaldırmak, menüyü yeniden çizmekten daha etkilidir.

Formda da aynı gecikme olur. Gönder düğmesi basıldıktan sonra hiçbir şey söylemiyorsa ziyaretçi tekrar basar ve aynı talep iki kez gider. Tepki, yalnızca milisaniye değildir. Düğmenin alındığını göstermesidir. Bunu ölçüt yeşile dönsün diye değil, çift kayıt ve şikâyet olmasın diye yaparsınız. Ağır bir hesaplama sizin tanıtım sitenizde yoksa tepki gecikmesi genellikle fazla araçtan gelir. Aracı teker teker kapatıp denemek, karanlıkta optimizasyon yapmaktan iyidir.

Sayfa neden zıplar

Düzen kayması, yükseklikleri önceden belli olmayan öğelerden çıkar. Görselin ölçüleri yazılmazsa metin önce yukarıda durur, görsel gelince aşağı itilir. Ziyaretçi o anda numaraya basıyorsa bir anda başka bir bağlantıya basmış olur. Düzeltme, görsele gerçek genişlik ve yükseklik vermektir. Estetik bir incelik değil, yanlış tıklamayı kesmektir.

Sonradan üstten giren bir şerit, çerez uyarısı veya sohbet balonu da kaydırır. Uyarı gerekliyse yerini baştan ayırın. İçerik göründükten sonra onu aşağı itmeyin. Yazı tipi geç gelip metnin boyunu değiştiriyorsa satırlar zıplar. Tek tip ve önceden yer ayrılmış bir düzen, bu zıplamayı azaltır. Reklam alanı olmayan bir işletme sitesinde kayma, çoğu zaman bu üçünden biridir. Üçünü birden aynı anda değiştirirseniz hangisinin düzelttiğini bilemezsiniz.

Laboratuvar ile gerçek ziyaret

Araçtaki deneme, tek bir kontrollü açılıştır. Gerçek ölçüt ise ziyaretlerin tipik olanına bakar. Google’ın yayımladığı yöntem, ziyaretlerin daha yavaş kalan kısmını da hesaba katar. Tek bir hızlı deneme, herkesin aynı hızı gördüğü anlamına gelmez. Ofisteki hızlı ağ, müşterinin mobil verisini temsil etmeyebilir. Bu yüzden raporda alan verisi varsa onu ayrıca okuyun. Yoksa yokluğu bir arıza değildir.

Küçük bir sitede alan verisi uzun süre boş kalabilir. O süre boyunca laboratuvar uyarısı ve kendi denemeniz yeter. Denemeyi telefonda, sayfanın ilk ekranında yapın. Başlık gecikiyor mu, düğme bekliyor mu, numara kayıyor mu? Üçüne de hayır diyorsanız eşik tablosu sizi yeni bir projeye zorlamamalıdır. Birine evet diyorsanız o birinin sebebi bu yazıdaki başlıklarda aranır.

• Kapak görselini ekrandan büyük bırakmayın.
• Numarayı görselin içine gömmeyin.
• Kullanmadığınız sohbet ve izleme aracını azaltın.
• Görsele ölçü verin ki metin sonradan zıplamasın.
• Üç ölçütü tek bir yeşil rozette birleştirmeyin.

İşletme sahibi ne ister

Sizden istenen, üç İngilizce kısaltmayı sunumda tekrar etmek değildir. İstenen, hangi şikâyetin hangi ölçüte ait olduğunu ayırmaktır. Müşteri geç açılıyor diyorsa en büyük içeriğe bakın. Düğme tepki vermiyor diyorsa etkileşime bakın. Numara kaçıyor diyorsa kaymaya bakın. Bu ayrım, doğru işi doğru kişiye söyletir. Görsel işi ile gereksiz araç işi aynı faturada kaybolmaz.

İyi bir sonuç, arama sırası için senet değildir. Kötü bir sonuç da kader değildir. Parça parça düzeltilir. Puan ekranının nasıl okunacağı PageSpeed Insights yazısındadır. Sayfanın taranması ise teknik SEO temelleri içindedir. Yükü ayıklamak hız optimizasyonu ve dar ekranda kaymayan düzen mobil uyum ile birlikte düşünülür.