SEO'nuzu geliştirmek için sayfa hızını artırın

Bu yılki Found Konferansı'nda, kendi CEO'muz Ray Grieselhuber, okunabilirlik için tasarım yapmanın öneminden bahsetti . Kullanıcıların genellikle sitenize ulaşmadan önce bir tür hedefleri vardır: Açılış sayfanıza ulaşmadan önce bir şey arıyorlar ve siz bu kullanıcının amacına uygun olmak istiyorsunuz. Ayrıca, içeriklerini beklemek istemiyorum kullanın. Kullanıcıların anlık bir deneyim beklentileri nedeniyle, sayfa hızını artırdığınızdan emin olmak SEO'nun hayati bir parçasıdır.

Sayfa hızını ve sıralamayı aynı anda iyileştirme

Google, site hızını sitenizi oluşturan tüm sayfaların hızı, sayfa hızı ise sitenizdeki tek bir sayfanın hızı olarak tanımlar. Site hızı, sitenizdeki tüm sayfalara bağlıdır; bu nedenle, genel site hızını artırmak için sayfalarınızın tamamında veya çoğunda yükleme sürelerini iyileştirmeniz gerekir. Google, sayfaların 2,5 saniyenin altında yüklenmesi gerektiğini söylüyor.

Sıralamada bir faktör olarak hız yeni değil; Google, bunu en az 2010'dan beri masaüstü aramada bir sıralama faktörü olarak kullanıyor. 2018'de arama motoru, The Speed ​​Update adını verdikleri şeyi duyurdu ve sayfa hızını mobil arama için bir sıralama faktörü haline getirdi . Duyuru, sağlam bir akıl yürütmeyi içeriyordu: sayfa hızı, hemen çıkma oranlarını etkiler ve Google'ın amacı, kullanıcıları devam etmek istedikleri içeriğe atmaktır. Hatta 3 saniyeden uzun sayfa yükleme süreleri için hemen çıkma olasılığının önemli ölçüde arttığını gösteren çalışmalara atıfta bulundu.

Arama Motoru İzleme, sayfa hızının sıralama ile yalnızca çok az ilişkili olduğunu söylese de , belirli kullanıcı davranışlarıyla çok yüksek düzeyde ilişkilidir: ve bu davranışlar kesinlikle sıralamanızı etkileyecektir. Yine, kullanıcıların ne aradıkları hakkında bir fikirleri vardır ve yavaş siteler kullanıcı beklentilerini karşılamaz.

Sayfa hızını artırın ve kullanıcı beklentilerini iyileştirin

Ray, sayfa hızının, yükleme süresinin ve oluşturma süresinin, kullanıcıları sayfada tutmada önemli faktörler olduğunu söylüyor. "Bir şeyi yüklemek birkaç saniyeden uzun sürerse, o sayfadan elde ettikleri değere ilişkin beklentileri çok hızlı artıyor" diyor.

Düşük kaliteli sayfa içeriği beklemek, kullanıcılarınızı hayal kırıklığına uğratabilir. 2010'ların başlarında yapılan bir araştırma, o zamanlar web tasarımcılarının iyi bir ilk izlenim bırakmak için 50 milisaniyeye sahip olduğunu gösterdi . Tabii ki, bu sayı siteye, cihaza ve kullanıcıya göre değişebilir - ancak insanlar anlık kararlar vermek üzere tasarlanmıştır. Kullanıcılar, sitenizle etkileşim kurmak isteyip istemediklerine neredeyse anında karar verir ve tekrar ziyaret etmeye karar verirken bu bilgileri depolarlar.

Yavaş yükleme süreleri, kullanıcılarınızın yargılayacak hiçbir şeyi olmayacağı ve sitenizden hemen çıkabileceği anlamına gelir. Tersine, daha iyi sayfa hızı insanları yalnızca sitenizde tutmakla kalmaz, sitenize ulaştıklarında etkileşimi artırır. Google ve Deloitte tarafından yapılan bir araştırma, yükleme süresindeki 100 milisaniyelik bir iyileştirmenin bile kullanıcı davranışı üzerinde ciddi bir etki yaratabileceğini gösterdi: Sayfa hızındaki 0,1 saniyelik bir artış, yüzde 10'a varan dönüşüm artışlarıyla eşleştirildi.

