WordPress’te Google Core Web Vitals: Sitenizi Nasıl Optimize Edilir
Sitenizi Google Core Web Vitals için optimize etmeyi başardınız mı? Hayır diyebilirsin, sorun değil. Yalnız değilsiniz. Aslında, SearchMetrics ilk 2 milyon sitenin% 96’sının [1] çekirdek web canlılığını test etmede başarısız olduğunu buldu. Ben bir matematikçi değilim, ama kulağa çok benziyor. Google Core Web Vitals, Google’ın web sitenizi analiz etmesine yardımcı olan en son araçtır. Google, web sitelerinin sıralamasını belirlemek için hız, içerik kalitesi ve hücresel misafirperverlik gibi şeyleri kullanacaktır. Yani, sıralamanız iyiyse, biraz rahatlayabilirsiniz.
Ama sadece biraz çünkü rakipleriniz onları zirveye çıkaracak avantajlar arıyor. Onların önünde nasıl kalabilirsiniz? Google tarafından da istenen olağanüstü bir kullanıcı deneyimi sunarsınız. Web siteniz harika bir deneyim ve harika içerik sağlarsa, büyük ödüller alacaksınız. Bu makalede, böyle bir web sitesi oluşturmanıza yardımcı olacağız. Google Core Web canlılarına dalarak başlayacağız, böylece ne anlama geldiğini ve neyin ölçüldüğünü tam olarak biliyorsunuz. Ardından, her zaman temel web verilerini geçen sayfalar oluşturmak için en iyi ipuçlarımızı paylaşacağız.
Zaman çizelgesinde değişiklikler olmasına ve güncelleme -Haziran ortasına kadar başlatılmayacak olsa da, hala yapılması gereken çok fazla işimiz var. Başlayalım! İçerik Listesi:
Hayati Web’in çekirdeği nedir?
En büyük içerik boyası
Kümülatif Düzen Değişimi
İlk girişte gecikme
Google Core Web Vitals Puanınızı Nasıl Test Edersiniz (ve Okur)
Puanımı artırmak için ne yapabilirim?
GÜNCELLEME #GOOGLE ‘Çekirdek Web Vitals’ Geliyor: Tweet için #Situs Web andaclic’i hazırlamanıza yardımcı olacak ipuçları
Google Core web hayati nedir (ve neden dikkat etmeniz gerekiyor)? Google’ın güncellemesi sizin değilse, heyecanın ne olduğunu merak ediyor olabilirsiniz. Ayrıntılara bakalım.
Mayıs 2020’de Google, arama sıralamasına, Core Web Vitals’e yeni bir ek olduğunu duyurdu. Bunun gibi duyurular genellikle birisi için çok fazla iş anlamına gelir. Web sitesinin sıralamasını belirlemek için kullanılan 200’den fazla benzersiz faktörle [2], Google’ın sıralaması her şeyi içerir. Hatta alan adı yaşınızın sıralamanızda birkaç rol oynadığını bile göreceksiniz. Bu durumda, Google Core Web Vitals kullanıcı deneyimine veya web sitenizi kullanmak gibi bir his üzerine odaklanır. Gelecekte, Google Core Web Vitals çeşitli metriklere sahip olacak, ancak 2021 güncellemeleri üçü içeriyor: en büyük içerik boyası (LCP), bir kümülatif düzen (CLS) kayması ve ilk giriş gecikmesi (FID).
LCP’nizin en büyük kedi içerikli (LCP), içeriğin çoğunu indirmenin ne kadar sürdüğünün boyutudur. Bir görüntü veya sadece metin olabilir. Her neyse, yüklendikten sonra web sitesi hazır hissediyor. Daha da iyisi, en büyük boya içeriği yalnızca kullanıcının görünümünde içeriği ölçer. Alt Paro’daki herhangi bir görüntü LCP puanınızda hesaplanmayacaktır. Mezuniyet sonuçları almak istiyorsanız, LCP’nize 2,5 saniyeden daha kısa bir sürede ihtiyacınız var. Kümülatif düzen (CLS) Shift CLS, yükleme işlemi sırasında sayfanızın stabilitesini ölçer. Bu, görüntü yüklendiğinde veya yazı tipleri anahtar kuvveti olduğunda ortaya çıkabilecek tüm kaymaları ölçer. Düğmeler gibi şeyler bile sayfada beklenmedik değişimler yapabilir. Elementleriniz aniden hareket ederse (ve 0.1’den fazla), üstesinden gelinmesi gereken CLS sorunlarınız vardır. İlk giriş gecikmesi (FID) FID, tarayıcının ne kadar hızlı etkileşimli hale geldiğini ölçer. Bu ziyaretçinin bir şeyler yapabileceği ve tepki alabileceği anlamına gelir. Bu, bağlantıyı tıklamak, düğmeye basılma veya onay kutusunu tamamlama gibi şeyler içerir. Kullanıcı formda veri girme ve 100 MD içinde anket gibi şeyler yapabilirse bu metriği geçebilirsiniz.
Google Core Web Vitals Puanı Nasıl Test Edilir (ve Okur) Çekirdek Web Vitals ile ilgili harika şeylerden biri kullanıcı dostu yaklaşımıdır. Bu, test edilmesi zor (özellikle anlaşılan) bir grup gizemli metrik değildir. Tersine, web sitenizi test etmek ve geliştirmek için bir dizi resmi Google aracı ile her şey çok kolay olabilir.
Test açısından, iki ana kategoriyi bilmeniz gerekir: laboratuvar testi ekipmanı ve saha test ekipmanı. Saha test aracı, Chrome Kullanıcı Deneyimi raporuna katılan gerçek kullanıcılardan alınan gerçek dünya verileriyle desteklenmektedir. Bu onları çekirdek web hayati yaşamları için daha değerli kılar. İki seçeneğe odaklanacağız: Google Arama Konsolundan Google Core Web Vitals raporu.
Alan sonuçları ve laboratuvarına sahip sayfanın hız anlayışını test edin.
Hangi URL’lerin sorunlu olduğunu söyleyeceği için Google Core Web Vitals raporuyla başlayalım.
Bir konsolda bulunduktan sonra Google Arama Konsolunu Kullanma, Deneyim → Çekirdek Web Vitals’ı bulmak için aşağı kaydırın. Buraya tıklamak, iyi olarak kategorize edilen, geliştirilmesi veya kötü olarak kategorize edilen her URL ile eksiksiz bir site raporu açacaktır.
En Google Search Console hazırlamadıysanız, Google Search Console’ı WordPress ile kullanma kılavuzumuzu okumak için bir dakikanızı ayırın.
Hangi temel web veri metriklerinin en çok sorun olduğu hakkında daha spesifik bilgi almak için raporu açın.
Türü tıklarsanız, daha fazla bilgi için Speed Insights sayfasında test edilebilecek tam bir URL listesi alacaksınız.
Sayfa hızının hızını kullanın Sayfa URL’nizi girin ve teste başlamak için analizi tıklayın. Varsayılan olarak ilk olarak hücresel sonuçları gösterecek analizi tamamlamak uzun sürmemelidir. Ancak, yeni testler yapmadan hücresel ve masaüstünden çekirdek web verilerini görebilirsiniz. Sonuçları sayfanın en üstünde bulacaksınız:
Bu nedenle, değişiklik yapmaya karar verdiyseniz, önce en iyi performans gösteren WordPress ana bilgisayarımızın oranını okuyun. Ancak, gerçekten acele ediyorsanız, aşağıdaki tabloya bakın:
Standart optimizasyona ek olarak, yukarıdaki ana bilgisayarların her biri çeşitli sunucu tarafı önbellekleri sunar. Önbellekleme, sitenizin HTML sürümünü almayı kolaylaştırmak için sunucunuzda saklama işlemidir. Sunucu tarafı önbelleklemesinin yönetilmesi ve yapılandırılması karmaşık olabilir, bu nedenle potansiyel ana bilgisayarınıza işlemi sormanız gerekir.
Bununla birlikte, önbellek eklentilerini kullanarak, tüm ana bilgisayarlar sunucu tarafı önbellekleme sunmaz, ancak avlu önbellek eklentileri ile bazı avantajlardan yararlanabilirsiniz. Sayfa seviyesinde önbellekleme bile en büyük içerik boyanızı artırmak için yeterince hızlı içerik sağlar. Bir eklenti kullanırken, WP Super Cache’yi tavsiye edeceğim çünkü basit ve gelişmiş seçeneklerle (ön yük gibi) tamamen ücretsiz (artış olmadan). WP Super Cache ne kadar kolay kullanılır? Bir göz atın: Eklenti yüklendikten ve etkinleştirildikten sonra ayarları Ayarlar → WP Super Cache aracılığıyla açın. Kolayca tıklayın ve önbelleklemeyi etkinleştirin, ardından durumu güncelleyin. Belli bir noktada önbelleğinizle ilgili bazı sorunlar yaşayacaksınız. Sadece önbellek olan çok fazla sayfanız olmayacak, aynı zamanda sitede yeni değişiklikler görünmeyecek. Bu olursa, önbelleği kaldır’ı tıklayarak önbelleği boşaltabilirsiniz. WP Super Cache ayrıca en popüler sayfanızı yükleme seçeneği sunar. Ancak, Pramuep değerli kaynaklar alacaktır, bu nedenle akıllıca seçmeli ve CPU’nuzu her gün izlemelisiniz. Kolayca hazırlayın. Pramuep seçeneğini tıklayın. Normal önbellek tazelemesini ve eski dosyanın silinip silinmeyeceği ayarlayabilirsiniz.
Ayarlardan memnun kaldığınızda, başlamak için önbellek önbelleğine basın. Önbellekleme işlemi tamamlandıktan sonra, dosya sunucudaki WP-Content/Cache klasöründe olacaktır.
Görüntünüzü görüntüler gibi optimize edin. Ve hepimiz birçoğunu kullanıyoruz, değil mi? Ancak, görüntüler hayati web çekirdek puanınıza zarar verebilir. Bunun birkaç nedeni var:
Görüntüler çok ağır olabilir.
Görüntü boyutları çok büyük.
Sayfadaki her görüntüyü yüklersiniz. Görüntüler sunucunuzdan dünyanın dört bir yanındaki insanlara gönderilir. Neyse ki, yukarıdakilerin hepsini geliştirmenin kolay bir yolu vardır. İlk olarak, resimle ilgili birkaç şeyi düşünün:Her resme ihtiyacınız var mı?
Hangi boyutları kullanıyorsunuz? > 2000px’i hedefliyoruz.
Arka plan için desenleri, gradyanları veya SVG’yi kullanmayı deneyin.
Resmin üst yarısını bir logo ve kahraman görüntüsü ile sınırlayın.
Üst yarıda bir slayt veya Güney Koreli kullanmayın.
Görüntüyü beyan ettikten sonra gerisini optimize edebilirsiniz. Görüntü optimizasyonu, kullanıcınıza daha yakın bir sunucu kullanarak görüntünün boyutunu azaltabilir, boyutlarını artırabilir ve içerik dağıtım ağından (CDN) gönderebilir. Tüm bunlar için Optimole’i tavsiye ederim. Optimole, yukarıdakileri bulutta yaparak sunucunuzun çoğunu kaydeder. Bir yangın anahtarı almak için optimole açın ve kaydolun (bulut işlemlerine erişmek için buna ihtiyacınız var).
Optimole kontrol panelinden hesabınızı doğrulamak için bir e -posta alacaksınız. Yangın anahtarını alın ve WordPress sitenize gidin.
Optimole’i yükledikten ve etkinleştirdikten sonra, ortam menüsünden ayarlara erişim → Optimole. Ateş anahtarınızı yapıştırın ve Connect’e basın.
Ayrıca ölçekli görüntüleri ve tembel yükleri de etkinleştirmeniz gerekir. Görüntü serpme, Optimole’in düzendeki kaymayı azaltmak için cihazlar için (ne olursa olsun) boyut olarak görüntüler göndereceği anlamına gelir. Yavaş yükleme, yalnızca kullanıcınızın görüntüleyebileceği görüntüleri görüntüleyebileceğiniz anlamına gelir. Bu ayarla, optimolün gerisini halletmesine izin verin.
WordPress sitesini çalıştırarak kodu optimize etmek hareketli parçalardır. Temalar ve eklentiler ve onu destekleyen dil arasında, teknik olmayan kişilerin kodu optimize etmesi zordur. Açıkçası, optimize edilmiş bir kod tabanına sahip temayı seçebilir ve şişmiş kodlara sahip eklentilerden kaçınabiliriz. Ayrıca, kodu iki ana yolla optimize edebiliriz: En iyi sonuçlar için ücretsiz WordPress geliştiricisini işe alın.
Bütçe tasarrufu sonuçları için AutoPtimize kullanın.
Bir zayıflık olan AutoPtimize, birçok ayara sahiptir, yani tüm orijinal için kimsenin boyutu olmadığı anlamına gelir. Bu nedenle, tüm JavaScript, CSS, HTML’yi optimize etmeyi güvenli bir şekilde seçebilirsiniz. Bu ayar, boşluklar ve çizgi duraklamaları gibi şeyleri silerek kodunuzu en aza indirir. Minififerlerin dışında, AutOptimize daha fazla bilgi edinmek ve daha fazla test etmek isteyen herkes için harika bir performans seçeneğine sahiptir. Örneğin, CSS ve InLing CSS gibi diğer görevleri kullanarak hızda önemli bir artış elde edebilirsiniz, ancak kullanmadan önce her seçeneği okumanız gerekir. Yazı tipi ve simge, özellikle Google yazı tiplerini kullanmaya kararlıysanız, yazı tiplerinizi işlemek için AutoPtimize kullanabilirsiniz. Kümülatif düzen kaydırmanıza müdahale eden ‘Stil olmadan Flash Metin’i önlemek için Google yazı tipini yüklemeyi bile deneyebilirsiniz. Bazı farklı seçenekleri denemenizi ve siteniz için en iyi olanı görmenizi tavsiye edeceğim. Ne yazık ki, bir element kullanıyorsanız, yine de düzende bir değişim göreceksiniz. Bu sizin durumunuzsa, sistem yazı tipine geçmeyi düşünün. Düzendeki değişim açısından reklam için en iyi uygulama olan reklam, en büyük sorunlardan biridir. Genellikle, reklamlar kötü kullanıcı deneyimi yaratan içeriği düşürür. Neyse ki, en iyi uygulamayı takip ederek kaymayı azaltmak mümkündür. En önemlisi, reklam yerleşimi daha fazla tıklama ve düzeniniz üzerinde etki arasında dengelenmelidir. Örneğin, reklamları görünümün en üstüne koymayın. Son reklam boyutu kaptan daha büyükse, tüm içeriğinizi aşağı itecektir. Reklamın hasarı azaltacağı sayfanın ortasına gidin. En iyi yerleşime karar verdikten sonra, reklamlar için bir yuva sipariş edin. Bu sizi boş alanla bıraksa da, ticaret yapılabilir. Çözüm
Ağustos 2021’den itibaren, temel web veri metriğiniz hatırlanması gereken başka bir sıralama faktörüdür. Sıralamayı iyileştirmek için harika bir araç olmalarına rağmen, iyi puanlar da kullanıcı deneyiminizi geliştirmeye yardımcı olacaktır.
#Website’inizi korumak için ipuçları ile #Google Core Web Vitals’i Anlamak İçin Yeni Başlayan Kılavuz
Tweet için tıklayın
Bu ipuçlarıyla, sonuçlarınızda doğrudan iyileşmeyi göreceksiniz. Daha da iyisi, her seçenek size daha fazla optimizasyon için iyi bir başlangıç noktası verir. Birçok şeyi tartıştık, bu yüzden özet için: Barındırma paketinizi artırmak, sonuçlarınızı iyileştirmeye yardımcı olabilir.
Önbellek eklentisi kullanmak, içerik teslimatını hızlandırır.
Görüntüleri optimize etmek ve CDN kullanmak site performansını artıracaktır.
Kod optimizasyonu ile sitenizin nasıl yüklendiğini kontrol edebilirsiniz.
Yazı tipleri ve önceden yükleme seçimi göz önüne alındığında, hızda bir artıştan yararlanabilirsiniz. En iyi reklam uygulamasını takip ederek, düzendeki değişimi azaltabilirsiniz.
Google Core Web Vitals güncellemesine hazırlanmak için ne yaptınız?Aşağıdaki yorumlarda bize anlatmaktan çekinmeyin.
ÜCRETSİZ KILAVUZU 5 WordPress sitenizi hızlandırmak için önemli ipuçları, basit ipuçlarını takip ederek yükleme sürenizi% 50-80’e kadar azaltın.Ücretsiz Kılavuz İndir
Referans
[1] https://www.searchmetrics.com/knowledge-hub/studies/core-web-vits-study-april-2021 [2] https://www.codeinwp.com/blog/seo-stats/
