Önemli Web Verileri: Tanım, LCP'ye Giriş, FID ve CLS ve Önemli Web Verileri Optimizasyon İpuçları
Yayınlanan: 2021-03-172021 yılı birden fazla yönden dikkat çekicidir. Arama motorları gelişti ve her zamankinden daha rekabetçi hale geldi. Google, web sitelerini arama motorunda sıralamak için oyunun kurallarını değiştiren yeni bir metrik başlatmayı planlıyor. İyi UX ve sayfa deneyimi, Google'ın yeni tanıtılan ve yakında piyasaya sürülecek olan temel web hayati bilgileri sayesinde, önemli bir sıralama faktörü haline gelecektir.
Bu yıl içinde Google'ın temel web hayati bilgilerinin beklenen kullanıma sunulmasıyla, şirketlerin web sitelerini bu sıralama faktörüne göre yakalaması ve optimize etmesi giderek daha kritik hale geldi.
Temel web hayati değerlerinin ne olduğunu, nelerden oluştuğunu ve web sitenizin temel web hayati değerlerini optimize etmek için neler yapabileceğinizi bilmiyorsanız, okumaya devam edin. Bu blog senin için.
Bu blogda, temel web hayati bilgilerinin AZ'sini ele alacağız ve web sayfanızı aynı şekilde optimize etmenize yardımcı olacağız. Hadi başlayalım.
Temel Web Verileri Nedir?
Resim Kaynağı: web.dev
Temel web hayati değerleri, Google'ın web sitenizin genel kullanıcı deneyimini değerlendirmek için kullandığı sıralama sinyalleri veya bir dizi ölçüt ve metriktir. Google temel web hayati bilgileri, genel sayfa deneyimini ve kullanıcı dostu olup olmadığını değerlendirmek için mevcut kullanıcı deneyimi sinyallerinin yanı sıra web sitenizin hızını, yanıt verme hızını ve görsel kararlılığını değerlendirir.
Google, sayfanız tarafından sağlanan genel deneyimi inceleme biçimini iyileştirmek amacıyla bu yeni sıralama sinyalini başlatmayı planlamaktadır. Bu verilerin doruk noktası, web sitenizi SERPS'sinde sıralamak için bu arama motoru tarafından birlikte alınacaktır.
Web sitenizin sıralaması ne kadar yüksek olursa, görünürlüğü de o kadar yüksek olur. Sayfa deneyimi önemli bir sıralama unsuru haline geldiğinden buna dikkat etmeniz kaçınılmazdır. Web sitenizin Önemli Web Verileri verilerini kontrol etmek için Google Arama Konsolu hesabınızın "geliştirmeler" bölümüne bakın.
Temel Web Verileri neden önemlidir?
Önemli Web Verileri, Google'ın "sayfa deneyimi" puanının bir parçası olan sıralama sinyalleridir. Google, sayfa deneyimini Google'da resmi bir sıralama faktörü haline getirdiği için önemlidir. Resim Kaynağı: backlinko.com
Temel web hayati değerlerinin neden önemli olduğu ve sizin için neden önemli olması gerektiğine ilişkin bazı nedenler şunlardır:
- Google'ın sıralama değerlendirmesindeki bu yeni değişiklikten erkenden tam olarak yararlanabilecek gelecek web siteleri için muazzam bir sıralama fırsatı.
- Benzer içerik kalitesine ve web sitesi sıralamasına sahip iki web sitesi arasındaki savaşta, sayfa deneyimi tüm farkı yaratabilir.
- Google'ın SERP'lerinde benzersiz sıralamalara sahip olan web siteleri, yeni sayfa deneyimi standartlarını karşılamadıkları takdirde mevcut sıralamalarını eşit derecede rekabetçi web sitelerine kaptırma riski taşıdığından, temel web hayati değerleri artık daha kritik hale geliyor.
Her şey düşünüldüğünde, sayfa deneyimi puanınızın Google'ın web sitelerini sıralamak için kullandığı yaklaşık 200 sıralama faktöründen yalnızca biri olduğunu unutmamak önemlidir.
Önde kalmak ve diğerlerine göre rekabetçi bir sıralama avantajının keyfini çıkarmak için, mevcut sayfa içi ve sayfa dışı SEO stratejinizi optimize ederken aynı zamanda web sitenizin temel web hayati değerlerini optimize etmeye devam etmelisiniz. Sıralamanızı bir gecede kaybetmeyecek olsanız da, web temel hayati bilgilerinizi önceden optimize ederek sıralama şansınızı kesinlikle artırabilirsiniz.
Temel Web Verilerinin Üç Sinyali:
Resim Kaynağı: web.dev
Google'ın temel web hayati değerlendirmesinde dikkate aldığı ilk üç sayfa hızı ve kullanıcı etkileşimi ölçümü şunları içerir:
- En Büyük İçerikli Boya (LCP)
- İlk Giriş Gecikmesi (FID)
- Kümülatif Düzen Kaydırma (CLS)
Sinyal 1: En Büyük İçerikli Boyama (LCP): Yükleme Performansını Kontrol Eder
LCP, Google'ın sayfa deneyimi puanınızı hesaplamak için kullandığı ilk temel web hayati metriğidir. Web sayfanızın yükleme performansını ölçer.
En Büyük Contentful Paint veya LCP, web sitenizdeki bir sayfanın gerçek bir kullanıcının bakış açısından yüklenmesi için geçen süre olarak tanımlanabilir. Basit bir ifadeyle, kullanıcınızın bir bağlantıya tıklamasından web sitenizin içeriğinin çoğunu ekranda görmesine kadar geçen süreye LCP denir.
LCP, sayfa hızı açısından gerçekten önemli olan şeye, yani bir kullanıcının engel olmadan sayfanızı görme ve sayfanızla etkileşim kurma becerisine odaklanır.
LCP puanınızı kontrol etmek için Google'ın Sayfa Hızı İstatistiklerini kullanın. Tüm yapman gereken:
- Google'ın Sayfa Hızı Öngörüleri Aracını ziyaret edin.
- Arama kutusuna web sitenizi girin.
- Analiz Et'i tıklayın.
'Analiz et'i tıkladıktan sonra, Google size mevcut sayfanızın kapsamlı bir raporunu gösterecektir. Web sitenizdeki boşluklar hakkında bilgi edinmek için gözden geçirin. Sonuçlar ayrıca, krom tarayıcı verilerine dayalı olarak web sayfanızın gerçek dünyadaki performansı hakkında size bir fikir verecektir.
LCP verilerinize Google'ın Arama Konsolu'nda (GSC) doğrudan da bakabilirsiniz. Aşağıdaki nedenlerden dolayı Google'ın Sayfa Hızı İstatistiklerini kullanmanızı öneririz:
- PageSpeed Insights'ta, analiz için arama çubuğuna girdiğiniz tek bir web sayfasının raporunu alırsınız. Arama konsolunda, tüm web sitenizin LCP verilerini göreceksiniz.
- Google'ın Arama Konsolu aracılığıyla, web sitenizdeki iyi, kötü veya ikisi arasında bir yerde bulunan URL'lerin tam listesini alırsınız.
- Google'ın LCP yönergeleri, web sitenizin LCP'sini 'iyi', 'kötü' ve 'geliştirilmesi gerekiyor' olarak sınıflandırır.
İdeal LCP ölçümü 2,5 saniye veya daha hızlıdır. Sayfanızın ana içeriği ne kadar hızlı yüklenirse, LCP puanınız o kadar iyi olur. Büyük sayfalara ve birden çok özelliğe sahip büyük bir web siteniz varsa, bu sizin için zor olabilir.
Sinyal 2: İlk Giriş Gecikmesi (FID): Etkileşimi / Duyarlılığı Kontrol Eder
İlk Giriş Gecikmesi, Google'ın ikinci temel web hayati işlevidir. Etkileşimi ölçer.
Basit bir ifadeyle, İlk Giriş Gecikmesi (FID), bir sayfanın etkileşimli hale gelmesi için geçen süreyi ifade eder. Bir sayfada bir etkinliğin gerçekleşmesi için geçen süreyi ölçtüğünü söyleyebilirsiniz. Daha spesifik olarak, kullanıcıların sayfanızda gerçekten bir şeyler yapması için geçen süreyi ölçer.
İdeal FID ölçümü 100 ms'den azdır.
Aşağıda, FID puanlaması için hesaplanan bazı sayfa içi etkileşim örnekleri verilmiştir:
- Bir kullanıcının menüden bir seçenek seçmesi için geçen süre.
- Bir kullanıcının e-postanızı bir alana girmesi için geçen süre.
- Bir kullanıcının site navigasyonunda bir bağlantıya tıklaması için geçen süre.
Kullanıcı verilerini toplayan veya giriş bilgilerini isteyen işletme web siteleri için FID puanlaması inanılmaz derecede önemlidir.
Sinyal 3: Kümülatif Düzen Kayması (CLS): Görsel Kararlılığı Kontrol Eder
Kümülatif Düzen Kayması (CLS), görsel kararlılığı ölçen hayati bir temel web'dir. Kullanıcı etkileşiminden kaynaklanmayan tüm düzen değişikliklerini hesaplayan bir metriktir. Başka bir deyişle, bu metriğin bir sayfanın yüklenirken görsel kararlılığını hesaba kattığını söyleyebiliriz.
Sayfa yüklenirken sayfanızda daha fazla öğe hareket ederse, CLS'niz o kadar yüksek olur. Web sayfanız yüklenirken daha az öğe hareket ederse, CLS'niz o kadar düşük olur.
CLS'niz ne kadar düşükse, sayfa puanı performansınız o kadar iyi olur.
0,1'den düşük bir CLS puanı, bir web sayfası için ideal olarak kabul edilir, bu nedenle web sitenizi en iyi sayfa deneyimi için optimize ederken bunu hedeflediğinizden emin olun.
Üç Web Verisi Nasıl Optimize Edilir (LCP, FID, CLS)
Üç web temel hayati değerini optimize etmek, sayfa performansını ve web sayfanızın genel sayfa deneyimini geliştirmek için önemlidir. İşte onları iyileştirmenin bazı yolları.
En Büyük İçerikli Boyama (LCP) nasıl optimize edilir:
Web sitenizin LCP'sini iyileştirmek için yapabileceklerinizin listesi:
- CSS'nizi küçültün: CSS ne kadar küçükse, LCP'niz o kadar hızlı olur.
- Büyük sayfa öğelerini kaldırın: Neyse ki, Google'ın Sayfa Hızı Öngörüleri, web sitenizde sayfanızın LCP'sini yavaşlatan bir öğe olup olmadığını size gösterecektir. Ne olduğunu belirledikten sonra, hızlı bir şekilde çözebilirsiniz. Örneğin, Techmagnate'in Google'ın Sayfa Hızı Öngörüleri'ndeki LCP puanının analizi, bu öğenin hatalı olduğunu gösteriyor:
- Web barındırıcınızı yükseltin: Daha iyi barındırma ile daha yüksek yükleme hızları (LCP dahil) gelir.
- Gereksiz üçüncü taraf komut dosyalarını kaldırın: Mümkün olduğunca üçüncü taraf komut dosyalarından kaçının.
- Geç yüklemeyi ayarlayın: Geç yükleme, resimlerin yalnızca bir kullanıcı web sayfanızda resim içeren o noktaya ulaştığında yükleneceği anlamına gelir. Geç yükleme ayarlayarak LCP'ye daha hızlı ulaşabilirsiniz.
Yukarıda bahsedilen ipuçlarını uygulamak, iyi bir LCP puanı almak için gereken LCP mükemmelliğini geliştirmenize yardımcı olabilir. LCP puanınız ne kadar iyi olursa, sayfa deneyimi puanınız ve sıralama şansınız o kadar iyi olur. Bu nedenle, henüz yapmadıysanız LCP'nizi şimdi optimize edin.

