Web sitenizi Önemli Web Verileri (Adsense) için nasıl optimize edebilirsiniz?

Önemli Web Verilerini iyileştirme yarışı kolay bir yarış değil. Web sitenizden para kazanmak için Google AdSense gibi bir reklam programına güveniyorsanız daha da zorlaşır.

Google AdSense çalıştıran web sitelerinin Önemli Web Verileri testinde başarısız olma olasılığı, üzerinde Google AdSense olmayan aynı web sitesine göre 10 kat daha fazladır. Bunun nedeni çoğunlukla Google AdSense'in web sitenize eklediği üçüncü taraf isteklerinin ve öğelerinin sayısıdır. Bu varlıkların çoğu optimize edilmemiş, büyük ve kullanıcı dostu değil.

AdSense ve reklam platformlarının dışında, özellikle ekranın üst kısmında çok sayıda optimize edilmemiş görseliniz, JavaScript'iniz ve CSS'niz varsa, Önemli Web Verileri testinde de başarısız olma olasılığınız çok yüksektir.

Önemli Web Verileri testini geçmekte ve performansınızı geliştirmekte zorlanıyorsanız arama motoru Potansiyelleri sıralarken bu makalede pratik çözümler bulacaksınız.

Temel Web Verileri nedir?

Önemli Web Verileri, bir sitenin nasıl iyi bir sayfa deneyimi sunduğunu belirleyen Google Lighthouse tarafından desteklenen metriklerdir. Bir testi çalıştırırken birçok metrik olsa da, en önemli metrikler En Büyük İçerikli Boyama (LCP), İlk Giriş Gecikmesi (FID) ve Kümülatif Düzen Kayması (CLS)'dir.

Google duyurdu Mayıs 2021'den itibaren bu metrikler, arama sonuçlarında web sayfası konumlarını belirlemek için kullanılan sıralama sinyallerinin bir parçası haline gelecek.

Özetle, Önemli Web Verilerinin Web Yöneticileri için bir terör olması değil, web sitelerinin sayfa deneyimini iyileştirmenin bir yolu olduğunu söyleyebilirsiniz.

En Büyük Zengin İçerikli Boya (LCP): LCP, bir web sayfasındaki en büyük görünür resim veya metin bloğunun yüklenmesi için geçen süreyi ölçer. Görünen en büyük metin veya resim hızlı yüklenirse, resimlerinizin ve metninizin geri kalanının hızlı yükleneceği algılanır. Geçmek için gerekli yükleme süresi 2.5 saniye.

İlk Giriş Gecikmesi (FID): FID, web sayfası etkileşimini ölçer. Bu, bir kullanıcı sitenizi tıkladıktan sonra tarayıcının olay işleyicileri işlemeye başlamasının ne kadar süreceğine göre belirlenir. Buna yaygın olarak web sitenizin İlk izlenimi denir. Geçmek için gerekli süre Milisaniye 100.

Kümülatif Düzen Kaydırma (CLS): CLS, bir web sayfasında meydana gelen düzen kaymasını ölçer. Bir web sayfası yüklendiğinde ve sonra aniden bir şey göründüğünde veya kaybolduğunda ve sayfanın daha büyük veya daha küçük olmaya ayarlanması gerektiğinde, ölçülen şey bu kaymadır. Kullanıcı deneyimi için korkunç ve katılıyorum. Geçmeniz gereken puan 0.1.

Web sitenizi Önemli Web Verileri için nasıl optimize edebilirsiniz?

Web sitenizi optimize etmek için şu adımları izleyin:

1. Hızlı bir web barındırıcısıyla başlayın

Çok kötü yanıt süresi olan bir web barındırıcınız varsa, burada listeleyeceğim diğer her şey istenen sonuçları vermeyebilir. Sunucunuz isteklere ne kadar hızlı yanıt verirse o kadar iyidir.

Hızlı İlk bayta ulaşma süresine (TTFB) sahip bir web barındırıcısı neden önemlidir? Bazıları TTFB'nin önemli olmadığını iddia edecek, ama önemli. Diğer her şeyin temeli budur. İnternetin yavaş olduğu şehirlerde kullanıcılarınız varsa, web sunucunuzun ne kadar hızlı yanıt verebileceği her şey anlamına gelir. Öncelikle süper hızlı internete sahip şehirlerden kullanıcılarınız varsa, herhangi bir web barındırıcısı iyi performans gösterebilir.

