Önemli Web Verileri Nedir ve Nasıl Optimize Edilir?

2021'de Google, Sayfa deneyimini bir sıralama faktörü olarak dahil etti. Birincil amacı web performansını iyileştirmektir. Sayfa Deneyimi Güncellemesi ile Önemli Web Verileri, sitenizin google arama sonuçlarında sıralanmasını istiyorsanız dikkate alınması gereken hayati bir faktör haline geldi.

Birisi google'da belirli bir anahtar kelime için arama yaptığında, Google hangi siteyi en üstte ve hangisini en altta oluşturması gerektiğini nasıl belirleyecektir. Hiç şüphe yok ki önce içeriği düşünüyor. İçerik her zaman sıralamalara hakim olacaktır, ancak içeriğin yanı sıra Google, anahtar kelimeler, bu anahtar kelimelerin sayfanızda kullanımı, geri bağlantılar ve diğerleri gibi web sayfasının diğer birçok öğesini de ölçer. Sayfa performansı da bunlardan biri. Google, sayfa performansını temel web hayati değerlerine göre ölçer.

Bu makalede, Önemli Web Verilerini ve arama sonuçlarında daha üst sıralarda yer almak ve daha fazla trafik elde etmek için nasıl optimize edebileceğinizi tartışacağız.

Önemli Web Verileri nedir?

En Büyük İçerikli Boyama, İlk Giriş Gecikmesi ve Kümülatif Düzen Kayması, Core Web Vital'ı oluşturan üç temel performans ölçümüdür ve bir sayfanın kullanıcılar için ne kadar hızlı ve verimli bir şekilde yüklendiğini ve ayrıca web sitesinin öğelerinin ne kadar etkileşimli ve kararlı olduğunu ölçer. yükleme işlemi boyunca kalır.

Daha iyi anlamak için daha da parçalayalım.

1. LCP (En Büyük İçerikli Boya)

LCP, sitenin ekranın üst kısmındaki en büyük öğesinin (resimler, video, animasyonlar, metin vb.) ne kadar hızlı yüklenip görünebileceğini değerlendirir.

İyi bir LCP 2,5 saniyedir, 2,5-4 saniye arasındaki herhangi bir şey iyileştirme gerektirir ve 4 saniyeden fazlası Google tarafından zayıf kabul edilir.

EN BÜYÜK İÇERİKLİ BOYA İSTATİSTİKLERİ

1. En Büyük İçerikli Boya, Google Lighthouse Performans Puanınızın %25'ini oluşturur.
2. Mobil URL'lerin %43'ü ve masaüstü URL'lerinin %44'ü, 2,5 saniyelik En Büyük İçerikli Boyama karşılaştırmasını geçiyor.
3. Araştırmaya göre, ortalama bir B2B web sitesinin mobil En Büyük İçerikli Boya puanı 7,05'tir ve geçer not almak için gereken 2,5 puanın oldukça üzerindedir.
4. Araştırmaya göre, ortalama bir perakende web sitesinin mobil En Büyük İçerikli Boya puanı 9,17'dir ve geçer not almak için gereken 2,5 puanın oldukça üzerindedir.

2. FID (İlk Giriş Gecikmesi)

Bir sayfanın FID'si, tıklama, dokunma gibi sayfayla ilk kullanıcı etkileşimine yanıt olarak tarayıcının olay işleyicilerini işlemeye başlaması için geçen süredir.

İyi FID, 100 ms'nin altındadır, 100-300 ms arasındaki herhangi bir şeyin iyileştirilmesi gerekir ve 300 ms'nin üzerinde ise zayıf olarak kabul edilir.

İLK GİRİŞ GECİKME İSTATİSTİKLERİ

1. İlk Giriş Gecikmesi, Google Lighthouse Performans Puanınızın %25'ini oluşturur.
2. Mobil URL'lerin %89'u ve masaüstü URL'lerinin %99'u, 100 milisaniyelik İlk Giriş Gecikmesi karşılaştırmasını karşılıyor.

3. CLS (Kümülatif Düzen Değiştirme)

CLS, kullanıcıların beklenmeyen düzen değişiklikleriyle karşılaşma sıklığını ölçmeye yardımcı olduğundan, görsel kararlılığı ölçmek için kullanışlı bir kullanıcı merkezli ölçümdür. Bu, görsel stabilite ölçümünün önemli bir yönüdür.

