Temel Web Verileri Nedir ve Nasıl İyileştirilir? [2020]

Google'a göre, Kullanıcı deneyimi, web sitelerini arama sonucu sayfasında sıralamak için kullandıkları birkaç (yaklaşık 200) Sıralama faktöründen biridir.

Bu nedenle, daha iyi bir kullanıcı deneyimi için optimizasyon, bir web sitesinin internette uzun vadeli başarı elde etmesine yardımcı olur. Temel web hayati metrikleri, web sitenizdeki kullanıcı deneyimini ölçmenize yardımcı olur ve size onu iyileştirme fırsatları sunar.

Öyleyse, bunun ne olduğunu ve puanınızı nasıl artırabileceğinizi ve web sitenize diğerlerine kıyasla nasıl bir avantaj sağlayabileceğinizi anlayalım.

Temel Web Verileri Nelerdir?

Temel web hayati değerleri, web'de kaliteli bir kullanıcı deneyimi sunmak için gerekli olan bir dizi belirli faktördür. Üç temel sayfa hızı ve kullanıcı etkileşimi ölçümünden oluşur: en büyük içerikli boyama, ilk giriş gecikmesi ve kümülatif düzen kaydırma.

Diğer bir deyişle, Önemli Web Verileri, site sahipleri ve tüm Google araçları tarafından Kullanıcı Deneyimini ölçmek için kullanılan Web Verilerinin alt kümesidir.

Bir web sitesindeki kullanıcı deneyimini ölçen Mobil uyumlu, güvenli tarama, HTTPS, Müdahaleci Geçiş Reklamı yok vb. gibi başka web hayati öğeleri de vardır. Ancak bazı kullanıcıların tüm kullanım ölçümlerini aynı anda izlemesi çok zordur. Bu nedenle Google, yalnızca temel metriklerin yüklenmesine, etkileşime ve görsel kararlılığa odaklandığı temel web hayati kavramını tanıttı.

Arama konsolu hesabınızın "geliştirmeler" bölümünde web sitenizin temel web hayati verilerini takip edebilirsiniz. Kullanıcı deneyiminin o kadar iyi olmadığı sayfaların listesini görebilir ve aynı zamanda onu nasıl geliştirebileceğinizi önerir.

Temel web hayati bilgileri SEO için neden önemlidir?

Bu yıl Google, Arama merkezi blogunda sayfa deneyimi sinyalini duyurdu.

Daha önce Google, sıralama için aşağıdakiler de dahil olmak üzere çeşitli sayfa deneyimi sinyallerini dikkate almıştır:

• HTTPS
• Mobil uyumluluk
• Geçiş reklamı açılır pencerelerinin olmaması
• "Güvenli tarama" (temelde sayfanızda kötü amaçlı yazılım olmaması)

Ama şimdi içine temel web hayati değerlerini eklediler. İçinde önemli bir rol alır. İyi bir sayfa deneyimi, ilgili içeriğin yerini almaz. Ancak, düşük sayfa deneyimi sayfasına göre size rekabet avantajı sağlar.

İki web sitesinin içerik kalitesi aynıysa, Google kazananı seçmek için sayfa deneyimi sinyalini kullanır. Bu nedenle, web sitenizin temel web hayati değerleri üzerinde çalışmanız gerekir.

Ancak endişelenmeyin, 2021 yılına kadar bunu düzeltmek için zamanınız var. Ancak Google, sıralama için geçmiş performans puanını da kullanıyor. Bu yüzden bunun üzerinde çalışmaya başlamalısın.

Bu makalede, temel web vitals puanınızı nasıl iyileştirebileceğiniz konusunda size rehberlik edeceğim.

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

LCP, bir web sitesinin yükleme performansını ölçer. Web sitesinin sayfayı tamamen yüklemesinin ne kadar sürdüğü anlamına gelir.

Web sitesinin ilk görünen bölümünün yüklenme süresini sayar. Bu nedenle kaynaklarınızı öncelik sırasına koyabilir ve önce temel içeriği yükleyebilirsiniz.

Google'a göre, sayfa yüklenmeye başladığında LCP 2,5 saniyeyi geçmiyor.

LCP, chrome UX raporundan gerçek dünya performansını ölçtüğü için İlk Bayt Süresi (TTFY) ve İlk içerikli boyama gibi diğer metriklerden farklıdır.