İlk Giriş Gecikmesi (FID) nasıl optimize edilir:
Sitenizin FID puanlarını iyileştirmek için yapabileceğiniz bazı adımlar şunlardır:
- Javascript'i simge durumuna küçültün (veya erteleyin): Sayfanızdaki JS'yi en aza indirmek veya ertelemek, tarayıcınızın JS'yi yükleme ihtiyacı azaltıldığından veya ortadan kaldırıldığından, web sayfanızın FID hızını artırmanıza yardımcı olabilir.
- Kritik olmayan üçüncü taraf komut dosyalarını kaldırın: Google Analytics ve ısı haritaları gibi üçüncü taraf komut dosyaları, FID'yi ve içerik yükleme hızını olumsuz etkileyebilir. Web siteniz için çok önemli olmayanları belirleyin ve web sayfanız için kritik değilse bunları kaldırın.
- İstek sayılarını düşük ve aktarım boyutlarını küçük tutun: İstek sayılarını kısıtlamak ve HTML dosyalarının, medyanın, resimlerin vb. aktarım boyutlarını en aza indirmek için kodu optimize edin.
Kümülatif Düzen Kaydırma (CLS) nasıl optimize edilir:
CLS'nizi geliştirmek için yapabileceğiniz bazı basit eylemler şunlardır:
- Web sayfanızda reklam öğelerine ayrılmış bir alan atayın: Bu basit görevi yapmak, içeriğinizin olması gerektiği yerde kalmasını sağlayacaktır. Belirli bir reklam alanı olmayan web sayfaları, içerik yapısını ve konumlandırmayı bozma eğilimindedir, bazen sayfayı yukarı ve aşağı iterek yüksek bir CLS ve kötü bir sayfa deneyimi puanına neden olur.
- Ekranın altına yeni UI öğeleri ekleyin: Bir kullanıcı web sitenizdeki bir sayfaya göz attığında, öğelerin olduğu yerde kalmasını bekler. UI öğeleri ekleyerek bunun olmasını ve sayfa içerik yapısının etkilenmemesini sağlayabilirsiniz.
- Medya için set size öznitelik boyutlarını kullanın: Videolar, resimler, GIF'ler, infografikler veya diğer medya öğeleri gibi medya için bir set size öznitelik boyutu kullanmak önemlidir. Bunu yapmak, o öğenin o sayfada ne kadar yer kaplayacağını size gösterecek ve böylece web sayfanızı benzeri görülmemiş içerik yanlış yerleşiminden korumanıza yardımcı olacaktır.
Web Sitesi Tasarım ve Geliştirme Hizmetlerimiz, Önemli Web Verileri Puanını optimize etmeye yardımcı olur.
Web Hayati Puanı Nasıl Ölçülür:
Artık üç temel web hayati değerinin ne olduğunu bildiğinize göre, bunu ölçmenize yardımcı olacak bazı araçlar burada.
- Google'ın Arama Konsolu: Temel web hayati bilgilerinizi analiz etmek için bir başka güçlü ve son derece kullanışlı araç, Google Arama Konsolu'dur. Geliştirmeler bölümünün altında, her web sitesi denetimi yaptığınızda kontrol edebileceğiniz benzersiz bir temel web hayati raporuyla birlikte gelir. En iyi bölüm: Tek bir web sayfasının sayfa performansını göstermek yerine, arama konsolu size tüm web sayfası performans verilerini tek seferde gösterir.
- PageSpeed Insight: Google'ın PageSpeed Insight'ı, yapabileceğiniz iyileştirmeler hakkında değerli tavsiyelerin yanı sıra web sayfanızın temel web hayati değerlerini gösteren güçlü bir araçtır.
- Lighthouse: Lighthouse, temel web hayati değerlerinizi ölçmek için kullanabileceğiniz başka bir Google aracıdır. Önceden PWA'ları denetlemek için tasarlanmıştı, şimdi performansı izlemek için güçlü bir araca dönüştü. Ekstra özellikler ve SEO kontrolleri ile donanmış olan deniz feneri, web sayfanızın hızını ve sayfa deneyimi verilerini analiz etmek için güçlü bir araç olarak uygun bir şekilde tanımlanabilir.
- GT Metrix: GT Metrix, bir web sitesi performans testi ve izleme web sitesidir. LCP, TBT ve CLS performansınızı değerlendirmek için kullanabileceğiniz ücretsiz bir araçtır.
Screaming Frog kullanarak Önemli Web Verileri nasıl denetlenir:
Temel web hayati bilgilerini denetleme kavramı nispeten yenidir. Hazırlıklı olmak ve web sitenizin temel web özelliklerini optimize etmek isteyenler için, özellikle premium üyeliğine zaten bir aboneliğiniz varsa, Screaming Frog gibi bir araç kullanmak yardımcı olabilir.
İşte ihtiyacınız olacak:
- Screaming Frog'un ücretli versiyonu.
- Bir PageSpeed Insights API anahtarı.
- Denetlemek istediğiniz web sitelerinin etki alanı.
Hadi başlayalım.
1. Adım: PageSpeed Insights API Anahtarını Screaming Frog'a bağlayın
Temel web hayati değerlerinizi optimize etmek için Screaming Frog'u kullanmanın 1. adımı, PageSpeed Insights API Anahtarınızı buna bağlamayı içerir. Bunları bağladığınızda, Screaming Frog kontrol panelinizde PageSpeed Insights verilerine ve tavsiyelerine sayfa sayfa erişebilirsiniz.
İşte izlemeniz gereken adımlar:
- Screaming Frog → Yapılandırma → API Erişimi → PageSpeed Insights'ı açın.
- API Anahtarınızı PageSpeed Insights'tan 'Gizli Anahtar' kutusuna sayfalayın.
- ' Bağlan ' düğmesini tıklayın.
- 'Bağlan'a tıkladıktan sonra, ' Metrikler'e tıklayın.
- Denetlemek istediğiniz metrikleri seçin ve ' Tamam'ı tıklayın.
Adım 2: Web Sitesini tarayın.
Bir sonraki adım, web sitenizi taramayı içerir.
Tek yapmanız gereken, taramak istediğiniz web sitesinin alan adını 'Örümcek için URL'yi girin' yazan kutuya girmek. Girişi yaptıktan sonra, 'Tara' ve 'API' ilerleme çubuğunun yüklenmesini bekleyin.
%100'e yüklendikten sonra verilerinizi analiz edebilirsiniz.
Adım 3: Sorunu ilgili makamlara bildirin.
Araç verilerinizi yükledikten sonra, web sitenizdeki tüm web sayfalarının bir derlemesini alacaksınız. Burada, minimum Önemli Web Verileri eşiklerini geçemeyen web sayfalarının sayısını yüzde rakamları cinsinden analiz etmeniz gerekir.
İşte izleyebileceğiniz bazı adımlar:
- Üst gezinme çubuğuna tıklayın.
- Sayfalandırma'yı tıklayın.
- Açılır menüden Sayfa Hızı'na tıklayın.
- Dışa Aktar 'ı tıklayın.
Verileri dışa aktardıktan sonra aşağıdaki sütunları doldurun:
- En Büyük İçerikli Boyama Süresi (ms): 4000ms LCP veya daha fazla olan sayfaları bulmak için bir filtre koyun.
- Toplam Engelleme Süresi (ms): 300ms TBT veya daha fazla olan sayfaları bulmak için bir filtre koyun.
- Kümülatif Düzen Kayması: 0,25 CLS veya daha fazla olan sayfaları bulmak için bir filtre koyun.
Bu verilere dayanarak, bir rapor oluşturabilir ve bir müşteriye gönderebilirsiniz. Kurum içi sayfa deneyimi optimizasyon gereksinimleriniz için bu denetimi yapıyorsanız, bu verileri ilgili ekibe gönderebilirsiniz ve onlar da buna göre sayfa optimizasyonlarını gerçekleştirebilirler.
4. Adım: Önerilerle sayfa bazında sorunları bildirin.
Şimdi, bu ilginç hale geldiği adım. Artık web sitenizdeki minimum Temel Google Web Vitals standartlarını karşılamayan sayfaların yüzdesinin farkındasınız. Sıradaki ne?
Hedeflemek istediğiniz metriğe dayalı olarak ilgili sorunların düzgün bir derlemesini yapın. İşte yapabilecekleriniz:
- 'Genel Bakış' sekmesinin sağ tarafında Sayfa Hızı'na gidin.
- Burada, temel web hayati değerlerinizi iyileştirmeye yönelik olası çözümler de dahil olmak üzere web sitenizin sayfa hızıyla ilgili sorunları ve önerileri bulacaksınız.
- Sayfa hızı açılır menüsü, aşağıdakiler gibi çeşitli metrikleri içerecektir:
- Oluşturmayı engelleyen kaynakları ortadan kaldırın (LCP'yi etkiler)
- CSS'yi küçült (LCP'yi etkiler)
- JavaScript'i küçült (FID'yi etkiler)
- Kullanılmayan CSS'yi kaldırın (LCP'yi etkiler)
- Kullanılmayan Javascript kaldırıldı (FID'yi etkiler)
- (ve daha fazlası)
- Etkilenen sayfaların sayısını görmek için bir soruna tıklayın ve bu verileri çalışma sayfanıza aktarın. Bunu yapmak, ilgili sorunlarla birlikte tüm URL'leri dışa aktarmanıza yardımcı olacaktır.
- Verilere dayanarak, bu unsurların web sayfanızdan kaldırılması veya ertelenmesi ile ilgili bir karar çağrısı yapabilirsiniz.
Ek Okuma: Sayfa Hızı SEO Nedir?
Adım 5: Denetim ve optimizasyon sonrası siteyi tekrar tarayın ve karşılaştırın.
Temel google web vitals'ınızı etkileyen faktörleri belirledikten sonra optimizasyonları yapabilirsiniz. Optimizasyon sonrası işiniz, sonuçları değerlendirmek için sitenizi tekrar taramak.
Optimizasyon sonrası minimum temel web vitals gereksinimlerini karşılamayan web sayfalarının yüzdesini, optimizasyon öncesi sayılarla karşılaştırın.
Dikkate Almanız Gereken Diğer Sayfa Deneyimi Faktörleri:
Google'ın kullanıcı deneyimi için gerekli gördüğü en önemli ek faktörlerin listesi aşağıda verilmiştir:
- Güvenli gezinme: Web siteniz güvenli gezinmeye izin vermiyorsa, sayfa deneyimi standartlarının ihlali olarak görülecek ve düşük sayfa deneyim puanı alacaksınız. Bu nedenle web sitenizin kötü amaçlı veya kötü amaçlı yazılım gibi aldatıcı içerik içermediğinden emin olun. Google'ın Güvenlik Sorunları Raporunda web sitenizin güvenlik uygunluk standartlarını kontrol edebilirsiniz.
- HTTPS: HTTPS ile başlayan web sitelerinin güvenli bir site bağlantısına sahip olma olasılığı daha yüksektir. HTTPS ile başlayan bir web siteniz yoksa web sitenizi HTTPS ile nasıl güvence altına alacağınızı buradan öğrenin.
- Mobil uyumluluk: Google'ın Mobil Uyumluluk Testini kullanarak web sayfanızın mobil uyumlu olup olmadığını kontrol edin. Web sayfanız bu hızlı değerlendirmede 'mobil uyumlu' görünmüyorsa, web sitenizi cep telefonları ve tabletler için optimize etmek için stratejiler uygulayın. Diğer şeylerin yanı sıra, UX ve UI'yi iyileştirmek ve tuval dışı gezinmeyi mükemmelleştirmek yardımcı olabilir.
- Müdahaleci geçiş reklamları yok: Web sayfanızdaki içeriğe bir kullanıcı kolayca erişebilmelidir. Eksikliği, sizi düşük bir sayfa deneyimi puanı ile indirebilir. Web sayfası içeriğini kullanıcılarınız için daha erişilebilir hale getirmek için kaçınmanız gereken en önemli şeyler şunlardır:
- Web sitenizin içeriğinin çoğunu engelleyen açılır pencereleri kullanmaktan kaçının.
- Tüm ekranı kaplayan bağımsız bir geçiş reklamı görüntülemekten kaçının. Bir kullanıcının ana içeriğe erişmeden önce onu kapatması gerektiğinden bu müdahalecidir.
Çözüm:
Google, Mayıs 2021'de temel web vitals'ı önemli bir sıralama sinyali olarak kullanıma sunmaya hazır. Şirketlerin web sitelerini bu önemli sıralama kriterleri için önceden optimize etmesi günümüzün en önemli ihtiyacı.
Bu blogda, web temel yaşamsal bilgilerinizi geliştirmek için atabileceğiniz çok gerekli adımları gösterdik. Temel web vitals'ın ne olduğunu, temel web vitals için en önemli üç metriği ve iyi bir temel web vitals SEO puanı için web sayfanızı optimize etmek için neler yapabileceğinizi tartıştık.
Ayrıca, Screaming Frog'u web sitesi denetimi için kullananlar için sayfa deneyimini analiz etmek için hızlı bir tüyo hazırladık. Umarız burada verdiğimiz bilgiler yardımcı olmuştur. Google sıralamanızı korumak için bunları web sitesi optimizasyon stratejinize uygulayın.
Herhangi bir şüpheniz veya sorunuz varsa, yorumlar bölümünde bize bildirin.
Sizden haber almak isteriz.