İyi CLS, 0,1'in altındadır, 0,1 ile 0,25 arasındaki herhangi bir şey iyileştirme gerektirir ve 0,25'in üzerinde ise zayıf olarak kabul edilir.

Kümülatif Düzen Kayması İstatistikleri

1. Kümülatif Düzen Kayması, Google Lighthouse Performans Puanınızın %5'ini oluşturur.
2. Mobil URL'lerin %46'sı ve masaüstü URL'lerinin %47'si, .1'lik Kümülatif Düzen Kaydırma karşılaştırmasını geçiyor.

Şimdi Önemli Web Verileri neden önemlidir?

Önemli Web Verileri gibi bir araç, sitenizin arama sonuçlarındaki konumunu yükseltmeye yardımcı olur. Google'a bir sitenin ne kadar iyi performans gösterdiğini ve nerelerde geliştirilebileceğini söyledikleri için çok önemlidirler.

Önemli Web Verileri, bir sıralama öğesi olarak UX'in önemini inkar edilemez bir şekilde yükseltir.

Bu nedenle, içerik kalitesinin neredeyse karşılaştırılabilir olduğu bir alanda rekabet ediyorsanız Önemli Web Verileri için optimizasyon yapmak büyük bir fark yaratabilir; bu, Google'ın aynı içerik kalitesine sahip iki sayfa göstermesi gerekiyorsa, o zaman aynı içeriğe sahip olanı tercih edeceği anlamına gelir. iyi Önemli Web Verileri Puanı. Web sitenizdeki kaliteli içeriğin yerini hiçbir şeyin tutamayacağını unutmayın.

Google'dan John Mueller, Önemli Web Verileri hakkında ne diyor?

Önemli Web Verileri ile ilgili hatırlanması gereken diğer bir şey de, rastgele bir sıralama faktöründen daha fazlası olmasıdır. Sıralamadan sonra (insanlar ziyaret ettiğinde) sitenizin kullanılabilirliğini de etkiler. Daha fazla trafik alırsanız (diğer SEO çabalarından) ve dönüşüm oranınız düşükse, bu trafik, daha yüksek bir dönüşüm oranınız olduğu zamanki kadar değerli olmayacaktır (UX/hızın dönüşüm oranınızı etkilediğini varsayarsak, ki genellikle öyledir).

Sağlam Temel Web Verilerine sahip olmak, basitçe ifade etmek gerekirse, arama motoru optimizasyonundan çok daha fazlasıdır. Her web sitesi sahibi, ziyaretçilerinin genel deneyimini geliştirmek için çaba göstermelidir.

Sayfanızın içeriği mükemmel olsa bile, sitenizin hedef kitleniz tarafından görünür olması için web sitenizin her yönünün yüksek bir arama motoru sıralaması alacak şekilde optimize edildiğinden emin olmanız gerekir. Core Web Vitals, kullanıcı deneyiminin önemini de vurguluyor.

Önemli Web Verileri nasıl ölçülür?

Sitenizin Önemli Web Verilerini çeşitli testler, raporlar ve uzantılar yardımıyla inceleyebilirsiniz.

Bunlardan en önemlileri:

• PageSpeed ​​Insights'ın Önemli Web Verileri değerlendirmesi;
• Google Search Console'daki Önemli Web Verileri raporu;
• Core Web Vitals Chrome uzantısı.

1. PageSpeed ​​Insights'ta Önemli Web Verileri Değerlendirmesi

Google PageSpeed ​​Insights (PSI) iki bölüme ayrılmıştır:

• Gerçek kullanıcılarınızın neler yaşadığını belirleyin (Önemli Web Verileri değerlendirmesi)
• Performans endişelerini tanımlayın (laboratuvar verileri, PSI puanı).

Önemli Web Verileri puanınızı artırmak için ilk kısma odaklanın. Saha Verileri raporu bu analizi içerir. Bu çalışmanın verileri, Chrome Kullanıcı Deneyimi Raporundan (CrUX) toplanmıştır. Bu veriler, gerçek kullanıcıların sitenizle olan etkileşimlerine dayanmaktadır. Google, arama motoru sıralamalarını belirlerken bu alan sonuçlarını dikkate alacaktır.

