Ana içeriğe atla
Kontrol paneline gidin
Nereden başlayacağınızdan emin değil misiniz? Kişiselleştirilmiş öneriler almak için kısa bir test yapın.
Ders 3 / 5
Core Web Vitals ile ziyaretçilerin etkileşimde kalmasını sağlayın
5 dakika tamamlamak için

Core Web Vitals ile ziyaretçilerin etkileşimde kalmasını sağlayın

webdev

Haber sitenizde kaliteli bir kullanıcı deneyimi oluşturun.

webdev

Core Web Vitals nedir?

GNI_Data_Presentation (1)

Web Vitals, Google'ın web'de mükemmel bir kullanıcı deneyimi için gerekli olan öğeleri açıkladığı, birleştirilmiş kılavuz niteliğindeki bir girişimidir.

Core Web Vitals, Web Vitals'taki üç metriği ifade eder. Yapılan araştırmalara göre bir site, Core Web Vitals metriklerini karşıladığında kullanıcıların sayfayı terk etme ihtimali %24 daha düşük oluyor.

Core Web Vitals şu konulara odaklanır:

  • Yükleme
  • Etkileşim
  • Görsel Kararlılık
GNI_Data_Presentation (1)

Core Web Vitals'ı ölçmeye başlayın

GNI_Data_Analytics

Veri toplamak, Core Web Vitals'ı iyileştirmeye yönelik ilk adımdır.

  • PageSpeed Insights, bir sayfanın hem mobil hem de masaüstü cihazlardaki kullanıcı deneyimini ölçüp raporlar ve sayfalarınızı nasıl geliştirebileceğinizle ilgili öneriler sunar.

  • Search Console, kitlenizin sitenizi nasıl kullandığına bağlı olarak sayfalarınızın Core Web Vitals'ı nasıl karşıladığını ölçüp raporlar

  • Web Vitals Chrome Uzantısı, bir sayfanın Core Web Vitals performansını gerçek zamanlı olarak ölçüp raporlar ve geliştiriciler için en uygun seçenektir

💡En iyi uygulama: Bu araçlardaki önerileri geliştiricinizle paylaşın.

GNI_Data_Analytics

Yükleme

GNI_Audience_engagement_Blank

Yükleme sürelerinin hızlı olması, sayfanın yararlı olduğuna dair kitlenize güvence verir.

  • Yükleme işlemi 3 saniyeden fazla sürdüğünde kullanıcıların %50'si siteden ayrılır
  • Kullanıcıların %47'si, web sayfalarının 2 saniyeden daha kısa sürede yüklenmesini bekler
  • Kullanıcıların %52'si, yükleme süresinin bir markaya olan bağlılıklarında etkili olduğunu söylüyor

Yükleme süresi, Largest Contentful Paint (LCP) metriğiyle ölçülür. Bu metrik, en büyük resmin veya metin parçasının gösterilmesinin ne kadar sürdüğünü belirtir.

Core Web Vitals metriklerini karşılamak için sayfalarınızın %75'i 2,5 saniye veya daha kısa bir sürede yüklenmelidir.

💡En iyi uygulamalar

  • Geç yüklemeyi etkinleştirin
  • Büyük GIF'ler yerine video kullanın
  • Kullanılmayan kodları kaldırın
GNI_Audience_engagement_Blank

Etkileşim

screenshot-2023-02-23-at-54241-pm

Yükleme, sitenizin içeriği ne kadar hızlı gösterdiğini ölçerken Etkileşim ise kitleniz bir makaleyi seçmeye veya başka bir işlem yapmaya çalıştığında sitenizin ne kadar duyarlı olduğunu ölçer.

Etkileşim, First Input Delay (FID) metriğiyle ölçülür. Bu metrik, kullanıcının bir bağlantıyı veya düğmeyi tıklamasından sitenizin bu işlemi gerçekleştirmeye başlamasına kadar geçen süreyi belirtir.

Core Web Vitals metriklerini karşılamak için sayfalarınızın %75'i 0,1 saniye veya daha kısa bir sürede tıklamayı işlemeye başlamalıdır.

💡En iyi uygulamalar

  • Kodu daha küçük görevlere bölen geç yükleme özelliğini etkinleştirin
  • Öncelikle sayfa için gerekli olan kodu yükleyin
  • Veri getiren kodu azaltın
screenshot-2023-02-23-at-54241-pm

Görsel Kararlılık

blue-data-screen

Bir makaleyi okumaya başladığınızda cümleyi bitiremeden metnin hareket ettiği ve yerinizi kaybettiğiniz oldu mu?

Bu durum çoğu zaman sadece can sıkıcı olsa da bazen ciddi zararlar verebilir.

Görsel Kararlılık, Cumulative Layout Shift metriğiyle ölçülür. Bu metrik, aynı anda gerçekleşen en yüksek içerik değişimi sayısını belirtir.

Core Web Vitals metriklerini karşılamak için sayfalarınızın %75'i en fazla 0,1 puana sahip olmalıdır.

💡En iyi uygulamalar

  • Resimler ve videoların en boy oranlarını ya da boyutlarını ayarlayın
  • Önceki reklamlara göre en olası reklam boyutunu seçin

Sayfanın en üstünde gösterilen reklamlar kullanmaktan kaçının

blue-data-screen
Bu dersi nasıl değerlendirirsiniz?
Geri bildiriminiz, derslerimizi iyileştirmemize yardımcı olacaktır.
DERSİ TAMAMLAMAK İÇİN BU SORUYU CEVAPLAYIN.
Core Web Vitals hangi konulara odaklanır?
Gönder
checklist (8)
Test Tamamlandı
Tebrikler! Tamamladınız Keep visitors engaged with Core Web Vitals
Dersi İnceleyin ve Tekrar Deneyin
Evet, devam ediyor
Sizin için önerilenler
Sayfadan çıkıp ilerlemenizi kaybetmek istiyor musunuz?
Bu sayfadan çıkarsanız mevcut dersteki ilerlemeniz kaydedilmez. Devam etmek ve ilerlemenizi kaybetmek istediğinizden emin misiniz?