Web sunucunuzun 3G yerine 2G veya 4G'ye nasıl yanıt vereceğini test etmeyi deneyin. Çünkü 3G veya 2G üzerinden bağlanan çok sayıda kullanıcı alırsanız, bu, Önemli Web Verileri puanınızı artırır. Yani, her milisaniye önemlidir. FID'nizde 100ms almakla 101ms almak arasındaki fark, 100ms ile geçmeniz, ancak 101ms ile başarısız olmanızdır. Bu nedenle, biri size 1 ms'nin önemli olmadığını söylerse, o kişi yanılıyor olabilir.

Bir seçerken web barındırma, her zaman web sitesi kullanıcılarının çoğuna yakın bir veri merkezi olmasını sağlayın. Analitiklerinize bakarak konumlarını bulabilirsiniz. Kullanıcılarınızın çoğu nereden geliyor? Onlara daha yakın bir veri merkezi seçin. Ne kadar yakın o kadar iyi.

Web barındırıcısını değiştirdikten sonra bir web sitesinin Temel Web Verileri Alan Verilerinde kişisel olarak önemli bir değişiklik fark ettim. Başka bir şey yapmadım.

Hızlı bir web barındırma arıyorsanız, yalnızca Google tarafından yönlendirilen birçok öneri var. bağlı samimiyet olmadan. WordPress kullanıyorsanız ve bütçeniz yetiyorsa şiddetle tavsiye ederim Kinsta. WordPress için en iyisidir. Daha ucuz bir şeye ihtiyacınız varsa veya WordPress kullanmıyorsanız, o zaman Cloudways da çok etkilidir.

2. Hafif ve hızı optimize edilmiş bir tema kullanın

Bu ipucu özellikle kodlayıcı olmayanlar ve hatta daha az zamanı olan kodlayıcılar için çok kullanışlıdır. Özellikle çok fazla seçeneğin olduğu WordPress kullanıyorsanız, hafif ve hızı optimize edilmiş bir tema kullandığınızdan emin olun.

Tema web sitenizin iskeleti gibi olduğu için, iskelet bozulursa gövde de bozulur. Bu sadece bu.

Bir temada aramanız gereken en iyi uygulamaların uzun bir listesi vardır. En yaygın kötü uygulamalardan bazıları JQuery'ye aşırı bağımlı, gerekmediğinde çok fazla CSS/JS yükleme, büyük tema boyutu ve daha fazlası. Her zaman gibi bir araç kullanabilirsiniz Sarı laboratuvarlar, demoyu test etmek için.

WordPress kullanıyorsanız, aşağıdakilerin listesine göz atabilirsiniz. en hızlı wordpress temaları.

3. Resimlerinizi optimize edin

Görüntüler harika. İçeriği çok çekici hale getiriyorlar. Ancak optimize edilmezlerse bir yük olabilirler. 3 MB gibi büyük resimlere sahip olmak hızınızı kesinlikle etkileyecektir. Ve bu resimler, siteniz kaydırılmadan önce ziyaret edildiğinde görünür durumdaysa, LCP metriğinizi kesinlikle etkileyecektir.

Gerçek şu ki, optimize edilmemiş görseller sayfanızın boyutunu artırır. Sayfa boyutu ne kadar büyükse, yüklenmesi o kadar uzun sürer.

Ben şahsen her görseli yüklemeden önce optimize etmeyi tercih ediyorum. Görüntü optimizasyonu için herhangi bir harici hizmet kullanmıyorum. Ancak WordPress veya benzeri bir şey kullanıyorsanız CMSVardır, eklentileri ve görüntüleri otomatik olarak optimize etmek için çözümler. Ne kullandığınızdan bağımsız olarak bulut çözümleri de vardır.

4. Arka plan resimlerinin boyutunu kaldırın veya küçültün