Gerçek kullanıcıyı görmek için sayfanın yüklenme ve web sayfasıyla etkileşime başlama zamanına odaklanır.

LCP puanınızı Google sayfa hızı bilgisinden kontrol edebilirsiniz. Tüm web sitesini kontrol ederek verileri gösterir ve iyileştirme yapılması gereken URL'lerin listesini gösterir.

Web sitemin mobil puanını 60 civarında görebilirsiniz ve bu, mobil web sitesi tasarımım üzerinde çalışırsam geliştirilebilir. Masaüstünde, web sitemin puanı 90'ın üzerinde, ancak mobil cihazda, büyük içerikli boya nedeniyle sadece 60.

Ancak zamanla değiştiği ve bazen performansı artırmak için temel eklentileri veya komut dosyalarını kaldırmanızı istediği için bu puana tamamen güvenmeyin.

Ayrıca Google arama konsolunda Büyük içerikli boyama hakkında bir uyarı görebilirsiniz. (GSC)

LCP ayrıca üç kategoriye ayrılmıştır.

1. İyi
2. İyileştirme Gerekiyor
3. Yoksul.

LCP'niz 2,5 saniyenin altındaysa, bu iyi olarak kabul edilir, 2,5 saniye ile 4 saniye arasındaki bir puan İyileştirme Gerektirir ve 4 saniyeden fazla bir puan zayıf olarak kabul edilir.

Ayrıca Mobil cihazlarda 2,5'ten daha düşük bir LCP elde etmenin çok zor olduğunu fark edebilirsiniz. Daima 4 saniyenin altında tutmaya çalışın.

LCP puanını iyileştirme adımları:

Geç yüklemeyi ayarla

Web sitenizde Tembel Yükleme kullanmayı düşünün. WordPress 5.4 veya sonraki bir sürümünü kullanıyorsanız, görüntülerde varsayılan olarak tembel yükleme etkindir. Sayfaları yavaşlattığı için Lazy Loading videolarına odaklanmalısınız.

Gereksiz yere üçüncü taraf komut dosyalarını kaldırın:

Yalnızca gerekli komut dosyasını kullandığınızdan ve tüm üçüncü taraf komut dosyalarını web sitenizden kaldırdığınızdan emin olun. Ana iplik Engellemeyi yaklaşık 150 ila 160 ms'ye indirdiğinizden emin olun.

Web barındırmayı yükseltin:

Web sitenizin boyutuna göre daha iyi ve daha güvenilir web hosting kullanmaya çalışın. Web sitesi yükleme hızında çok önemli bir rol oynar.

En iyi web barındırma hizmetini nasıl seçeceğinizi bilmiyorsanız, Rehber Satın alma rehberi ile farklı web barındırma türleri .

Büyük sayfa öğelerini kaldırın:

Sayfa hızı öngörü aracı, puanınızı artırmak için kaldırabileceğiniz büyük sayfa öğelerini gösterir.

CSS'yi küçült

Büyük CSS öğeleri, bir web sitesinin LCP puanını etkiler. Bu nedenle LCP'yi iyileştirmek için CSS kodunuzu küçültmelisiniz.

İlk Giriş Gecikmesi (FID)

İlk giriş gecikmesi , kullanıcının sayfanızla etkileşime girmesi için geçen süreyi ölçer. Bu, bir web tarayıcısının web sayfanızı işlemesi için geçen süre ve kullanıcının bir Bağlantıya tıklamak, sayfayı kaydırmak veya oturum açma bilgilerini girmek vb. gibi sayfayla etkileşime geçebileceği anlamına gelir.

Kullanıcı etkileşimindeki gecikmenin ana nedeni, ana iş parçacığını engelleyen komut dosyası görevleridir .

Web sitenizdeki kullanıcı deneyimini doğrudan etkilediği için FID süresini düşük tutmak çok önemlidir. Google, kabul edilebilir FID puanını 100 MS'nin altında belirlemiştir.

Bloglar veya makaleler gibi web siteleri için, gerçekleşen etkileşim, sayfanın kaydırılması veya Yakınlaştırma veya uzaklaştırma olduğundan, bir e-posta bültenine kaydolunca FID önemli değildir.

