Önemli Web Verileri: 2022'de Yeni Büyük Sıralama Faktörü

Haziran 2021'de Google, Önemli Web Verilerini ana sıralama faktörü olarak öneren büyük bir algoritma yayınladı. Bu, sayfa deneyiminin SERP'leri sıralamada çok önemli faktörlerden biri haline geldiği anlamına gelir.

Sayfa sinyallerini etkileyen temel web hayati faktörleri nelerdir ve sayfa deneyimi nasıl geliştirilir? Bu blogda, Önemli Web Verileri hakkında bilmeniz gereken her şeyi paylaşacağız.

Temel Web Verileri Nedir?

Önemli Web Verileri, kullanıcı deneyimini değerlendirmek için kullanılan, Google'ın Sayfa Deneyimi sinyallerinin bir parçası olan hız ölçümleridir. Metrikler, En Büyük İçerikli Boyama (LCP) kullanarak görsel yükü, Kümülatif Düzen Kaydırma (CLS) kullanarak görsel kararlılığı ve İlk Giriş Gecikmesi (FID) kullanarak etkileşimi değerlendirir.

Önemli Web Verileri, sayfa deneyimini iyileştirmek için şu ölçümleri dikkate alır:

• Sayfa yükleme performansı
• Etkileşim kolaylığı
• Bir sayfanın görsel kararlılığı

Bu metrikler, kullanıcıların bir web sitesiyle nasıl etkileşime girdiğini ve etkileşim kurduğunu etkileyen çeşitli unsurlar hakkında benzersiz bir bakış açısı sunar. Geliştiricilerin "kullanıcı deneyimini" bütünsel olarak ele alması gerekirken, bu bağımsız metrikler, site sahiplerinin web sitelerindeki teknik sorunları tanımlayıp düzeltebilmeleri için bu değişkenleri parçalara ayırmaya yardımcı olur.

Temel Web Verileri Neden Önemlidir?

Temel web hayati değerleri, Google'ın sayfa deneyimi sinyallerinden yalnızca biri olduğundan, bir web sitesinin SERP'lerdeki sıralamasını otomatik olarak değiştiremezler. Ancak, bu metriklerde yüksek puanlara sahip olmak, genel kullanıcı deneyimini iyileştirebilir ve bir web sitesinin daha üst sıralarda yer almasına yardımcı olabilir.

Temel web hayati faktörlerini iyileştirmenin bazı yaygın yolları şunlardır:

- Görüntüleri optimize ederek ve sunucu isteklerini azaltarak LCP yükleme hızını artırma.

- Görsel stabilitenin iyileştirilmesi.

- İlk giriş gecikmelerini en aza indirerek etkileşimi iyileştirme.

Yüksek bir sayfa deneyimi puanının sizi otomatik olarak Google'ın zirvesine taşımayacağını unutmamak önemlidir. Örneğin, web sitenizin LCP puanı yüksek ancak görsel tasarımı ve düzeni zayıfsa, yine de daha düşük puanlara sahip siteler kadar kullanıcı dostu olmayabilir, ancak tasarımı üstün olabilir.

Önemli Web Verileri Metrikleri

Google algoritması, temel web hayati değerlerinin üç ana öğesini bir sıralama faktörü olarak değerlendirir. Bunlar:

• En Büyük İçerikli Boya (LCP)
• İlk Giriş Gecikmesi (FID)
• Kümülatif Düzen Kaydırma (CLS)

Bununla birlikte, bazı ek web hayati faktörleri de vardır. Bunlar “İlk Bayt Zamanı (TTFB) ve İlk İçerikli Boyama (FCP)”dir. “Toplam Engelleme Süresi (TBT) ve Etkileşim Süresi (TTI), etkileşimin ölçülmesine yardımcı olur.”

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

En Büyük İçerikli Boyama, bir web sayfasındaki bir bileşen tarafından gerçekleştirilen en büyük boyama işlemidir. Bu metrik, bir web sayfasındaki tüm içeriği oluşturmak için ne kadar çalışma gerektiğini ölçer.

Daha büyük sayfaların doğru şekilde yüklenmesi ve oluşturulması için tarayıcıdan daha fazla kaynak gerekir.

Site sahipleri, keyifli bir kullanıcı deneyimi sağlamak için sayfalarının hızlı yüklenmesini ister. Olumlu bir kullanıcı deneyimi için hızlı yükleme süresi hayati önem taşır; hızlı yüklenen bir sayfanın Google'da daha üst sıralarda yer alma olasılığı daha yüksektir.

