WordPress için Google Core Web Vitalleri – Tam Kılavuz
WordPress sitenizin başarılı olması için güçlü bir kullanıcı deneyimi (UX) sağlamalıdır. Bununla birlikte, sitenizin performansını değerlendirmek ve ölçmek, özellikle hangi metriğin en çok ilgili olduğundan emin değilseniz, zor olabilir.
Neyse ki, Google’ın sadece web canlıları olarak da bilinen temel Web Vitals, görevi kolaylaştırır. Bu ana sıralama sinyali toplama ve performans metriği, Google’ın herhangi bir web sitesi tarafından sağlanan sayfa deneyimini değerlendirmeye ve değerlendirmeye yardımcı olma girişimidir.Bu yazıda, Google Core web hayati yaşamlarının ne olduğunu, neden önemli olduğunu ve web sitenizde nasıl test edileceğini açıklayacağız. O zaman size WordPress sitenizin hayati ağını nasıl geliştireceğinize dair ipuçları vereceğiz. Başlayalım!
Bu makalede
Google Core Web Vitals nedir?
Hayati web çekirdeği neden önemlidir?
Çekirdek Web Hayati Testi – Web Sitem Nasıl Ölçüyor?
WordPress’te hayati web çekirdeği nasıl artırılır
Sık Sorulan Sorular (SSS)
Paketlemek
Google Core Web Vitals nedir?
Google Core Web Vitals, ziyaretçilere verilen sayfaların kalitesini ölçen performans metriklerinin bir koleksiyonudur. ‘Çekirdek’ Web canlıları, sizin ve diğer site sahiplerinin en önemli metriklere öncelik vermesini kolaylaştırmayı amaçlayan bir Google girişimi olan ‘Web Vitals’in bir parçasıdır.
Her hayati web çekirdeği ölçülebilir ve Google’ın sıralama sinyalinde rol oynar. Google, bu web hayati yaşamlarının zamanla gelişeceğini ve gelişeceğini açıkladı. Bununla birlikte, şu anda esas olarak UX’in üç ana yönüne odaklanmaktadır:
Yük
Etkileşim
Görsel istikrar
Bu yönlerin her birinin kendi metrikleri vardır:
En büyük içerikli boya (LCP), keçe yükleme süresini veya web sitenizin ana içeriğinin görünmesi için gereken süreyi ölçer. İdeal olarak, LCP, sayfa yüklenmeye başladıktan sonra 2.5 saniye içinde gerçekleşmelidir. İlk giriş DEAY (FID) etkileşim için bir metriktir. Katı UX sağlayan sayfalar genellikle 100 milisaniyeden fazla (MD) FID skoruna sahiptir.
Kümülatif düzen (CLS) kayması görsel kararlılığı ölçer, bu da kullanıcıların sitenizin düzeninde beklenmedik değişiklikleri nasıl yaşadığı anlamına gelir. En iyi performans için, bu metrik 0.1’den az olmalıdır.
Google şimdi, sayfa hızı ve kullanıcı etkileşiminin ölçümünü ‘sayfa deneyiminin’ önemli bir göstergesi olarak görüyor. Aslında, bu yılın başlarında Google, mevcut sinyalleri çekirdek web hayati yaşamlarıyla birleştirmek için yeni sıralama faktörleri, sayfa deneyimi sunacaklarını açıkladı.
Çekirdek Web Vitals, Google’ın web sitenizin ölçüm ve iyileştirme sürecini basitleştirmeye yardımcı olma girişimidir. #Wordpress tweet için tıklayın
Hayati web çekirdeği neden önemlidir?
Bir web sitesi sahibi olarak, kaliteli UX sağlamak çevrimiçi işinizin başarısı için çok önemlidir. Kötü UX, yavaş yükleme süresinin veya karmaşık navigasyonun neden olduğu gibi, alışveriş sepetlerinin oranında ve daha fazla ihmaline neden olabilir.
Çekirdek Web canlıları önemlidir, çünkü WordPress sitenizin performansını ölçmenize yardımcı olur. Sitenizin UX’ini değerlendirmek için izleyebileceğiniz ve test edebileceğiniz somut metrikler sağlarlar ve daha sonra gerektiğinde bir artış sağlarlar.
Dahası, temel web verileri, sayfa deneyiminizi ve performansınızı belirlemeye ve değerlendirmeye yardımcı olmak için Google tarafından görülen bir metriktir. Önceki bölümde tartıştığımız gibi, bu sayfanın ne kadar hızlı yüklendiğini, sayfanın etkileşimli olup olmadığını ve sayfa stabilitesini içerir. Ancak, sayfa deneyimi resmi bir sıralama faktörü olduğundan, Google bu temel web verilerini diğerleriyle birleştirecektir Sinyaller, örneğin:
HTTPS
Hücresel dostu
Can sıkıcı pop-up eksikliği
Güvenli arama
Buna ek olarak, her çekirdek web verileri bir sıralama sinyali olduğundan, arama motorunuzun (SEO) optimizasyonunda da önemli bir rol oynarlar. Web sitenizi temel web canlılarında nasıl test edeceğinizi ve ölçeceğinizi kontrol edin, yalnızca UX’ini arttırmakla kalmaz, aynı zamanda ilgili aramada sitenizin daha yüksek sıralamasına yardımcı olabilir.
Çekirdek Web Hayati Testi – Web Sitem Nasıl Ölçüyor?
Temel web verilerinizi ölçmek, test etmek ve raporlamak için kullanabileceğiniz birkaç araç vardır. Bu, Google PagePeed Insights, Google Arama Konsolu, Web Vitals uzantısı ve daha fazlasını içerir. Her seçeneğin avantajlarına ve nasıl ve ne zaman kullanılacağına bakalım:
Google PagePeed Insight
Google Arama Konsolu
Hayati web uzantısı
Chrome geliştiricisi
Web Sayfası Testi
Google PagePeed Insight
Bu ilk çözüme alışkın değilseniz, PagesPeed Insights, web sayfalarınızı hız ve performansı kontrol etmek için kullanabileceğiniz popüler bir araçtır:
Ancak bu, web verilerinizi ölçmek için de kullanışlıdır. Bu araç size alan verilerini ve laboratuvarı içeren kapsamlı bir raporun yanı sıra çekirdek web verilerini (LCP, FID ve CLS) oluşturan ana metrikleri kullanır. Bunu kullanmak için URL’nizi giriş sütununa girin ve analize tıklayın buton. Aradığınız web verileri alan verileri bölümünde listelenecektir:
PagePeed Insights’dan en çok sevdiğimiz şeylerden biri, size teşhis ve sitenizi daha iyi hız ve performans için nasıl geliştirebileceğiniz şansı vermesidir: Bu aracın bir diğer avantajı, gerçek tarayıcı verilerine dayanmasıdır. PagePeed Insights kullanmak, sitenizin temel web verileri açısından konumunu hızlı bir şekilde anlamanıza olanak tanır. Daha sonra bu, sitenizde kötü bir puana katkıda bulunabilecek herhangi bir sorunu çözmek için atabileceğiniz birkaç basit adım verir.
Google Arama Konsolu Hayati web’inizi test etmek ve ölçmek için silahlarınıza eklenecek bir sonraki araç Google Arama Konsolu: Google yakın zamanda buraya erişebileceğiniz yeni bir Web Vital Core raporu ekledi. Web sitenizin sahipliğini doğruladığınızı ve Google Arama Konsolunu kullandığınızı varsayarsak, Geliştirme Bölümü altında gerçek dünya kullanıcılarına dayanan bu raporu bulabilir ve açabilirsiniz:
Bu rapor, web sitenizdeki web ve bir bütün olarak UX verilerine zarar veren potansiyel sorunları belirlemenize ve öğrenmenize yardımcı olabilir. Ayrıca, sitenizde aynı sorundan etkilenen sayfa grubunu belirlemenize yardımcı olur.
PagePeed Insights ve Google arama konsolundaki veriler Chrome Kullanıcı Deneyimi Raporundan (Crux) toplanır. Ancak, Google Search konsolunu kullanmanın avantajı, her sayfayı analiz etmek yerine Sitenizdeki LCP verilerini kontrol etmenize izin vermesidir. Google Chrome ayrıca hayati webinize erişmek için kullanabileceğiniz bir uzantı sunar: Chrome Web Vitals uzantısı, FID veya CLS ile ilgili deneyimleyebileceğiniz problem çözmeyi kullanabilir ve kolaylaştırır. Kendi web sitenizde ve interneti keşfettiğinizde kullanabilirsiniz.
Bu ışık uzantısı, her bir metriği Web-Vital kütüphanesini kullanarak ölçer ve tarayıcınızda size gösterir. Bu, sitenizin performansını ve rakibinizin web sitesini görmek için hızlı ve basit bir yol sağlar.
Kullanmaya başlamak için Chrome web mağazasını ziyaret edin ve uygulamayı bulun. Bulduktan sonra Chrome’a ekle düğmesini tıklayın. Onay açılır penceresi göründüğünde, Uzantı Ekle’yi seçin:
Uzatma kurulduktan sonra, kutu krom tarayıcınızın sağ üst köşesine eklenecektir. Web sitesinde olduğunuzda, kutuyu tıklayabilirsiniz ve pencerede üç temel web verisi görünecektir: Kutunun renginin web canlılığının performansına bağlı olarak değişeceğini unutmayın. Örneğin, her şey kabul edilebilir bir aralıktaysa, kutu yeşil olacaktır. Bir veya daha fazla metrik kötü bir UX gösterirse, kırmızıya dönecektir (dikkatinizi gerektiren bir metrik gibi). Uzantı açtığınız siteye erişip test edemezse, kutu gri olacaktır.
Bu, temel ve doğrudan bilgi sağlayan basit bir uzantıdır. Metrikler dışında çok fazla bilgi mevcut olmasa da, bu verileri hızlı bir şekilde almanın kolay bir yoludur. Chrome geliştirme aracı
Bu metriği daha ayrıntılı olarak görmek için, laboratuvar ortamında temel web verilerinizi ölçmek için Chrome Devtools’u (ve daha spesifik olarak deniz feneri) kullanabilirsiniz: Bununla birlikte, bu yöntem esas olarak LCP ve CL’leri ölçmek için kullanılmalıdır. Bu aracın sayfanızı gerçek kullanıcı girişi olmadan bir simülasyon ortamında içerdiği göz önüne alındığında, bu araç FID için ölçümler sağlayamaz. Bunun yerine, Total Engelleme Süresi (TBT) adı verilen benzer bir metrik kullandı. Web Sayfası Testi
Vitalleriniz hakkında bilgi ölçmek ve toplamak için kullanabileceğiniz son aracımız WebPagetest’tir:
Bu bağımsız platform, WordPress sitenizin web canlıları da dahil olmak üzere çeşitli yönleri için raporlama sunar. Bu, belirli cihazlarda ve ağ koşullarında sitenizin performansı ve UX’i hakkında bilgi edinmek için çok yararlı olabilir.
Web Sitesi URL’inize girdikten sonra, başlamak için Test Başlangıç düğmesine tıklayabilirsiniz. Testi çalıştırmak için konumu ve kullanmak istediğiniz tarayıcıyı da seçebilirsiniz. Sonuçlar sayfasında, web hayati değerlerine adanmış parçalar vardır:
Burada, WordPress sitenizin bu metriklerin her birini nasıl test ettiğini görebilirsiniz. Bunlardan biri kırmızı ile vurgulanırsa (yukarıdaki örnekte CL’ler gibi), metrik için puanınızı artırmaya çalışmanız gerektiğini bileceksiniz.
Buna ek olarak, aşağı kaydırırsanız, sonuçlar sayfasının test sırasında yapılan talebin ayrıntılı bir görüntüsünü gösterdiğini göreceksiniz. Orada, sitenizde bu puanı düşüren hangi sayfalar ve içerik hakkında daha spesifik bilgi alabilirsiniz. WordPress’te temel web’inizi nasıl artırabilirsiniz? Artık Core Web Vitalleri ve WordPress siteniz için neden önemli olduğu hakkında biraz daha fazla anladığınıza göre, mülkünüzü nasıl artırabileceğinizi görmenin zamanı geldi. Hayati web’inizi test etmeyi bitirdikten sonra, hangi metriğin daha iyi olabileceği daha net bir resminiz olacak.
WordPress sitenizdeki temel web hayati yaşamlarını artırabileceğiniz çeşitli yollara bakalım.
En büyük içerikli kedi (LCP) nasıl artırılır
Kümülatif Düzen (CLS) Vardiyası Nasıl Artırılır
Hayati web çekirdeğini artırmak için e -kitabı hızlandırın
1 saniyenin altında bir yükleme süresine ulaşmak için 12 adımlık bir kontrol listesi almak için ücretsiz hız e -kitabımızı indirin!
İndirme Al
Ücretsiz e -kitap
Hayati web çekirdeğini artırmak için e -kitabı hızlandırın
1 saniyenin altında bir yükleme süresine ulaşmak için 12 adımlık bir kontrol listesi almak için ücretsiz hız e -kitabımızı indirin!
İndirme Al
Ücretsiz e -kitap
Büyük Boyuncu Boya Nasıl Artırılır (LCP)
İçeriğinizin yüklenmesi uzun sürerse, kullanıcının hayal kırıklığına uğraması ve sitenizden ayrılma şansını artırır. Bu nedenle, kötü bir LCP puanı alırsanız (birkaç saniyeden daha uzun) bu metriği iyileştirmek için gereken adımları atın çok önemlidir.
Tabii ki, kullandığınız çözüm kötü bir puanın nedenine bağlı olacaktır. LCP problemleriyle başa çıkmanın birkaç nedeni vardır. En yaygın problemlerden bazıları, yavaş sunucuların yanı sıra bloke eden JavaScript ve CSS’yi içerir. LCP’yi artırmak için kullanabileceğiniz bazı yöntemler şunlardır:
Büyük unsurları ortadan kaldırın. Web sitenizi test etmek için PagePeed Insights kullanırsanız, sayfalarınızda sorun olan belirli öğeler olup olmadığını size söyleyecektir. Öyleyse, LCP’yi artırmaya yardımcı olmak için kaldırmayı (veya daha küçük yapmayı) düşünebilirsiniz.
JavaScript ve CSS engellemeyi en aza indirin. Sitenizdeki CSS ve JavaScript’i engelleyen kaynak miktarını azaltmak, ana içeriğinizi tam olarak yüklemek için gereken süreyi azaltabilir. Daha fazla rehberlik için, CSS’yi nasıl küçülteceğiniz konusundaki görevimize başvurabilirsiniz.
Tembel yüklemeden yararlanın. Yavaş yükleme, sayfadaki görüntünün yalnızca kullanıcı eğitildikten sonra yüklendiği ve LCP’ye daha hızlı bir seviyede ulaşmanızı sağladığı zamandır. Bunu WP Rocket gibi eklentilerle yapabilirsiniz.
İçerik Dağıtım Ağını (CDN) kullanın. CDN, ziyaretçilerinizin yakınındaki veri merkezinden site içeriğinizi içeren bir sunucu ağıdır. Mevcut ana bilgisayarınız kullanmazsa, WordPress CDN eklentisini deneyebilirsiniz.
Yukarıda LCP’nizi artırmanıza yardımcı olan hiçbir öneri yoksa, belki de web barındırmanızı artırmanın zamanı gelmiştir. Genellikle, barındırma kalitesi ne kadar yüksek olursa, sunucu ve bekleyebileceğiniz genel site performansı o kadar iyi olur.
İlk Giriş Gecikmesi (FID) Nasıl Artırılır Hatırlayabileceğiniz gibi, FID için ideal zaman 100 ms veya daha azdır. Bu nedenle, siteniz bundan daha uzun sürerse, UX’iniz muhtemelen sonuçlara maruz kalacaktır.
FID’yi artırmak için en etkili yöntem JavaScript’inizi optimize etmektir. Bunu yapmanın çeşitli yolları var.
Genel bir taktik JavaScript’i en aza indirmek veya geciktirmektir. Bunu yapmak, JavaScript hala tarayıcıya yüklendiğinde ziyaretçilerin web sitenizle etkileşim kurmasına izin verecektir. Bunu Async JavaScript gibi eklentiler kullanarak yapabilirsiniz:
Bu ücretsiz araç, üst yarısında nöbeti engelleyen JavaScript’i ortadan kaldırmanızı sağlar. Bu sadece FID, sayfa hızını ve UX’i artırmaya yardımcı olmakla kalmaz, aynı zamanda arama motoru sıralamanızı da artırabilir.
FID’yi artırmanın bir başka yolu da gereksiz üçüncü taraf komut dosyalarını silmektir. Çok fazla komut dosyası ağınızı tıkayabilir ve daha yavaş yanıt süresine neden olabilir.
Son olarak, bir önbellek tarayıcısı kullanmayı düşünebilirsiniz. Site içeriğinizin kullanıcının tarayıcısına yüklenmesini kolaylaştırarak, önbellek javascript görevlerini daha hızlı hale getirebilir.
Kümülatif Düzen (CLS) Vardiyası Nasıl Artırılır
Sayfa yüklendiğinde sayfadaki öğeler kaydırılırsa, genellikle yüksek CLS üretir – bu iyi değildir. Görsel istikrarsızlık, kullanıcıların yanlış öğeleri tıklamasına neden olabilir veya sayfa tamamen yüklendikten sonra öğenin neden hareket ettirildiğini karıştırabilir.
İdeal olarak, CL’leriniz 0.1’den fazla olmamalıdır. Bundan daha yüksekse, düzeltmek için atabileceğiniz birkaç adım vardır. Birincisi, görüntünün boyutlarını belirlemektir. Görüntünüzün uzunluğu ve genişliği için öznitelikler ayarlamazsanız, bu CLS puanınızın artmasına neden olabilir. Aynı şey GIF, video ve infografik gibi herhangi bir ortam için de geçerlidir.
Bir diğer önemli husus da dinamik reklamcılıktır. Web sitenizde yer alan tüm reklamların, kullanıcının saat deneyimini çok rahatsız etmeyen özel bir odaya sahip olması gerekir. Örneğin, büyük reklamları sayfanın üstüne yerleştirmek, okuma içeriğini zorlaştırabilir.
CLS puanınızı artırmanın üçüncü yolu, sayfanıza gömme ve iframe için bir yer sipariş etmektir. Bu öğeler belirtilen boyutlara sahip değilse, yüklendiğinde sayfanın düzenini hareket ettirebilir ve etkileyebilir, bu da sonuçta UX’ini engelleyebilir. Google, sayfa deneyimini 2021’de resmi bir sıralama faktörü haline getirdi – siteniz optimize edildi mi?
WP Buffs’taki ekibimiz, web sitesi sahipleri, ajans ortakları ve Freelancer Partners’ın WordPress sitelerini en iyi performans için izlemelerine ve optimize etmesine yardımcı olur. Bir web sitesini yönetmemize veya 1.000 istemci sitesini desteklememize ihtiyacınız olsun, size yardımcı olmaya hazırız.
Hizmetimizi görün
Google, sayfa deneyimini 2021’de resmi bir sıralama faktörü haline getirdi – siteniz optimize edildi mi?
WP Buffs’taki ekibimiz, web sitesi sahipleri, ajans ortakları ve Freelancer Partners’ın WordPress sitelerini en iyi performans için izlemelerine ve optimize etmesine yardımcı olur. Bir web sitesini yönetmemize veya 1.000 istemci sitesini desteklememize ihtiyacınız olsun, size yardımcı olmaya hazırız. Hizmetlerimizi görün
Sık sık sorulan sorular
Temel web veri raporumu nasıl bulabilirim?
Temel Web Veri Raporunuza Google Arama Konsolu’ndan (zaten bir hesabınız olduğu varsayılarak) erişebilirsiniz. Bir arama konsolu hesabı hazırlamadıysanız ve site sahipliğini doğrulmadıysanız, oradan başlayabilirsiniz. Daha fazla rehberlik için bu gönderiye başvurabilirsiniz. Bir rapor bulmak için iyileştirme departmanına gidin. Google Search konsolunun yanı sıra, web canlılarına erişmek ve ölçmek için başka araçları da kullanabilirsiniz. Bunlar arasında sayfa pagaj bilgileri, Chrome Web Vitals uzantıları ve WebPagetest yer alır.
Google resmi bir sıralama sinyali olarak ne zaman ‘sayfa deneyimi’ yaptı?
Google, bu değişikliğin 2021’de başlatılacağını söyledi. Çekirdek web hayati yaşamlarının sıralama algoritmasının bir parçası olacağı resmi bir tarih olmamasına rağmen, şimdi gerekli ayarlamaları yapmak akıllı bir şeydir. WordPress sitenizi en kısa sürede optimize etmek, bu önemli metrik için sizi rakiplerinizin önüne koyacak ve işinizi geliştirmenize yardımcı olacaktır.
Saha verileri ve laboratuvar arasındaki fark nedir?
Web sitenizi test ettiğinizde ve temel web verilerinizi analiz ettiğinizde, kullandığınız araca bağlı olarak çeşitli veri türleri bulacaksınız. Örneğin, PagePeed Insights ile raporunuz laboratuvar ve saha verileri içerecekken, yalnızca Devtools ile sonuncusunu alacaksınız. Peki, ikisi arasındaki fark nedir? Basitçe söylemek gerekirse, alan verileri gerçek kullanıcılara ve tarayıcılara dayanır. Laboratuar verileri ise simülasyon ortamından toplanan sentetik verilerdir. FID’nin laboratuvarda ölçülemeyeceğini belirtmek önemlidir. WordPress sitesini çalıştırmanın önemli bir yönü, kullanıcılarınıza olumlu bir UX verdiğinizden emin olmaktır. UX sadece dönüşümünüzü ve oranınızı etkilemekle kalmaz, aynı zamanda SEO’nuz üzerinde de büyük bir etkiye sahiptir. Bu nedenle, web sitenizi optimize etmek için Google’ın temel web verilerine (LCP, FID ve CLS) dikkat etmenizi öneririz.
Bu yazıda tartıştığımız gibi, bu performans metriği, ziyaretçilerin sitenizde sahip olacağı sayfanın deneyimini değerlendirmek için önemlidir. Web sitenizi test etmek, web canlılarınızı ölçmek ve puanınızı artırmak için gereken değişiklikleri yapmak için Google PagePeed Insights, Google Arama Konsolu ve Web Vitals Extension gibi araçları kullanabilirsiniz.
WordPress sitenizi korumak ve optimize etmek için yardıma ihtiyacınız varsa, yardımcı olabiliriz. Daha fazla bilgi edinmek için beyaz etiket bakım planımıza ve çözümlerimize bakın!
Cevabınızı vermek mi yoksa sohbete katılmak ister misiniz? Twitter’a yorumlarınızı ekleyin.