Arka plan resimleri genellikle çok büyüktür. Ve anlamlı içerik görüntülenmeden önce yüklenmesi gerektiğinden yükleme sürenizi yavaşlatabilir.

Daha hızlı bir web sitesine sahip olmak için arka plan resmini tamamen kaldırabilirsiniz. Çok önemlilerse, onları mümkün olan en küçük boyuta optimize etmeyi veya resimler yerine desenleri kullanmayı düşünün.

5. Tarayıcı önbelleğini kullanın

Çok sayıda sadık okuyucunuz varsa, tarayıcı önbelleğe almayı düşünmelisiniz. Bir kullanıcı web sitenizi ilk kez ziyaret ettiğinde, tarayıcı o web sitesini önbelleğe alır. Diğer her ziyaret için anında yüklenecektir. Bu, ikinci ziyaretten itibaren FID ve LCP'yi büyük ölçüde iyileştirebilir.

WordPress kullanıcıları için çoğu önbelleğe alma eklentisi bunu başarmanıza yardımcı olabilir.

6. JavaScript'i küçültün ve kullanılmayan JavaScript'i erteleyin

JavaScript harika olsa da, çoğu zaman oluşturmayı engeller. Bu, yükleme sürenizi ve nihayetinde FID'nizi etkileyebileceği anlamına gelir.

Dosya boyutunu küçültmek için boşlukları ve yorumları kaldırarak JavaScript'i küçültmeye çalışın. Ayrıca, kritik olmayan JavaScript'i ertelediğinizden emin olun. Bu, FID'nizi iyileştirmelidir.

WordPress kullanıcıları için aşağıdaki gibi eklentiler vardır: Autoptimize, WP Rocket ve bunu sizin için yapabilen diğerleri.

7. AdSense boyut özelliğini ayarlayın

Web sitenizde AdSense kullanıyorsanız ve CLS ile mücadele ediyorsanız, bu tüm sorunlarınızı çözebilir. Benim için yaptı ve senin için de olmalı.

Bir kullanıcı ziyaret ettiğinde görünen başlığa yakın bir reklam biriminiz varsa, sorunlardan biri reklamın hemen yüklenmeyebilmesidir. Sayfa zaten yüklendikten sonra yüklenebilir ve yüklendiğinde mizanpajda bir değişiklik olur. Bu, duyarlı reklam birimleri için çok yaygındır. Bu gerçekleşirken, CLS metriğini geçmek imkansızdır.

Bunu halletmenin en iyi yolu, AdSense kodunuzu biraz düzenlemektir. Endişelenme, çok meşru. Reklamın boyut özelliğini, özellikle de yüksekliği belirtmeniz yeterlidir. Bunu yaptıktan sonra, reklam yüklenirken artık bir düzen değişikliği fark etmeyeceksiniz.

Aşağıda, web sitemde kullandığım duyarlı reklam biriminin bir örneğini görebilirsiniz. blog başlığın hemen altında. Yayıncı Kimliğimi ve Reklam alanımı XXXXXX ile değiştirdim. Height niteliğini (min-height: 300px) eklediğimi fark ettim. Bunu yaptığım anda tüm CLS sorunları sonsuza dek ortadan kalktı.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Header ad -->
<ins class="adsbygoogle"
     style="display:block; min-height: 300px"
     data-ad-client="ca-pub-xxxxxxxxxxxxxx"
     data-ad-slot="xxxxxxxxxx"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Bunun yaptığı şey, sayfada o boyutu ayırmaktır. Bu nedenle, reklamlar gösterildiğinde, boyutu zaten ayarlamış olduğunuz için düzen değişikliği olmaz.

8. Resimleriniz ve diğer medyalarınız için boyut özniteliğini ayarlayın

Tıpkı Reklamlarda olduğu gibi, resimler ve diğer medya, web sitenize yüklendiğinde düzenin değişmesine neden olabilir. Sadece bir şey okuyor olabilirsiniz, sonra bir görüntü yüklenir ve aniden bir düzen kayması olur, okuduğunuz şey görüş alanı dışındadır ve tek gördüğünüz başka bir şeydir veya yanlışlıkla başka bir şeye tıklarsınız.