Ayrıca, hızlı yükleme sürelerinin, yavaş yükleme sürelerine sahip bir sayfaya kıyasla etkileşim ve dönüşüm oranlarını etkilediği gösterilmiştir.

1.1 LCP neyi ölçer?

LCP, sayfanın farklı içerik bloklarını tek bir görünüm alanında yüklemek için geçen süreyi ölçer. Bu ölçüm, yalnızca içerik bölümlerinin görünür ekranda görüntülenme hızını dikkate alır; kıvrımın altındaki hiçbir şey dikkate alınmaz.

Bir sayfa için optimum LCP 2,5 saniye olmalıdır.

1.2 LCP nasıl geliştirilir?

Sayfa Hızı bilgileri, sayfanızı LCP için optimize etmek için doğru önerileri sunar. LCP'yi iyileştirmek için birkaç ipucu:

• Resimlerinizi optimize edin: Resimlerinizi daha açık formatlarda ve sıkıştırılmış resimlerde teslim ettiğinizden emin olun. GZIP hızlandırmayı yapılandırarak web sunucunuzda sıkıştırmayı etkinleştirin.
• Görüntüleri doğru formatlarda sunan ve görüntüleri sıkıştıran bir görüntü sıkıştırıcı eklentisi kullanabilirsiniz.
• Hemen hemen tüm web siteleri, mobil öncelikli indeksleme kullanılarak Google tarafından indekslenir. Sonuç olarak, LCP'yi mobil için optimize etmek, masaüstü için optimize etmekten daha önemlidir. Her görüntü, yerleşimin özelliklerine uyacak şekilde küçültülmelidir.

• Kritik kaynakları önceden yükleyin: Kullanıcı istediğinde hazır olmaları için sunucularınızın videolar ve yazı tipleri gibi kritik kaynakları önceden yüklediğinden emin olun. Bu, tarayıcının önbelleğinden daha azını gerektirerek sayfanızın yüklenme süresini azaltacaktır.

• Sunucu yanıt süresini azaltın: Bir sunucunun bir isteğe yanıt vermesi uzun sürdüğünde, sayfayı ekranda oluşturma süresi de artar. Sonuç olarak, LCP dahil her sayfa hızı istatistiğine zarar verir. En iyi uygulama, İçerik Dağıtım Ağı'nı (CDN) kullanmak veya sunucularınızı optimize etmek ve analiz etmektir.

• Oluşturmayı engelleyen kaynakları kaldırın: Tarayıcı, HTML belgesini sunucunuzdan aldığında DOM ağacını ayrıştırır. DOM herhangi bir harici stil sayfası veya JS dosyası içeriyorsa, DOM ağacının geri kalanını ayrıştırmaya devam etmeden önce tarayıcı durmalıdır. Oluşturmayı engelleyen kaynaklar, LCP süresinin gecikmesine neden olan JS ve CSS dosyalarıdır.

Kümülatif Düzen Kaydırma (CLS)

Kümülatif Düzen Kayması, bir web sayfası yüklendikten sonra ayarlanan bağlantıları veya düğmeleri tanımlamaya yardımcı olan ve bir sayfa oluşturulduktan sonra kullanıcıların sitenizdeki öğelerle etkileşim kurmanın zorluk düzeyini yansıtan bir ölçümdür. Başka bir deyişle, bir sayfa yüklenirken öğelerin ekranda hareket edip etmediğini kontrol eder.

Güçlü bir kullanıcı deneyimi, iyi bir UX ve tasarım gerektirir ve bir web sayfası, okurken öğeleri değiştirirse, kullanıcı hayal kırıklığına uğrayacaktır. CLS, geliştiricilere bir web sitesindeki resimlerin veya bağlantıların değişip değişmediğini belirlemede yardımcı olarak site sahiplerinin erişilebilirliği geliştirmesine, tıklama oranlarını artırmasına ve çevrimiçi satışları artırmasına olanak tanır.

2.1 CLS neyi ölçer?

CLS, görünür görünüm alanındaki öğelerin oluşturulan iki çerçeve arasındaki konumu değiştirip değiştirmediğini belirler. Layman'ın terimleriyle, bu metrik site sahiplerine, bir kullanıcı belirli bir sayfadaki içeriği okurken metin, düğmeler ve afişler gibi içeriğin itilip kakılmadığını belirlemede yardımcı olur.

Konum değiştiren öğeler, kullanıcıların kafasını karıştırabilir ve bir sayfadaki deneyimlerini engelleyebilir; bu nedenle, sayfa kullanıcının cihazına yüklendikten sonra tüm içeriğin yerinde kalmasını sağlamak çok önemlidir.

