Temel Web Verileri: Web Sitenizi Sayfa Deneyimi için Neden ve Nasıl Optimize Edebilirsiniz?

Sayfa performansı dikkate değer. Sayfa yükleme süresindeki bir saniyelik gecikme bile dönüşümlerde %7'lik bir düşüşe neden olabilir. Bu yeterince şaşırtıcı değilse, Google resmi olarak sayfa deneyimini bir sıralama sinyali haline getirdiğinden, Mayıs 2021'den itibaren sayfa performansı daha da önemli hale gelecek.

*(Google'ın yaklaşan değişikliklerini buradan okuyabilirsiniz).

Bu, düşük performans gösteren web sitelerinin arama motorlarında daha alt sıralarda yer alacağı anlamına gelir. Bu nedenle, temel web hayati metrikleri, Kendin Yap çözümleri ve bir profesyonel arama zamanı geldiğinde biraz ışık tutuyoruz.

Bu Neden Şimdi Önemli?

Şu anda web siteniz, web vitals söz konusu olduğunda düşük puan alıyorsa, Mayıs'tan önce yapacak çok işiniz var. Ama bu yapılabilir olmadığı anlamına gelmez. Ne yapmanız gerektiğini öğrenerek ve eyleme geçirerek, SEO başarısı için doğru yoldasınız.

Bunu yapmazsanız, cezalandırılabilirsiniz. Bunu en son Google'ın algoritmasında önemli bir değişiklik yaptığını gözlemledik. Arama motoru, duyarlı web sitelerini etkili bir sıralama faktörü olarak tanıtmak istediğinde, mobil uyumluluk için optimize edilmemiş sitelere karşı önemli bir kayma oldu.

Tüm bunlarla birlikte, temel web hayati değerlerinin gerçekte ne olduğuna daha yakından bakalım.

Temel Web Verileri nedir?

Web vitals, site sahiplerinin en önemli şeylere odaklanmasına yardımcı olmak için genellikle kafa karıştırıcı ve karmaşık UX performans metriklerini basitleştirmeyi amaçlar. Bunlar, site sahiplerinin çok sayıda Google aracıyla ölçebildiği tüm web sayfaları için geçerli olan web hayati değerlerinin bir alt kümesidir. Burada, bu web hayati değerleri, 75. yüzdelik dilimdeki performansla ölçülür.

Temel web hayati değerlerinizi değerlendirmek için daha iyi bilinen çözümlerden bazıları şunlardır:

• deniz feneri
• Sayfa Hızı Analizleri
• Chrome Geliştirme Araçları
• Google Arama Konsolu
• web.dev'in ölçüm aracı
• Web Vitals Chrome uzantısı
• Chrome UX Rapor API'sı

Araçlar arasında çok fazla örtüşme var. Bazıları URL'yi eklemenizi sağlar ve ardından araç web hayati değerlerinizi analiz eder, diğerleri doğrudan tarayıcıda bir rapor çalıştırmanıza izin verir ve diğerleri web hayati değerlerinizi sürekli olarak izlemenizi sağlar. Google, daha az teknik olandan daha teknik bilgili olanlara kadar farklı kullanıcıları göz önünde bulunduran çok sayıda araç sağlamıştır.

Her durumda, Page Speed ​​Insights harika bir başlangıç ​​noktasıdır. PageSpeed ​​Insights aracılığıyla rastgele bir web sitesi çalıştırdım ve gerçek dünyadaki hız verilerini kullanarak Chrome Kullanıcı Deneyimi Raporu aracılığıyla alan verilerini hesapladıklarını gördüm. Temel web hayati metrikleriyle ilgili olarak, verileri şu şekilde görüntülerler:

Temel web hayati değerleri, aşağıdakileri içeren Google'ın Sayfa deneyimi metriklerini tamamlayıcı niteliktedir: çoklu cihaz yanıt hızı, HTTPS, pop-up'lar vb. ve bu nedenle, temel web hayati değerleri bu metriklerin yerini alamaz.

Ayrıca, teknolojiler geliştikçe ve öncelikler değiştikçe, temel bir web hayati olarak kabul edilen şeyin zaman içinde değişebileceğini de belirtmekte fayda var. Ancak, bu yazının yazıldığı sırada mevcut temel web hayati bilgileri şunları içerir:

• En büyük içerikli boya (LCP): Bu, yükleme performansını ölçer (2,5 saniyenin altındaki bir yükleme performansı iyi kabul edilir).
• İlk giriş gecikmesi (FID): Bu metrik, web sitesiyle bir kullanıcı etkileşiminin meydana gelebileceği ilk ana karşı yük duyarlılığını ölçer. İdeal olarak, bu 100 ms'nin altında olmalıdır.
• Kümülatif düzen kayması (CLS): Bu, görsel kararlılığı ölçer. İyi bir kullanıcı deneyimi için sayfaların bu ölçümde 0,1'den az puan alması gerekir.

Web Sitenizi Temel Web Verileri İçin Nasıl Optimize Edebilirsiniz?

Sitenizi optimize etmeye başlamadan önce, web sitesinin her bir ölçümde halihazırda nasıl performans gösterdiğini belirlemelisiniz. Bu nedenle ilk adım, temel web vitals puanınızı kontrol etmektir.

• Google Page Speed ​​Insights'ı kullanarak sayfa hızınız ve temel web hayati bilgileriniz hakkında bir rapor oluşturun.
• Google'ın Arama Konsolunda temel web hayati bilgileriniz ile ilgili belirli sorunları izleyin ve çözümlerinizin nasıl çalıştığını görün

Ayrıca kullanabilirsiniz Web Vitals Chrome uzantısı. Bu, sitenizin metriklerini ölçmek için başka bir harika araçtır. Son olarak, web hayati değerleri Standart Web API'leri kullanılarak Javascript'te de ölçülebilir.

Temel Web Verilerinizde Geliştirmeler Yapma

Artık yukarıdaki kontrolleri yaptığınıza göre, sitenizin temel web hayati değerleri için nasıl performans gösterdiği hakkında daha iyi bir fikre sahip olmalısınız. Hepsini başarıyla geçtiyseniz, May'in yaklaşan değişiklikleri için endişelenmenize gerek yok. Bununla birlikte, iyileştirebileceğiniz bir veya daha fazla metrik varsa, dikkat edin. Aşağıda, yapmanız gerekebilecek bazı değişiklikleri ve bunları nasıl uygulayacağınızı (önem sırasına göre) listeledik:

LCP'yi Optimize Etme

Daha önce de söylediğimiz gibi, LCP, web sitenize tıklamadan ekrandaki içeriğinizin ana kısmını görmeye kadar geçen süreyi ölçer. Bu nedenle, bu ölçüm, web sitenizdeki en büyük resmin, videonun veya metin hacminin oluşturma süresinden etkilenen sayfa yükleme hızınızla (genellikle ana sayfa) ilgilidir.

Unutmayın, 2,5 saniyenin altı iyi bir web sitesi yükleme süresi olarak kabul edilir. Yukarıdaki herhangi bir şeyin iyileştirilmesi gerekir ve siteniz dört saniyeden daha yavaş yüklenirse, Google bunu daha düşük olarak değerlendirecektir.

Yavaş yükleme sürelerinin nedeni/nedenleri aşağıdakilerden herhangi biri olabilir:

• Yavaş sunucu yanıt süreleri (bu, düşük kaliteli web barındırma, önbelleğe alma eksikliği, artan web trafiği vb. neden olabilir)
• Oluşturmayı engelleyen Javascript ve CSS (Bunlar, web sitelerinin içeriği tam olarak yüklenmeden önce görüntülemesini engelleyen dosyalardır).
• İstemci tarafı oluşturma (Bu tür web siteleri, doğrudan tarayıcıda dinamik yollar oluşturur).

Nasıl düzeltebilirsin:

• Gereksiz üçüncü taraf komut dosyalarını (eklentileri) kaldırın. Bunlar optimize edilmemiş olabilir ve sitenizi yavaşlatabilir.
• Web barındırma hizmetinizi yükseltin. Ucuz barındırma, sitenizi daha yavaş web sunucularına ve dolayısıyla yükleme sürelerine zincirleyebilir.
• Geç yükleme kurun veya bir içerik dağıtım sistemi kullanın. Bu, sitenizin daha kolay önbelleğe alınmasını sağlar ve kullanıcılara yakınlardaki veri merkezleri aracılığıyla içerik gönderir. Tüm bunlar, yükleme sürelerini azaltmak için uzun bir yol kat ediyor.
• Büyük web sayfası öğelerini kaldırın.
• Hizmet HTML sayfaları önbellek-önce.
• Üçüncü taraf bağlantılarını erkenden kurun.
• CSS'yi küçültün.
• Web sitesi görüntülerini optimize edin/sıkıştırın.
• Web sayfalarınızın AMP için optimize edildiğinden emin olun.

FID'yi optimize etme

İlk Giriş Gecikmesi (FID), sayfanın ne kadar hızlı etkileşimli hale geldiğini ölçer. Başka bir deyişle: kullanıcı bir şeye ilk tıkladığında, bir şeyin olması ne kadar sürer?

Bu ölçüm, merkezi etkileşimin makaleleri okumak için açmakla ilgili olduğu bloglar veya haber siteleri için daha az alakalı olabilir. Ancak oturum açma ve/veya kayıt sayfaları içeren web siteleri için FID çok önemlidir. FID'si 300 ms'den fazla olan siteler daha düşük olarak kabul edilir. İdeal olarak, bu ölçümde 100 ms'nin altında puan almalısınız.

Web sitelerinin JavaScript'i nasıl yüklediğine dair derinlemesine bilgi olmadan FID'nizi düzeltmek zordur.

Ancak, bu metriği şu yollarla iyileştirebilirsiniz:

• Uzun görevleri bölmek ve Javascript şişkinliğini en aza indirmek
• Gereksiz üçüncü taraf komut dosyalarını kaldırma
• Bir web çalışanı kullanma

CLS'yi optimize et

Kümülatif düzen kayması (CLS), web sayfası öğelerinizin site yüklenirken olması gereken yerde kalıp kalmayacağıyla ilgilidir. Beklenmeyen düzen kaymalarının toplamını ölçer (görünür bir öğe, oluşturulan çerçeveler arasındaki konumunu her değiştirdiğinde bir düzen kayması gerçekleşir).

Hiç bir mobil sitede bir şeye tıklamayı denediniz mi, ancak siz onu seçmeye çalışırken öğe hareket etti mi? Şanslar, sitenin istenmeyen derecede yüksek bir CLS'ye sahip olmasıdır. 0.1'in altındaki herhangi bir şey iyidir. 0,25'ten yüksek puan alırsanız, sitenizin görsel kararlılığını kötü bir şekilde iyileştirmesi gerekir.

İşte uygulanacak birkaç düzeltme:

• HTML'de medya boyutu özelliklerini tanımlayın, böylece internet tarayıcıları ne kadar yer kaplayacaklarını bilir.
• Herhangi bir reklam için yer ayırın.
• Herhangi bir yeni kullanıcı arayüzünü ekranın altına ekleyin, böylece beklenen içeriği aşağı itmezler.
• Duyarlı görüntülerle çalışın.
• Bazı yazı tipleri, bir yazı tipi oluşturulurken stillenmemiş metnin veya görünmez metnin parlamasına neden olabilir; bu nedenle, bunu test edin ve gerekli değişiklikleri yapın.
• Özelliklerin animasyonları yerine dönüştürme animasyonlarını kullanın. İkincisinin, düzen değişikliklerini tetikleme şansı daha yüksektir.

Google Tarafından Önerilen Optimizasyonlar

Son olarak, Google'ın PageSpeed ​​bilgileri aracı, sitenizin performansını nasıl iyileştireceğiniz konusunda kendi önerileriyle birlikte gelir. Bunlar, genel olarak iyi uygulamalardır ve uygulandığında web sitenizin yükleme süresini artırabilir.

Bununla birlikte, bu optimizasyonlar, temel web hayati değerlerinizi mutlaka etkilemeyecektir. Ancak, SEO ve ziyaretçiyi elde tutma için mükemmel olan daha iyi bir kullanıcı deneyimi sağlamaya yardımcı olmalıdırlar. En önemlisi, başlamalısınız:

• Görüntüleri yeni nesil formatlarda kaydetme
• Oluşturmayı engelleyen kaynakları ortadan kaldırma
• Metin sıkıştırmayı etkinleştirme
• Kullanılmayan CSS'yi kaldırma
• Kullanılmayan JavaScript'i kaldırma

Bu Optimizasyonlar Nasıl Uygulanır?

Bu düzeltmelerin çoğu, geliştirme uygulamaları hakkında bilgi ve aşinalık gerektirir, o kadar ki bir geliştirici olmanız gerekir. Örneğin, bazı değişiklikler bir FE uzmanı gerektirirken, diğerleri bir Arka Uç veya sunucu düzeyinde bir uzman gerektirebilir. Örneğin, uzun görevleri bölmek, Javascript şişkinliğini en aza indirmek ve üçüncü taraf komut dosyalarını kaldırmak. Tüm üçüncü taraf komut dosyalarını kaldıramazsınız, bazıları Google Analytics gibi çok önemlidir. Bu nedenle, bu üçüncü taraf komut dosyalarını, hangilerini gerçekten silebileceğinizi ve bunu nasıl yapacağınızı (bazı kodlama teknik bilgilerini içerir) anlamanız gerekir.

Hatırlanması gereken anahtar kelime optimizasyondur. Sitenizi Google'ın istediği şekilde yeniden oluşturmaya çalışmıyorsunuz. Bunun yerine, kullanıcılarınızın en iyi deneyimini göz önünde bulundurarak web sitenizi optimize etmeye çalışıyorsunuz. Tabii aynı zamanda Google'ın cezalandırmaması için de çalışıyorsunuz. İşte zorluk burada yatıyor.

Diyelim ki siz de çok fazla teknik bilgiye sahip değilsiniz. Bu durumda, özellikle web sitenizin tasarımından ödün vermek istemiyorsanız, siteniz profesyonel bir geliştiriciyi işe almaktan yararlanabilir. Bir profesyonel, gerekli optimizasyonları yaparken sitenizin “görünümünü ve hissini” koruyabilir.

Profesyonel bir geliştiricinin hizmetlerini kullanmak, şüphesiz size ve ekibinize çok zaman kazandırmanın en kolay yoludur. Ayrıca, web sitenizin not aldığından emin olarak Mayıs 2021'i bekleyebilirsiniz.

Profesyonel Desteği Nasıl İşe Alırsınız ve Bunu Bulmak İçin En İyi Yer Nerede?

Ana web hayati değerlerinizi optimize etmeye gelince, yapabileceğiniz en büyük hata, her şeyi bir kerede düzeltmeye çalışmaktır. Bunun yerine, önce temel sorunları önceliklendirin ve çözün. Web sitesi optimizasyonu, bir kez yaptığınız ve unutabileceğiniz bir iş değildir. Aksine, sürekli dikkatinizi gerektiren devam eden bir süreçtir.

Daha önce de belirttiğimiz gibi, web sitenizin nerede olduğu hakkında bir fikir edinmek için her zaman bir denetimle başlamalısınız. O zaman bir optimizasyon planına öncelik vermek ve uygulamak için uzman bir web yöneticisiyle çalışmak iyi bir fikirdir.

Kodlanabilir uzmanlar bunu sizin için yapabilir. Codeable, müşterileri dikkatle taranan WordPress uzmanları ve geliştiricileriyle eşleştirir. En nitelikli adayları belirlemek için her uzman, teknik bir sınav ve canlı kodlama testleri içeren bir inceleme sürecinden geçer.

Codeable'ın profesyonelleri, küçük görevlerden ve düzeltmelerden tam özel geliştirme çalışmalarına kadar her şeyi yapabilir ve Mayıs 2021'le güvenle yüzleşmeye hazır olmanızı sağlamak için web sitenizin optimizasyonunun üstesinden gelebilir. Hepsinden iyisi, üç ila beş saat gibi kısa bir sürede güvenilir bir uzmanla bağlantı kurabilirsiniz.

Web Sayfası Deneyim Sinyalleri için Web Sitenizi Optimize Etmeye Hazır mısınız?

Şimdiye kadar, Google'ın SEO algoritmalarının temel web hayati değerlerini nasıl ele aldığına ilişkin önemli değişiklikleri Mayıs 2021'de kullanıma sunduğunu öğrenmiş olacaksınız. O zamana kadar hazır olmayan ve optimize edilmemiş siteler, sıralamalarını ve ziyaretçilerini kaybetme riskiyle karşı karşıyadır. Bu değişikliklere en kısa sürede uyum sağlamak için bir web sayfası optimizasyon planı oluşturmaya ve uygulamaya başlamak çok önemlidir.

Pazarlamacılar, sitenizin üç temel web hayati noktasında nasıl performans gösterdiğini belirlemek için bugün sitenizde hızlı ve basit kontroller yapabilir. Oradan, yukarıda özetlenen bazı Kendin Yap düzeltmelerini uygulayabilirsiniz. Ancak, önemli optimizasyonlar için uzman tavsiyesi almak harika bir fikirdir. Bu, en önemli değişikliklere öncelik vermek için hemen çalışmanıza olanak tanır.