Temel Web Verileri - Bunlar Nelerdir ve Nasıl İyileştirilir?

Google, 2020'de Web Vitals adlı yeni bir program tanıttı. Bu, kalite sinyalleri konusunda rehberlik sunan bir tekniğe atıfta bulunur. Google'a göre, bu metrikler, web'de mükemmel kullanıcı deneyiminin sağlanması için çok önemlidir. Mayıs 2021'de Google, platformunda arama sıralaması için bir metrik olarak Temel Web Verilerini kullanmaya başladı.

Temel Web Verileri nedir?

Önemli Web Verileri, bir sitedeki kullanıcı deneyimini ölçmek için kullanılan ölçümlerdir. Kullanıcıların bir web sitesiyle ne kadar hızlı etkileşime girebileceğini ve aramalarına göre hangi sonuçları aldıklarını ölçerler. Önemli Web Verileri, site ziyaretçilerinin bir sitede gezinmesinin ne kadar kolay ve sorunsuz olduğunu değerlendiren sinyaller olarak işlev görür.

Sitenizi ve kullanıcı deneyimini iyileştirdiğinizde, Temel Web Verileri metriklerini kullanarak sayfa deneyiminiz daha yüksek puan alacaktır. Google, site sahiplerinin bilmesi ve dahil etmesi gereken üç Önemli Web Verisi ölçümü tanımlar. Bunlar aşağıda sıralanmıştır:

Yükleme: En Büyük İçerikli Boyama (LCP) olarak da adlandırılan yükleme, en büyük öğelerin bir sitede yüklenme ve görüntülenme hızını ölçer. Bu öğeler arasında animasyonlar, videolar, metinler, resimler ve diğerleri bulunur.

Etkileşim: Google, buna Kümülatif Düzen Kayması (CLS) adını verir ve bir web sitesindeki sayfaların, sitenizin içeriğini tüketirken kullanıcıların dikkatini dağıtabilecek veya rahatsız edebilecek beklenmedik özelliklere veya kafa karıştırıcı hareketlere sahip olmamasını sağlar.

Görsel Kararlılık: Bu, teknik olarak İlk Giriş Gecikmesi (FID) olarak adlandırılır ve site ziyaretçileri onlarla ilk etkileşim kurduğunda bir sitenin sayfalarının yanıt verme düzeyini yansıtır. FID, bir tarayıcının sitenizdeki kullanıcılar için sonuç üretme hızını da ölçer.

Web Sitenizdeki Önemli Web Verilerini Nasıl İyileştirirsiniz?

Yapılacak ilk şey, web sitenizin temel web hayati ölçütlerinde nasıl bir performans gösterdiğini görmek için hızlı bir web sitesi performans analizi yapmaktır. Bu analiz için diğerlerinin yanı sıra Google Arama Konsolu ve Page Speed ​​Insights dahil olmak üzere farklı araçlar kullanabilirsiniz. Analizi çalıştırdıktan sonra, sitenizi iyileştirmenize yardımcı olacak aşağıdaki ipuçlarından bazılarını uygulamanız gerektiğini keşfedebilirsiniz.

• JavaScript Yürütmesini Azaltın

Zayıf bir FID derecelendirmesi, web sitenizin sayfanızın ziyaretçilerle 300 milisaniyeden fazla etkileşime girdiği anlamına gelir. JavaScript yürütmenizi azaltıp optimize ettiğinizde, tarayıcınızın JavaScript kodlarını yürütmesi arasındaki süreyi azaltır. Bunun sonucu, azaltılmış bir yürütme süresidir. Google, yürütmeyi azaltmak için kullanılmayan JavaScript'in ertelenmesini önerir. Sitenizde kullanılmayan JS olup olmadığını öğrenmek için aşağıdaki adımları izleyin:

• Sitenize gidin ve herhangi bir tarafa sağ tıklayın ve ardından “İncele”yi seçin

• “Kaynaklar” sekmesine tıklayın ve alttaki üç noktayı işaretleyin. Bir "Kapsam" aracı ekleyin ve yükleme işlevini tıklayın. Yüklemenin tamamlanmasını bekleyin ve sayfanızda kullanılmayan JS hacmini görebilirsiniz.

Bu bilgiyle, JS yürütmesini kesmeye başlayabilirsiniz. Yürütmeyi azaltmanın bir yolu, kod bölmeyi kullanmaktır. Bu nasıl çalışıyor? JavaScript paketini daha küçük parçalara ayırın. Paketlenmiş JS, bir web sayfasını yüklemek için gereken çok fazla HTTP isteğini önlemek için bir araya getirilen birleştirilmiş dosyalardır.