Site sahipleri, 0,1 veya daha düşük bir CLS sağlamalıdır.

2.2 CLS nasıl geliştirilir?

CLS'yi en aza indirmek için en iyi uygulamalar şunlardır:

• Herhangi bir ortam için ayarlanan boyut boyutlarını kullanın: Medyayı her kullandığınızda, doğru boyutları ve ayarları kullanın. Yanlış boyutların ayarlanması, öğelerin sayfada yer değiştirmesine neden olabilir ve bu da CLS puanının artmasına neden olur.
• Flash nesnelerini simge durumuna küçültün: Çok fazla Flash nesnesi kullanmak da CLS'yi artırabilir, çünkü bunlar genellikle DOM ile etkileşime giren gizli kodlar içerir. Gereksiz Flash nesnelerinden kaçınarak, genel site performansınızı iyileştirecek ve öğelerin yavaş yüklenme olasılığını azaltacaksınız.
• Yeni UI öğelerini katlamadan önce ekleyin: Bir sayfaya yeni UI öğeleri eklediğinizde, bunların mizanpajdaki herhangi bir katlamadan önce eklendiklerinden emin olun. Bu, yeni eklenen öğenin var olan bir öğenin üzerine çıkmamasını sağlar, bu da onun kaymasına ve bir CLS cezasına neden olmasına neden olabilir.

İlk Giriş Gecikmesi (FID)

FID, bir kullanıcının sayfanızla etkileşime girmesi ile sayfanın yanıt vermesi arasında geçen süredir. Aynı zamanda tepkisellik olarak da adlandırılır.

FID, bir kullanıcı onunla etkileşim kurduktan sonra bir sayfanın yanıt vermesi için geçen süreyi ölçer. Amaç, kullanıcıların sitenizdeki içeriğe göz atarken veya soru veya formlarla etkileşimde bulunurken keyifli bir deneyim yaşamaları için gecikmeleri azaltmaktır.

3.1 FID neyi ölçer?

Bir sayfa, bir kullanıcıdan öğe girdileri yüklediğinde, FID, yanıt verme hızını ölçer. FID, bu modda yalnızca tıklamalar ve tuşlara basma gibi olayları yakalar.

İyi bir kullanıcı deneyimi sağlamak için FID 100 milisaniyenin altında tutulmalıdır.

FID'yi ölçmek zordur çünkü bu bilgi sadece sahada elde edilebilir. Bu, kullanıcı cihaz kapasitesi ve hedef kitlenizin yaşadığı İnternet hızları gibi kontrolünüz dışındaki faktörlerin puanınızı etkileyeceği anlamına gelir.

3.2 FID nasıl geliştirilir?

FID puanınızı yükseltmek için tek bir çözüm yoktur. Ancak, birkaç basit yönergeyi izleyerek büyük bir etki yaratabilirsiniz:

• JavaScript'i erteleme: Birçok kullanıcı, tarayıcı ayarlarını "Java'yı engelle" şeklinde değiştirerek JavaScript'i kapatır. Bu, FID'deki puanınızı etkiler. Komut dosyalarını engellemeniz veya ertelemeniz gerekiyorsa, bunu ekranın üst kısmına sayfayı yükledikten sonra mümkün olan en kısa sürede yapın.
• Kritik olmayan üçüncü taraf komut dosyalarını kaldırın: Sitenizin çalışması için gerekli olmayan tüm üçüncü taraf komut dosyalarını kaldırın. Buna "sosyal medya eklentileri", reklamlar ve Google analiz komut dosyaları dahildir. Bir komut dosyası gerekliyse ancak ertelenebilirse, kullanıcıların daha iyi bir deneyim yaşaması için sayfa yükleme sürecinde mümkün olduğunca erken ertelediğinizden emin olun. Görüntü ve Flash indirmelerini en aza indirin.
• Bir tarayıcı önbelleği kullanın: Bu, sayfanızın materyalleri daha hızlı yüklemesini sağlar. Bu, JS görevlerinin kullanıcınızın tarayıcısına yüklenmesini hızlandırır.

Diğer Önemli Web Verileri Performans Metrikleri nelerdir?

Core Web Vitals, geliştiricilerin web sitelerinin kullanıcı deneyimini geliştirmek için kullanabilecekleri tonlarca veri sağlar. Geliştiriciler, kodlarının insanların sitelerindeki içeriği nasıl tükettiğini ve yukarıda açıklanan ana metrikleri nasıl etkilediğini de öğrenebilir.