Medya dosyalarınıza size özniteliği ayarlayarak tüm bunlardan kaçınabilirsiniz. CLS metriğiniz, yaptığınız için mutlu olacaktır.

9. Tembel Yük görüntüleri.

PageSpeed ​​Insight ile ilgili tavsiyeleri görmüş olabilirsiniz. ekran dışı görüntüleri erteleme. Basitçe anlamı, resimlerinizi tembel olarak yüklemektir.

Geç yüklemenin yaptığı şey, sayfa boyutunu küçültmek ve ayrıca bir kullanıcı ziyaret ettiğinde sayfanızın yüklenme süresini azaltmaktır. Hangisi CWV metrikleri için iyidir.

Bu özellikle LCP'nin iyileştirilmesine yardımcı olacaktır.

10. Kritik CSS'yi küçülterek ve oluşturarak CSS'yi optimize edin

Bir web sitesinin havalı görünmesini sağlayan şey CSS'dir, ancak büyük bir CSS dosyası, sayfanın kullanıcı tarafından görüntülenmesini geciktireceğinden büyük bir sorun olabilir.

Bir kullanıcı web sitenizi ziyaret ettiğinde, normal davranışla tarayıcı, web sayfanızın başlığında atıfta bulunulan tüm CSS'yi yükleyene, ayrıştırana ve yürütene kadar web sayfanızın görüntülenmesini geciktirir. Büyük bir CSS dosyanız varsa, bu büyük bir sorun olabilir. Sitenizi yavaşlatacaktır.

Kritik CSS, yalnızca sayfanın yüklenmesi için gerekli olan CSS'yi yükleyerek yardımcı olabilir. CSS'nin geri kalanı eşzamansız olarak yüklenebilir.

Ayrıca dosya boyutunu küçültmek için beyaz boşlukları ve yorumları kaldırarak CSS'nizi küçültmek de yardımcı olabilir.

Ayrıca şunları da yapabilirsiniz kullanılmayan CSS'yi kaldır. Kullandığınız bir hizmet kullanılmayan CSS'yi zorluyorsa, bunları kaldırmak güvenlidir.

WordPress kullanıyorsanız, bunu başarmanıza yardımcı olabilecek WP Rocket, LiteSpeed ​​Cache, FlyingPress ve diğerleri gibi eklentiler vardır.

11. AdSense akıllı yüklemesini uygulayın

Web sitenizi yavaşlatmaktan AdSense sorumluysa, bu yöntem tüm zorlukları neredeyse tamamen ortadan kaldırabilir.

Bu, AdSense'i akıllı bir şekilde yüklemekle ilgilidir. Bir kullanıcı kaydırma veya tıklama gibi bir işlem yapana kadar AdSense yüklenmeyecektir. Bu, yükleme süresini ve AdSense'ten etkilenen tüm Temel web hayati değerlerini büyük ölçüde iyileştirecektir.

Bunu yapmanıza yardımcı olabilecek birçok WordPress eklentisi vardır, WP Rocket ve Flying Scripts buna bir örnektir. Bu yöntem bildiğim kadarıyla Google AdSense politikasını ihlal etmiyor.

Not: Bu yöntem algılanan hızı ve sayfa puanlarını iyileştirmeye yardımcı olsa da AdSense gelirinizi etkileyebilir. Buna değip değmeyeceğinden emin olmak için bir deneme yapmanızı tavsiye ederim.

12. Mümkünse System Stack yazı tipini kullanın

Yazı tipleri, herhangi bir web sitesinde ekstra yükleme süresi ekler. Ve resim içermeyen web sayfalarında, LCP derecelendirmenizden metin bloğunuz sorumlu olabilir. Bu durumda LCP puanınız yazı tipinizden doğrudan etkilenecektir.

Google Yazı Tipi ve Harika Yazı Tipi gelişmeye devam ederken, sistem yığını yazı tipini kullanmak önemli bir gelişme sağlar. Cihaza bağlı olarak hayali olmasa da.

13. Bir CDN kullanın

Dünyanın farklı yerlerinden kullanıcılarınız varsa, o zaman bir CDN hızınızı ve dolaylı olarak Önemli Web Verileri ölçümlerinizi artırmanıza yardımcı olabilir.