Ancak oturum açmanın veya kaydolmanın gerekli olduğu web sitesi için FID bunda önemli bir rol oynar. Çünkü kullanıcıların giriş bilgilerini forma yazmaları gerekiyor ve web sitesinin detayları kabul etmesi çok uzun zaman aldığında çok kötü bir kullanıcı deneyimi yaratacaktır.

FID, kullanıcıların ürünü sepete eklemesi ve kullanıcı hesabına giriş yapması gereken E-ticaret web siteleri gibi web siteleri için de önemlidir. Bu yüzden İlk Giriş Gecikmesini (FID) en aza indirmek için çalışmanız gerekiyor.

FID puanını iyileştirme adımları:

Gereksiz Üçüncü taraf komut dosyalarını kaldırın:

Gereksiz komut dosyalarını (Google Analytics, ısı haritaları, Onesignal vb.) kaldırarak FID puanınızı artırabilirsiniz.

JavaScript'i erteleyin:

Web siteniz sayfa yüklemesinin başında javascript yüklüyorsa, kullanıcıların hızlı bir şekilde etkileşim kurması zordur. Bu nedenle, WP-Rocket, Litespeed önbellek vb. önbellek eklentilerini kullanarak Defer javascript'i etkinleştirebilirsiniz.

Sayfa yükleme başlangıcında gerekli olmayan javascript dosyalarını yükleyecektir. Genel web sitenizin hızını önemli ölçüde artıracaktır.

Tarayıcı önbelleğini etkinleştir:

Tarayıcı önbelleğini etkinleştirerek çok sayıda sunucu kaynağından tasarruf edeceksiniz ve web siteniz eski ziyaretçiler için tüm dosyaları istemeyecektir. Tarayıcı, önbellek dosyasından bazı temel dosyaları yükleyecek ve FID puanınızı iyileştirecektir.

Gzip sıkıştırmasını etkinleştir

Gzip sıkıştırmasını etkinleştirerek HTML ve CSS dosya boyutunuzu yüzde 80'e kadar küçültebilirsiniz. Bunu Cloudflare CDN ile veya web barındırma kontrol panelinizden yapabilirsiniz.

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

Kümülatif düzen kayması, web sitenizin genel görsel kararlılığına odaklanır. Bu genellikle DOM manipülasyonu veya ana medya öğeleri için boyut özniteliklerinin eksikliği nedeniyle olur.

Google'a göre CLS 0.1'in altında olmalıdır. Web sitesinde kümülatif düzen kaymalarının nasıl olduğunu aşağıdaki grafiklerde daha iyi anlayabilirsiniz.

CLS puanını iyileştirme adımları

Ayarlanmış boyut öznitelik boyutları medya dosyalarını (video, resimler, GIF'ler, bilgi grafikleri vb.) kullanın:

Kullanıcı tarayıcısının o öğenin ne kadar yer kaplayacağını bilmesi için belirli bir ortam boyutu tanımlayabilirsiniz. Böylece sayfa tamamen yüklendikten sonra değişmeyecek.

Reklam yerleşimi için ayrılmış alan

Adsense'de otomatik reklamlar kullanıyorsanız, reklamlarınız rastgele gösterilir ve bazen aşağıdaki içeriği reklam göstermeye zorlar. Bu nedenle, web sitesinde reklam yerleşimi için belirli bir alan ayırmanız gerekir.

Web sayfasının altına yeni UI öğeleri ekleyin:

Pop-up'lar gibi bazı UI öğeleri kullanıyorsanız, bunları web sitenizin altında gösterebilirsiniz. Bu şekilde içeriği aşağı çekmez ve CLS puanınızı yükseltmez.

Çözüm

Temel web hayati bilgileri, geliştiricilerin ve web sitesi sahiplerinin bugün sahip olduğu en iyi kullanıcı deneyimi sinyallerinden bazılarıdır. Yukarıdaki yönergeyi doğru bir şekilde takip ederseniz, genel hızınızı kolayca artırabilir ve temel web vitals puanınızı artırabilirsiniz.

Şimdi sıra sende.

İlk olarak hangi yöntemi deneyeceksiniz, yorum bölümünde bana bildirin?

Bu makaleyi beğendiyseniz, sosyal medyada blog topluluğunuzla paylaşın.