Google Sayfa Deneyimi: Sıralama Güncellemesi

Bu makale ilk olarak Mayıs 2020'de yayınlandı ve Nisan 2021'de güncellendi.

Google'ın çalışmaları ve sektör araştırmaları, kullanıcıların harika bir sayfa deneyimine sahip web sitelerini tercih ettiğini göstermiştir. Google her zaman, sayfa yükleme hızı ve mobil uyumluluk gibi sonuçları sıralamada hangi faktörlerin dikkate alınması gerektiğine bakar. Yaklaşan sayfa deneyimi güncellemesi, kullanıcıyı öne ve merkeze koyan bir dizi faktörü hesaba katar. Bu "temel web hayati bilgileri", Google'ın arama yapanlara en iyi içeriği sunmasına yardımcı olacaktır.

Sayfa Deneyimi ve Temel Web Verileri

Önemli Web Verileri, web sitesi sahiplerinin yükleme süresi, etkileşim ve yüklenirken içeriğin kararlılığı gibi kullanıcı deneyimi boyutlarını ölçmelerine yardımcı olan bir dizi ölçümdür. Google şimdi, bu sayfa deneyimi metriklerini içerecek olan, yakında yapılacak bir arama sıralaması değişikliğinin ayrıntılarını sağladı.

Google'ın 'bir web sayfasındaki bir kullanıcının deneyiminin kalitesinin bütünsel bir resmini sağlamak için önemli Web Verilerini sayfa deneyimi için mevcut sinyallerimizle birleştirdiğini' söylediği yeni bir sinyal sunuluyor.

Bu değişiklikler Haziran 2021'de kullanıma sunulacaktır.

Ayrıca, kullanıcı beklentileri geliştikçe ve Google'ın daha fazla yönü ölçme yeteneği arttıkça, daha fazla sayfa deneyimi sinyalleri yıllık olarak dahil edilecektir.

Sayfa Deneyimi Sıralaması

Peki bunun arkasındaki fikir nedir? Esasen, iyi bir deneyime sahip olmak, insanların istediklerini elde etmelerini sağlar ve kötü bir deneyim, birinin aradığı bilgiyi bulmasını engelleyebilir. Google, bilgi arayan kişilerin ilk adresi olmaya devam etmek istiyor ve bu nedenle en iyi arama deneyimini sunması gerekiyor.

Sayfa deneyimini diğer tüm sinyallerle birlikte ekleyerek, web sitelerini kullanan kişilerin aradıklarını bulmalarını kolaylaştırmayı amaçlıyoruz.

Üst Düzey Sayfa Metrikleri

Sayfa deneyiminin üç ana bileşeni şunlardır:

• Sayfa ne kadar hızlı yükleniyor?
• Sayfa kullanıcılara ne kadar hızlı tepki veriyor?
• Sayfa ne kadar kararlı (yüklenirken öğeler zıplıyor mu)?

Şimdi, ne anlama geldiklerini çözmek için bazı üst düzey metrikleri inceleyebiliriz. (İlk 3'ü "temel web hayati değerleri" olarak anılır.)

Temel Web Verileri

• En büyük içerikli boya (LCP) - bu ölçüm, en büyük resmi veya metin bloğunu arar. Bu öğenin görünüm alanına yüklenmesinin ne kadar sürdüğünü ölçer. Bu bir kahraman resmi veya metnin büyük bir bölümü olabilir. (İdeal olarak bu süre 2,5 saniyeden az veya buna eşit olmalıdır.)

• Kümülatif düzen kayması (CLS) - bu metrik görsel kararlılığı ölçer. Başka bir deyişle, sayfa yüklendikçe içeriğin ne kadar değiştiğini ve içeriğin okunmasını veya görüntülenmesini zorlaştırdığını ölçer. (Bunun 0,1'den küçük veya eşit olmasını istiyorsunuz.)

• İlk giriş gecikmesi (FID) - bu, sayfanın bir kullanıcıya ne kadar hızlı yanıt verdiğini ifade eder (örneğin, bir düğmeyi tıkladıktan sonra). 100ms'den az veya buna eşit, bunun için idealdir.

Aşağıdaki metrikler, bir sayfanın etkinliğinin yararlı ölçümleri olarak akılda tutulmaya değerdir:

• İlk içerikli boyama (FCP) - bu metrik, ekranın üst kısmındaki metnin yüklenmesinin ne kadar sürdüğünü ölçer. Bu, kaydırmanıza gerek kalmadan gördüğünüz içeriktir. Çok fazla yazı tipi ve büyük yazı tipi dosyaları bu puanı etkileyecektir. Yazı tiplerini harici kaynaklardan yüklemeyi yavaşlatacağı gibi.

• Hız indeksi (SI) - bu metrik, ekranın üst kısmındaki görsel değişiklikler durduğunda kaydedilir. Bu, videoların ve kahraman resimlerinin hepsinin hız endeksi puanını etkilediği anlamına gelir.

• Etkileşim zamanı (TTI) - bu metrik, sayfanın kullanıcı girişi için ne kadar sürede hazır olduğunu ölçer. Geç yüklenen uygulamalar ve izleme veya analiz komut dosyaları bu ölçümü etkiler.

• Toplam engelleme süresi (TBT) - bu metrik TTI gibidir, ancak sayfadaki toplam engelleme süresini ölçer. Bu, kullanıcının öğelere tıklayamaması veya sayfayı kaydıramaması anlamına gelir.

Bu temel web hayati değerlerinin sitenizin değerlendirilmesinin tek yolu olmadığını hatırlamak önemlidir. Sayfalarınızı değerlendirirken Google tarafından dikkate alınan birçok faktör vardır. Buradaki vurgu kesinlikle kullanıcı deneyimi olsa da, Google, harika içeriğe sahip olmanın hala daha önemli bir husus olacağını söyledi: sayfa deneyimi en iyinin en iyisi olmasa bile, en iyi genel bilgilere sahip sayfaları sıralamaya çalışacaktır.

Google, her bir faktörün ne kadar ağırlıklı olduğunu söylemedi, ancak 'iyi bir sayfa deneyiminin harika, alakalı içeriğe sahip olmanın önüne geçmediğini' onayladı. Ancak, diğer tüm faktörler eşitse, sayfa deneyimi görünürlüğünüz için belirleyici faktör olabilir.

Arama Konsolu Güncellemesi

Google, Sitenizin bu yeni 'Sayfa Deneyimi' metriklerine göre nasıl performans gösterdiğini rapor eden 'Önemli Web Verileri' adlı Search Console'a yeni bir bölüm ekledi. Bu rapor, iyileştirmeniz gereken yerleri ve bu iyileştirmeleri nasıl uygulayacağınızı size söyleyecektir.

Google, web sitesi sahiplerinin kendi performanslarını daha iyi ölçmelerini ve ziyaretçileri için sayfa deneyimini iyileştirmelerini sağlamak için Lighthouse ve PageSpeed ​​Insights gibi araçlarını güncelledi. Web sitesi hız denetimleri hakkındaki makalemiz, kullanabileceğiniz farklı araçlara ve bunların sitenizi değerlendirme açısından faydalarına ve sınırlamalarına ilişkin iyi bir genel bakış sunar.

Önemli Web Verilerine Nasıl Hazırlanırsınız (tümü Shopify mağazaları için geçerli değildir)

1 En büyük içerikli boya (LCP)

Olası Sorun: Yavaş sunucu yanıt süreleri

Çözümler

a) Önbellek varlıkları - HTML'niz statik ise, önbelleğe alınması gerekmediğinde yeniden oluşturulmasını engelleyerek kaynak kullanımını azaltabilir.

b) Kullanıcıları bir CDN'ye yönlendirin - bir içerik dağıtım ağı, dünyanın birçok yerinde sunucuları kullanır, bu da kullanıcıların tek bir sunucudan uzakta olmaları nedeniyle daha yavaş bir site yaşaması sorununu ortadan kaldırır.