Basit bir açıklamayla bir CDN, web sitenizin birçok kopyasını oluşturur ve bunları dünyanın farklı yerlerinde çeşitli Varlık Noktalarında (POP'lar) saklar. Birisi web sitenizi talep ettiğinde, web sitenize en yakın konumdan hizmet verir.

Örneğin, siteniz Amerika Birleşik Devletleri'nde barındırılıyorsa ve sitenizi Amerika Birleşik Devletleri'nden getirmek yerine Birleşik Krallık'tan bir ziyaretçiniz varsa, CDN sitenizi Birleşik Krallık'tan sunar. Bunun etkisi hızlı teslimat olacaktır. Hız.

kontrol edebilirsiniz en iyi CDN'ler orada.

14. DNS ön yüklemesini ayarlayın

Web sitenizin teslimatı için CDN gibi harici bir hizmete güveniyorsanız, DNS Önceden Getirmeyi ayarla DNS araması nedeniyle gecikmeyi en aza indirmek için.

DNS önceden getirme, çağrılmadan önce DNS'yi önceden getirir. Böylece nihayet çağrıldığında anında yüklenir.

15. Üçüncü taraf komut dosyalarını optimize edin

Sitenizde kullandığınız bazı hizmetlerin sitelerinizi yavaşlatabilecek üçüncü taraf komut dosyaları eklemediğinden emin olun.

Çözümü, sitenizi yavaşlatan üçüncü taraf istekleriyle daha iyi bir çözümle değiştirebilirsiniz.

Başka bir üçüncü taraf komut dosyası olan Google AdSense'e gelince, yapabileceğiniz çok az şey var. En iyi uygulama, bir sayfada birleştirilmiş en fazla 3 reklam kullanmaktır. Düşük gelir getirdiği, ancak yükleme süresini artırdığı için Eşleştirilen içeriklerden kaçının.

16. AdSense'i ekranın üst kısmından kaldırın

Bu tavsiye deneylere dayanmaktadır. LCP dışındaki tüm metrikleriniz arama konsolu raporunda iyiyse, önce resimlerinizin ve yazı tiplerinizin optimize edildiğinden emin olun. Optimize edilmişlerse ve hala LCP'de başarısız oluyorsanız, bundan AdSense sorumlu olabilir.

Gücünüz yetiyorsa, AdSense'i ekranın üst kısmından bir aylığına kaldırın ve sorunun çözülüp çözülmediğine bakın.

Kaldırmak istemiyorsanız manuel olarak veya Flying Scripts gibi bir eklenti yardımıyla geciktirebilirsiniz.

17. AMP'ye geçin

AMP, Hızlandırılmış Mobil Sayfalar anlamına gelir. AMP fikri, web sayfalarını mobil cihazlarda daha hızlı yüklenecek şekilde optimize etmektir. Ve tabii ki, AMP açık kaynak proje Google tarafından başlatıldı.

AMP, başlangıçta mobil sayfaları hızlandırmayı amaçlasa da, masaüstü sayfalarını da hızlandırabilir.

AMP sayfaları, mobil veya masaüstü sayfalardan sürekli olarak daha hızlıdır, gözlemimize göre bazen %100'ün üzerindedir.

Web sitenizin tek para kazanma stratejisi Google AdSense ise, tüm web sitenizi AMP'ye geçirmeyi düşünebilirsiniz. Sahip olduğum bir blogda AMP sayfalarında AdSense'in bazen mobil ve masaüstünden daha fazla dönüşüm sağladığını kişisel olarak fark ettim!

Sonuç

Temel Web hayati bilgileri, web sitenizi yalnızca Google için değil, kullanıcılarınız için de geliştirmenize yardımcı olabilir. İyi bir laboratuvar veri testi puanına sahip olmak, ancak saha verisi puanının kötü olması çok yaygındır.

Bu, kullanıcılarınızın yapısından kaynaklanmaktadır. Kullanıcılarınızın çoğu yavaş internete sahip yerlerden geliyorsa, optimizasyon yaparak iyi bir iş çıkarmış, ancak yine de saha verilerinde başarısız olmuş olabilirsiniz.