Yükleme sürenizi azaltan sorunları iyileştirin.

Yavaş yükleme süresi, içerik sorunu değil teknik bir sorun olabilir. Bu nedenle, sayfa hızını artırmak için geliştirme ekibinizi (varsa) devreye sokmanız veya arka uç sorunlarıyla ilgili bilginizi tazelemeniz gerekebilir.

İlk adım: nerede durduğunuzu bulun. Google'ın Sitemi Test Et özelliği site hızınızı test etmenize olanak tanır ve yükleme süreniz 2,5 saniyeden fazlaysa önerilen düzeltmeleri gösterir. Test My Site, siteniz için en iyi iyileştirmeleri seslendirerek özel öneriler bile sunar. Bu düzeltmeler şunları içerebilir:

• Geri dönen kullanıcılar için yükleme sürelerini hızlandırmak için HTTP önbelleğe alma . Tarayıcılar, geri dönen kullanıcıların tüm sayfayı yeniden yüklemesini önlemek için stil sayfalarını, resimleri ve daha fazlasını önbelleğe alabilir. Google'ın bu konuyla ilgili kılavuzuna buradan göz atın.
• Doğru boyutlandırılmış görüntüler . Resimlerinizin olması gerekenden daha büyük olmadığından emin olun: sitenizin her sayfası için yüksek çözünürlüklü fotoğraflara ihtiyacınız yok! Resimleri sitenizin görüntüleme boyutlarına uyacak şekilde yeniden boyutlandırın. Ve doğru biçimde olduklarından emin olun (PNG veya JPEG çalışır, ancak WebP görüntüleri daha da iyidir)
• Yönlendirmeleri azaltın . Bir sayfa diğerine her yönlendirme yaptığında, kullanıcılarınız ek bekleme süresiyle karşı karşıya kalır. Amacınıza uygun URL'ler oluşturun: Mümkünse, kısaltılması gereken m-noktalı sayfalar veya uzun URL'ler kullanmaktan kaçının.
• JavaScript, CSS ve HTML'yi küçültme . Küçültme, dosyanın yürütülmesi için gerekli olmayan tüm verilerin bir kod dosyasını çıkarır: temel olarak, kod yorumlarını ve kullanılmayan kodu kaldırmak, daha kısa işlev adları kullanmak vb. Bu, manuel olarak yapmak isteyeceğiniz bir şey değildir, ancak bu projeye yardımcı olacak birçok araç ve kaynak mevcuttur.
• Büyük CSS, HTML ve JavaScript dosyalarını sıkıştırma . Bir dosyanın boyutunu küçültmenize ve orijinal dosya özelliklerini korumanıza izin veren bir sıkıştırma algoritması olan Gzip'i deneyin .
• Sunucu yanıt süresini azaltmak . Sayfa yüklemesindeki en büyük faktörlerden biri, tarayıcıların DNS'nizi veya alan adı sisteminizi alması için geçen süredir. Bazı DNS sağlayıcıları diğerlerinden daha hızlıdır - bu nedenle DNS sağlayıcıları arasında geçiş yapmayı düşünebilirsiniz.
• Daha iyi bir barındırma seçeneği seçme . Ucuz barındırma seçenekleri genellikle paylaşımlı barındırma kullanır (bu, sitenizi diğer sitelerle aynı sunucuda tutar). Bu, sitenize veya aynı sunucuda barındırılan diğerlerine yönelik trafikteki ani bir artışın daha yavaş yükleme sürelerine neden olabileceği anlamına gelir. VPS barındırmaya (sunucunuzun kaynaklarının belirli bölümlerini siteniz için ayırır) veya özel bir sunucuya bakmak isteyebilirsiniz.

Sitenizi sık sık tekrar test ettiğinizden ve sayfa hızınızda iyileştirmeler aradığınızdan emin olun. Temel performansı belirleyerek, yükleme süresini azaltmak için yaptığınız işin verimliliğini kontrol edebilirsiniz. Bir site denetim stratejisi, sayfa hızı iyileştirmeleri için kontrol etmeniz gereken mevcut durumu ve sıklığı belirlemenize yardımcı olabilir.

Daha iyi sayfa hızı ve kullanıcı deneyimi için AMP kullanın