Bu metrikler, çevrimiçi bir kitlenin bir web sayfasıyla nasıl bağlantı kurduğunu olumsuz etkileyebilecek gecikme sürelerini veya diğer teknik değişkenleri tanımlar, bu nedenle, ziyaretçilerin sitenizde sahip olduğu deneyimi değerlendirmek için kullanabileceğiniz diğer birkaç metriğe bakalım.

İlk Contentful Paint (FCP)

First Contentful Paint (FCP), bir kullanıcının tarayıcısının DOM öğelerini (görüntüler, beyaz olmayan tuval bileşenleri ve SVG'ler) görüntülemesi için geçen süredir.

Bu metrik, verilen FCP puanları aralığında mevcuttur:

• 0-2 saniye: Yeşil (hızlı)
• 2-4 saniye: Turuncu (orta)
• 4+ saniye: Kırmızı (yavaş)

Etkileşim Zamanı (TTI)

Etkileşim Süresi, sayfanızı başlattıktan sonra kullanıcının tarayıcısının ilk basit isteği yürütmesi için geçen süredir. Bu, komut dosyalarının yüklenmesinden, sunucudan veri toplanmasından ve HTML'nin oluşturulmasından her şeyi içerir.

Time To Interactive için puanlar aşağıdaki gibidir:

• 0–3.8 saniye: Yeşil (hızlı)
• 3,9–7,3 saniye: Turuncu (orta)
• 7.3+ saniye: Kırmızı (yavaş)

Toplam Engelleme Süresi (TBT)

Toplam Engelleme Süresi (TBT), site yöneticilerinin bir web sayfasının belirli kullanıcı girdilerine yanıt vermesinin ne kadar süreceğini belirlemesine olanak tanıyan bir ölçümdür. Milisaniye cinsinden hesaplanan ve bir dizi TBT puanına sahip olan bu metrik, gereksiz JavaScript içeren sayfaları tespit edecektir:

• 0–300 ms: Yeşil (hızlı)
• 300–600 ms: Turuncu (orta)
• 600+ ms: Kırmızı (yavaş)

SSS

S. Önemli Web Verileri SEO'yu etkiler mi?

Cevap: Evet, Önemli Web Verileri, Google'a göre bir sıralama sinyalidir. Google'ın web.dev'i, kullanıcılarınızın deneyimini ve sıralamalarını iyileştirmek için LCP, FID ve CLS'nizi optimize etme konusunda mükemmel rehberlik sağlar.

S. Önemli Web Verileri yalnızca mobil cihazlar için mi?

Cevap: Hayır, Önemli Web Verileri hem masaüstü hem de mobil siteleri eşit derecede etkiler. Ancak, hem masaüstü hem de mobil için sayfa deneyimi güncellemesini ayrı ayrı alabilirsiniz.

S. Google, Önemli Web Verilerini ne zaman tanıttı?

Cevap: Google, site yöneticilerinin web sitelerinin hızını ve performansını ölçmesinin bir yolu olarak Haziran 2021'de Önemli Web Verilerini tanıttı.

S. Bir web sitesi için Temel Web Verilerimi nasıl kontrol edebilirim?

Cevap: Chrome DevTools, Chrome tarayıcısı ile önceden yüklenmiş olarak gelen bir geliştirici aracıdır. Basitçe sağ tıklayın ve "İncele"yi seçin; Chrome DevTools başlatılacaktır. Chome DevTools Performance panelini kullanarak bazı Önemli Web Verileri ölçümlerini bulabilirsiniz. Web Vitals'e göz atın.

S. Kümülatif bir düzen değişikliği SEO'nuzu etkiler mi?

Cevap: Kümülatif Düzen Kayması, görsel kararlılığı belirlemek için çok önemli bir göstergedir. Kullanıcıların beklenmedik düzen değişiklikleriyle kaç kez şaşırdığını sayar. Sonuç olarak, daha düşük bir CLS puanı, içeriğin sabit olduğunu ve değişmediğini gösterirken, yüksek bir CLS, içeriğin değiştiğini gösterir.

Çözüm

Performansı artırmak için web sitenize dahil edebileceğiniz en iyi uygulamalardan bazıları şunlardır: kodu küçültme, aşamalı geliştirmeyi kullanma ve görüntüleri optimize etme. Bu ipuçlarını takip ederek, web siteniz ziyaretçiler için daha hızlı yüklenecek ve ayrıca arama motorlarındaki sıralamanızı optimize etmeye yardımcı olacaktır.

Sayfa hızı analizlerini tamamen ücretsiz olarak kontrol etmek için GTMetrix veya Lighthouse gibi araçları kullanabilirsiniz.