PSI'nin "Teşhis" bölümü, üç ölçümden herhangi birini değiştirebilecek faktörler hakkında daha fazla bilgi edinmek için de iyi bir kaynaktır:

PSI, genel bir optimizasyon puanı belirlerken ve optimizasyon önerileri sunarken gerçek kullanıcı ölçümlerini ve laboratuvar verilerini dikkate alır.

Bu bilgiler yardımcı olmakla birlikte, laboratuvarda belirli cihazlar ve ağlar kullanılarak kontrollü bir ortamda toplanır. Ancak, sitenizin konuklarından bazıları eski teknoloji veya yetersiz bağlantılar kullanıyor olabilir. Bu nedenle laboratuvar sonuçlarını sitenizin gerçek performansıyla karşılaştırmak iyi bir fikir değildir.

PSI her zaman bir alan özeti sağlamaz.

Daha küçük web sitelerinde sıklıkla olduğu gibi, CrUX sahadan yeterli veri toplamadığında, bunun gibi sorunlar ortaya çıkar. Neyse ki, saha verilerini toplayabileceğimiz ek kaynaklar var.

2. Google Arama Konsolunda Önemli Web Verileri Raporu

Google Search Console'a (GSC) biri mobil, diğeri masaüstü için olmak üzere iki yeni Önemli Web Verileri raporu eklendi.

Her rapor, alan verileri ve URL gruplarının performansı hakkında bilgi sağlar.

Bu raporlar, birden çok URL'deki ortak sorunları keşfetmek için mükemmeldir. Böylece sadece bir sayfa hakkında değil, web sitenizin tamamı hakkında bilgi alacaksınız.

Örneğin, en büyük öğenin resim olduğu çok sayıda birbirinin aynı sayfanız varsa, LCP metriği her biri için aynı olacaktır. Bu durumda GSC, her sayfada LCP sorunlarını keşfeder.

Kısaca, bu yeni GSC raporları, sitenizin tamamında Önemli Web Verilerinin performansını izlemek için en dikkate değer yaklaşımdır.

3. Saha verilerini almak için Chrome Kullanıcı Deneyimi Raporunu (CrUX) kullanma

CrUX veri setine aşağıdaki 2 yoldan erişilebilir.

• Chrome UX Raporu API'sı - Bu geliştiriciye erişmek için JavaScript ve JSON'a aşina olmalıdır.
• BigQuery – Bir Google Cloud projesi ve SQL becerileri gerektirir.

Bir sayfayı PSI veya GSC'den geçirmekten daha fazla çalışmanız gerekecek. Ancak, verileri düzenlemek ve görselleştirmek için daha fazla seçenek sunarlar. Örneğin BigQuery, veri dilimleme ve diğer veri kümeleriyle birleştirme işlevlerine sahiptir.

Bunları uygulamak için gerekli kaynaklara ve teknik bilgiye sahipseniz, her iki stratejiyi de deneyin.

Önemli Web Verileri Hakkında Bazı Önemli İstatistikler

1. İlk 100 masaüstü etki alanının %56'sı Önemli Web Verilerini geçiyor
2. Ağır marka etkisi – büyük markalar, düşük performansta bile üst sıralarda yer alır.
3. Mobil ilk 100'ün %61'i Şubat 2022'de Önemli Web Verilerini geçti
4. Şubat 2022'de ABD'deki en iyi 100 alan için ortalama yükleme süresi masaüstünde 2,38 saniye ve mobilde 2,32 saniyeydi - Google'ın makul eşiği olan 2,5 saniyenin altında.
5. Şubat 2022'de, masaüstü ve mobil için ortalama CLS puanları sırasıyla 0,11 ve 0,08 idi - bu, ilk 100 site için mobilde ortalama CLS'nin Google'ın uygun eşiği olan 0,1'in altına ilk kez düşmesidir.
6. Ocak 2020'de sırasıyla masaüstü bilgisayarların yalnızca %22'si ve mobil ilk 100 alanın %27'si Önemli Web Verilerini geçti. Şubat 2022'ye hızlı ilerleyin ve bu oran iki kattan fazla artarak masaüstünde %56'ya ve mobilde %62'ye ulaştı. Bu, en iyi performans gösteren alan adlarının web performansında önemli kazanımlar elde ettiğini göstermektedir.
7. Top 100, B2B, Healthcare ve Dict/Referans sitelerinin ortalama LCP'si her iki cihazda da 2,5 saniye veya daha azdır.
8. Ortalama olarak Seyahat için mobil LCP, Sözlük/Referans sitelerinden 1,6 kat daha kötüdür.
9. Ortalama olarak, Seyahat için masaüstü LCP, B2B etki alanlarından 1,5 kat daha kötüdür.
10. 1. konumdaki URL'lerin bir Önemli Web Verileri değerlendirmesini geçme olasılığı, 9. konumdaki URL'lere göre %10 daha fazladır.
11. 1. konumdan 5. konuma, her konum için Önemli Web Verileri değerlendirmesinin geçme oranında %2'lik bir düşüş var.