AMP veya Accelerated Mobile Pages kullanmak, sitenizdeki sayfa performansını artırmanın harika bir yoludur. AMP, daha hızlı, daha sorunsuz yüklenen bir mobil deneyim sağlayan açık kaynaklı bir HTML çerçevesidir. Gelişmiş Mobil Sayfalar, standart HTML sayfalarınızı sayfanın ayrıştırılmış bir sürümüne yönlendirerek sitenizi tıkayabilecek bazı kodları keser. AMP, Google'ın Facebook Instant Articles ve Apple News aracılığıyla anında yükleme sayfası için rakibi olarak başladı. Bugün, birden fazla platform AMP'yi destekliyor - ve bunu zaten yapıyor olabilirsiniz. Değilse, sayfa hızını azaltmak için kullanmayı düşünün.

AMP, yükleme süresini kısaltmak için yedi ana faktör kullandığını söylüyor. Onlar içerir:

• Yalnızca eşzamansız JavaScript'i yürütür ve içerik engelleyen komut dosyalarını azaltır. AMP'nin komut dosyaları ve bileşenleri aynı anda yüklenir, böylece bir komut dosyası parçası diğerini beklemez.
• Varlıktan bağımsız düzenler, kaynakları yüklemek için gereken süreyi kısaltır. AMP'nin kaynaklar indirilmeden önce her bir öğenin boyutunu ve konumunu belirleyebilmesi için resimler, reklamlar veya iframe'ler gibi harici kaynaklar boyutlarını HTML'de belirtmelidir.
• CSS optimize edildi ve şişirildi: sunucunun bütün bir kitaplığı değil, yalnızca birkaç stil sayfası yüklemesi gerekir. Bunu iyi bir CSS hijyeni olarak düşünün.
• Web yazı tipleri optimize edilir ve yine sayfanın geri kalanıyla eşzamansız olarak yüklenir.
• Stil ve düzen yeniden hesaplamaları çok sınırlıdır. Çoğu sayfa düzenini tarayıcılara parça parça sağlar, ancak AMP tüm düzenlerini önceden sağlar.
• Animasyonlar, onları oluşturmak için bilgisayarınızdan daha az çaba harcanarak CPU'da değil GPU'da çalıştırılır.
• AMP, kaynak yüklemeye öncelik verir. AMP, önce en önemli kaynakları (ekranın üst kısmındaki metin) indirir.

Tamam, evet: bu yedi faktör son derece yabancı otlardır. Ahlaki şudur: AMP, sitenizin daha hızlı ve hafif bir sürümünü oluşturur. Bu sürüm daha hızlı yüklenir ve daha iyi UX sağlar. Ve mobilde performansınızı artırmak istiyorsanız, bunu kontrol etmelisiniz.

Kullanıcıların bilgiye erişimini yavaşlatan faktörleri ortadan kaldırın.

Hız sadece yükleme süresi ile ilgili değildir. Sitenizin daha yavaş bir kullanıcı deneyimi yaratabilecek diğer öğelerini göz önünde bulundurun. Teklifler, öncü nesil geçiş reklamları ve diğer pop-up'lar genellikle tıklama açısından iyi performans gösterir, ancak kullanıcılarınızın sayfanızdaki içeriğe erişimini yavaşlatır. Geliştirme açısından bakıldığında, pop-up'lar bir ton tıklama ve dönüşüm sağladıkları için "en iyi uygulama" olabilir. Ancak, bu profesyoneli bariz aleyhte tartın: açılır pencereler can sıkıcıdır.

Ray, sayfa hızının, yükleme süresinin ve oluşturma süresinin, kullanıcıları sayfada tutmada önemli faktörler olduğunu söylüyor. Sayfanıza ulaşmak birkaç saniyeden uzun sürerse, kullanıcılar o sayfada mutlak altın bekler ve niyetlerine mükemmel bir şekilde uymayan her şey hayal kırıklığına uğratır. Kullanıcılarınıza harika içerik sağlayın — bu içeriğe zamanında ulaştıklarından emin olun.

Başlamak için bir sayfa hızı denetimine mi ihtiyacınız var? Şimdi bir keşif araması planlayın veya bu formu doldurun, işleri başlatalım.