Görüntüleri Sıkıştırın ve Optimize Edin

Birçok web sitesi için resimler, sayfalarındaki en büyük öğelerdir. Web sitenizin Yükleme metriklerini geçmesini sağlamak için sitenizdeki resimleri optimize etmeyi düşünmelisiniz. Bununla web sayfanız daha hafif hale gelir ve yükleme hızı önemli ölçüde artar.

Daha hafif bir sayfa, kullanıcı deneyimini, LCP puanını ve arama motoru sonuçlarındaki sıralamaları da iyileştirecektir. Sayfa boyutunuzu küçültmek için Tiny JPG gibi bir araç kullanarak resimleri sıkıştırın. Sayfanızın genel boyutunu küçültmek, çözünürlüğü ve kaliteyi etkilemeyecek ancak sitenizin LCP sonuçlarını iyileştirecektir.

Grafikler için PNG biçimini ve yatay görüntüler için JPG biçimini kullanmanızı öneririz. Görüntüleri sıkıştırmanın yanı sıra sitenizin görüntüleri için CDN'yi (İçerik Dağıtım Ağı) da etkinleştirebilirsiniz.

İçerik Dağıtım Ağı, web'den içerik depolayan, dünya çapında bir sunucu grubudur. Bu sunucular farklı konumlara dağıtılır; Görüntüler kullanıcıya en yakın sunucudan daha hızlı bir şekilde teslim edilebilir.

Tembel Yüklemeyi Uygulayın

Tembel yükleme uygulamak, sitenizde görseller görüntülerken çok önemlidir. Bu tekniği kullandığınızda, sitenizdeki temel web vitals puanınız ve kullanıcı deneyiminiz olumsuz etkilenmeyecektir. Peki tembel yükleme nedir? Tembel yükleme, sitenizin, bir kullanıcının sayfayı aşağı kaydırdığı anda aynı anda resim yüklemesini sağlar. Bu, sitenizin yükleme hızından ödün vermemenizi ve en yüksek LCP puan düzeyine ulaşmanızı sağlar. Tembel yükleme ile ilişkili birçok fayda vardır. Onlar içerir:

• İyileştirilmiş site performansı

• Bant genişliği kullanım kısıtlaması

• Sitede iyileştirilmiş SEO

• Site ziyaretçilerini elde tutun ve hemen çıkma oranını en aza indirin

Çok sayıda video, animasyon, resim ve diğer ağır öğeler içeren sayfalara sahip bir web sitesi işletiyorsanız, tembel yükleme kullanmak önemlidir. Bu ipucunu uyguladıktan sonra, önceki LCP puanınızı tembel yüklemeyi uyguladıktan sonra aldığınız yeni puanla karşılaştırabilirsiniz.

Gömmeler ve Görüntüler için Uygun Boyutları Kullanın

0,1'den fazla olan CLS puanı zayıf olarak kabul edilir. Bu kadar düşük bir puanın başlıca suçluları, boyutsuz yerleştirmeler, reklamlar ve resimler gibi ağır öğelerdir. Sitenizin CLS puanını yükseltmek için boyutlara dikkat edin. Görüntüler ve yerleştirmeler için doğru genişlik ve yükseklik kullandığınızda, yükleme işlemi sırasında tarayıcının sayfada doğru hacimde alan ayırması daha kolay hale gelir. YouTube videolarını web sitenize eklerken resimler ve yerleştirmeler için uygun boyutları ayarladığınızdan emin olun. YouTube'daki videoları sitenizde görüntülenecek şekilde nasıl yeniden boyutlandıracağınız aşağıda açıklanmıştır.

• YouTube'a gidin ve sitenize yerleştirmek istediğiniz videoyu açın.

• Paylaş düğmesini bulun ve <> Göm seçeneğini seçin.

• Boyut da dahil olmak üzere video ile ilgili tüm detayları göreceksiniz. Kodu kopyalayın ve sitenizdeki arka uca yapıştırın. Bu, sitenize doğru şekilde sığması için doğru genişlik ve yüksekliğe değiştirecektir.

Son düşünceler

Bunlar, web sitenizdeki temel web verilerini iyileştirmek için kullanabileceğiniz en iyi ipuçlarıdır. Bu gönderide, temel web hayati bilgilerinin temellerine ve puanlarınızı iyileştirmek için kullanabileceğiniz ipuçlarına baktık. İyileştirilmiş puanlar, arama sonuçlarındaki sıralamanızın artacağı ve sitenizdeki hemen çıkma oranında önemli bir oran olacağı anlamına gelir.