Önemli Web Verileri Nasıl Optimize Edilir?

Artık Önemli Web Verileri ve nasıl çalıştıkları konusunda sağlam bir kavrayışa sahip olduğumuza göre, Önemli Web Verilerini iyileştirmek için önerilen bazı adımlara dikkatimizi verebiliriz. Test sonuçlarınızın, puanlarınızı yükseltmek için atmanız gereken adımları belirleyeceğini unutmayın. Bu nedenle, PageSpeed ​​Insights (veya kullandığınız diğer test araçları) tarafından verilen tavsiye ve önerileri dikkate almanız önemlidir.

Aşağıdakiler, Önemli Web Verileri puanlarınızı yükseltmek için kanıtlanmış temel stratejilerdir.

1. Bir İçerik Dağıtım Ağı Kullanın

CDN kullanmak, site performansını büyük ölçüde artırır. CDN kullanan siteler nispeten hızlı yüklenir. Neden? Çünkü CDN, sunucu ile son kullanıcı arasındaki veri transferini hızlı hale getirir.

CDN, birbirine bağlı sunuculardan oluşan geniş bir ağdır. Web sitenizin içeriğini CDN kullanarak birçok sunucuda saklayabilirsiniz. Bir kullanıcı sitenize eriştiğinde, coğrafi olarak en yakın sunucu ona web sitesini sunarak veri aktarım süresini kısaltır.

Bir CDN kullanarak, kullanıcıların LCP yükleme sürelerini azaltabilirsiniz. Time-to-First-Byte kullanımı (TTFB) ile de azaltılabilir.

2. Görüntüleri Optimize Edin

LCP'yi artırmanın başka bir yolu da görüntü optimizasyonudur. Görüntüler yüksek çözünürlüklüyse boyut olarak büyük olur ve yüklenmesi makul bir süre alır, bu da LCP puanını olumsuz etkiler.

Sıkıştırılmış görüntüleri kullanmak yüklemeyi hızlandırır. TinyJPG gibi birçok site, kalitesini düşürmeden bir görselin boyutunu ücretsiz olarak küçültebilir. Görüntüler, doğru boyut ve boyutlarda olduklarından emin olarak daha da optimize edilebilir.

Bu nedenle, sitenizdeki belirli alanlar için gereksiz resim boyutları kullanmadığınızdan emin olmanız akıllıca olacaktır. Uygun öznitelikleri dahil etmek, tarayıcınızın sayfanızın bölümleri için ideal miktarda alan sağlamasına yardımcı olarak sürekli düzen değiştirme ihtiyacını azaltabilir.

Kaynak kodunda değişiklikler yaparak medya dosyalarınızın genişlik ve yükseklik özelliklerini değiştirebilirsiniz.

3. Yavaş Yüklemeyi Uygulayın

Hem LCP'niz hem de sayfa yükleme süreniz geç yüklemeyi kullanmanın avantajlarından yararlanabilir. Smush, yavaş yükleme sunan birkaç WordPress eklentisinin yalnızca bir örneğidir.

İsteğe bağlı yükleme olarak da bilinen tembel yükleme, web içeriğinin performansını artırmaya yönelik bir yöntemdir.

Tembel yükleme, yalnızca gerekli parçanın yüklenmesine yardımcı olur ve tüm web sayfasını bir kerede yükleyen ve tek seferde işleyen toplu yüklemenin aksine, geri kalanın yüklenmesini kullanıcı tarafından ihtiyaç duyulana kadar geciktirir.