Olası Sorun: Yavaş kaynak yükleme süreleri

Çözümler

a) Tinypng kullanarak resimlerinizi optimize edin ve sıkıştırın - kaliteden ödün vermeden dosyaların boyutunu küçültür, böylece daha hızlı yüklenirler ancak yine de iyi görünürler.

b) Bir görüntü CDN'si kullanın - bu, görüntü yükünü azaltacak, onu talep eden her cihaza göre uyarlanmış görüntüleri teslim edecek ve ağın kenarından görüntüler gönderecektir.

Olası Sorun: İstemci tarafı oluşturma

Çözümler

a) JavaScript'inizi küçültün ve kullanılmayan JavaScript'i erteleyin

b) Mümkünse sunucu tarafı oluşturmayı kullanın

Olası Sorun: JavaScript ve CSS

Çözümler

a) CSS'nizi küçültün - CSS dosyaları genellikle okumayı kolaylaştırmak için ancak tarayıcı için gerekli olmayan karakterler içerir. Bunları küçültmek, onları kaldırır ve temizler, böylece sayfayı oluşturmak için gereken süreyi kısaltır.

b) Kullanıcılara minimum miktarda gerekli JavaScript'i indirin ve sunun. JavaScript'i engelleme miktarını azaltmak, daha hızlı bir oluşturma ve dolayısıyla daha iyi bir LCP anlamına gelir.

2 Kümülatif düzen kayması (CLS)

Olası Sorun: Beklenmeyen düzen kaymaları

Çözümler

a) Tarayıcının nesne yüklenmeden önce uygun miktarda alan ayırması için video ve resimler gibi varlıklara boyut niteliklerini dahil edin.

b) Dinamik olarak enjekte edilen içeriğin yalnızca mevcut içeriğin altına eklendiğinden emin olun, böylece beklenmedik düzen kaymalarını tetiklemez.

3 İlk giriş gecikmesi (FID)

Olası Sorun: Tarayıcı kullanıcıya hızlı yanıt vermiyor (muhtemelen hala JavaScript'i çalıştırdığı için)

Çözümler

a) Uzun süre çalışan kodu daha küçük görevlere ayırın. Uzun görevler, görevlerle ilgilenirken sayfayı yanıtsız bırakır. Bunları daha yönetilebilir parçalara bölmek, giriş gecikmesini azaltmaya yardımcı olabilir.

b) Kullanılmayan JS'yi erteleyerek JavaScript yürütme süresini daha da azaltın. Tarayıcının sayfayı oluşturmak için koda ihtiyacı yoksa, erteleyin - bu, sayfanın kullanıcı etkileşimi için daha hızlı hazır olduğu anlamına gelir.

SEO'nuzun, içeriğinizin veya web sitenizin en son yönergelere uyduğundan emin olmak için desteğe ihtiyacınız varsa, iletişime geçin; Shopify tasarım, geliştirme ve SEO uzmanlarımız size nasıl yardımcı olabileceğimiz konusunda konuşmaktan mutluluk duyacaktır.