4. Web Sitenizin Yazı Tiplerini Optimize Edin

Web sitenizde kullandığınız yazı tipleri, yükleme süresini resimlerin yaptığı gibi etkileyebilir. Bunun nedeni, her yazı tipi ağırlığı kombinasyonunun tarayıcının tüm yazı tipi ailesini yüklemesini gerektirmesidir.

Web yazı tipi optimizasyonu, sitenizin hızını artırmanın basit bir yoludur. Bunun nedeni, optimize edilmiş web yazı tiplerinin kullanıcının bilgisayarında daha az yer kaplaması ve çok daha hızlı yüklenmesidir.

Öte yandan, ilgili web yazı tipi henüz yüklenmemişse, tarayıcı metin bileşenlerini otomatik olarak oluşturmayabilir. Ancak, alternatif yazı tiplerine geçmek istenmeyen düzen değişikliklerine neden olarak CLS puanınızı düşürebilir.

Web siteniz için bir yazı tipine karar verirken dikkatli olun. Her öğeye her birini uygulamak yerine ikiden fazla yazı tipi kullanıyorsanız, gerekli türleri ve ağırlıkları seçerek uygulamak için genel yazı tiplerini kullanmak en iyisidir. Bu yöntemi kullanarak, yazı tipi indirmelerini içerik için kesinlikle gerekli olanlarla sınırlayabilirsiniz.

5. WordPress Barındırmanızı Yükseltin

Site yükleme süresi çok uzunsa, barındırma planını değiştirmenin bir göstergesi olabilir. Barındırma hizmetinizi paylaşılandan özel olarak değiştirmek, FCP'yi büyük ölçüde artırabilir.

En ucuzunu seçmek yerine, ihtiyacınız olan tüm özellikleri sağlayan en iyi barındırma sitesini seçmek akıllıca bir karardır. WordPress barındırıcınız tarafından sağlanan hizmetin kalitesi, web sitenizin başarısı için çok önemlidir. Sayfa yükleme süresinden güvenliğe kadar geniş kapsamlı sonuçları vardır. Özellikle büyük veya sofistike bir web siteniz varsa, burası kestirme yollardan gidilecek bir yer değil. Bunun yerine, barındırma sağlayıcınızı veya planınızı yükseltmek, web sitenizi optimize etmek ve yükleme sürelerini iyileştirmek için en hızlı ancak en güçlü stratejilerden biridir.

Barındırma için Okuyun: Bluehost İncelemesi

6. Oluşturmayı Engelleyen Kaynakları Ortadan Kaldırın

Web sitesi sayfaları, beraberindeki HTML, CSS ve JavaScript dosyaları olmadan oluşturulamaz. Bu dosyaların tümü, insanların görmeye çalıştıkları şeylere erişmelerini engelleyebilecek komut dosyaları içerir.

Ancak, işlemeyi engelleyen kaynakları ve gereksiz CSS veya komut dosyalarını kaldırarak bu komut dosyalarının UX'inizi olumsuz etkilemesini önleyebilir (ve karşılığında Temel Web Verilerini artırmaya yardımcı olabilirsiniz).

Bunu başarmak için çok sayıda yöntem mevcuttur. İlki, JavaScript ve CSS'nizdeki fazladan boşlukları veya yorumları kaldırmaktır. Ayrıca, dosyaları birleştirerek JavaScript ve CSS'nizin boyutunu azaltabilirsiniz.

7. JavaScript Yüklemesini Erteleyin

Oluşturmayı engelleyen öğeleri ortadan kaldırmanın başka bir yoludur ve FID'ye önemli bir destek sağlar.

Bu, JavaScript dosyalarının yüklenmesini engelleyerek web sayfalarının hızlı yüklenmesini sağlar.

JS dosyalarının yüklenmesini beklemek yerine sayfalarınızın diğer içeriğini yükler. Buna ek olarak, sitenizi ekranın üst kısmında görünen kritik CSS komut dosyalarını hızlı bir şekilde yükleyecek şekilde yapılandırabilirsiniz. Bunu, materyali birincil CSS dosyasından çıkararak ve web sitenizin koduna yerleştirerek başarabilirsiniz.

8. İçeriği önbelleğe almayı uygulayın.

Kullanıcı deneyimini geliştirmek söz konusu olduğunda, akıllı içerik önbelleğe alma emrinizdeki en güçlü araçlardan biridir. HTTP protokolünün merkezi içerik teslim tekniği, önbelleğe almayı veya önceki isteklerden gelen içeriğin geçici olarak depolanmasını kullanır. İçeriğin önbelleğe alma ilkeleri izin veriyorsa, teslimat zincirinin herhangi bir noktasındaki bileşenler, sonraki istekleri hızlandırmak için içeriğin kopyalarını saklayabilir.

Önbelleğe alma, Önemli Web Yaşam Puanlarını iyileştirmede çok yardımcı olur.

9. Kahraman görsellerini önceden yükleyin

Kahraman Görseller, genellikle ekran içeriğinin üzerinde görünen en önemli öğedir. Bu nedenle, daha hızlı yüklenirlerse, genel UX büyük ölçüde geliştirilir. LCP, özellikle CSS veya JavaScript ile yüklenen kahraman resimleri için yararlı olan "rel=preload" bağlantı özelliği kullanılarak büyük ölçüde azaltılabilir.

10. Reklamlara veya pop-up'lara diğer içeriklere göre öncelik vermekten kaçının.

Düşük bir CLS puanı, sayfanın en üstüne içerik eklenmesi nedeniyle içeriğin kaydırılmasının sonucudur.

Reklamlar, iframe'ler ve diğer dinamik içerik biçimleri için yer ayırın.

Onlar için belirli bir alan ayırmamak, tıpkı resimlerde ve videolarda olduğu gibi, düzeni bozmanın kesin bir yoludur. İçeriğin bir kapsayıcıdan taşmasını önlemek için overflow: hidden özelliğini kullanın ve yeterli boyutta bir kap seçin.

11. Uzun Görevleri Parçalayın

Bu sizin en büyük önceliğiniz olmalı. Uzun görevler Ana İş Parçacığını geciktirdiğinde, kullanıcıdan gelen isteklere hemen yanıt veremez. Web sitesi performansı, onları parçalayarak önemli ölçüde iyileştirilebilir. Bu, FID'yi azaltır ve UX'i geliştirir

12. Gereksiz üçüncü taraf komut dosyalarını çalıştırmayı durdurun veya erteleyin

Kendi web sitesi komut dosyalarınız, üçüncü bir tarafınkilerle çakışırsa zamanında çalışmayabilir. Hangi betiklerin son kullanıcı için en yararlı olduğunu düşünün ve onlara daha yüksek öncelik verin. Reklam ve açılır komut dosyaları listenin başında olmamalıdır.

Searchmetrics SEO Görünürlüğüne dayalı olarak, ABD'deki ilk 10 alan adı Temel Web Verileri açısından ne durumda?

Tüm ölçümler ve alanın Önemli Web Verilerini geçip geçmediği, alan düzeyinde aylık olarak raporlanır. Şubat 2022'de tüm Wikipedia masaüstü sayfa yüklemelerinin %75'i 1,1 saniyeden az sürdü ve alan hem FID'de (milisaniye cinsinden ifade edilir) hem de CLS'de 0 puan alarak Önemli Web Verilerini geçti.

Searchmetrics SEO Görünürlük metriğine göre mobil cihazlar için ilk 10 CWV'ler .

Mümkün olduğunda, bir etki alanının mobil versiyonu kullanıldı. Ancak, bu esas olarak CrUX veri toplamaya bağlıdır. Mobil sitelerin daha yüksek bir oranı, masaüstüne göre Önemli Web Verilerinden geçer.

Çözüm

Core Web Vitals, web deneyimini herkes için geliştirmeye yönelik ezber bozan bir uygulamadır. Bu ölçümler Google'ın sıralama sisteminde yer almaya devam edecektir.

Bu nedenle, yanlış bir şey görmeseniz bile onlara göz kulak olmanız çok önemlidir.

Başarılı bir web sitesini çalışır durumda tutmak için, kullanıcı deneyimini sürekli olarak geliştirmek çok önemlidir. Çok sayıda yardımcı araç ve eklentinin bulunması sayesinde bu süreç, normalde olabileceğinden çok daha basit ve kolay hale getirilebilir. Ya da gözünüzü korkutuyorsa, bunu sizin yerinize yapması için bir geliştirici tutabilirsiniz.