Web'inizin ilk katı

Web sitenizin ilk kıvrımı en önemli bölümdür. Sayfanıza gelen tüm ziyaretçiler sonunda bu bloğu görür. Bu, web sitenize göz atmaya devam etmelerini, hakkında daha fazla bilgi edinmek için kaydırmalarını veya sadece ayrılmalarını sağlayacaktır.

Isı haritaları hakkında konuştuğumuzda, web'in ilk katının çoğu durumda daha fazla ilgi çeken kısım olduğunu gördük. Hem ısı haritasında hem de orada analiz ettiğimiz kaydırma haritasında, web'in ilk bloğundaki aktivite miktarı daha büyüktü.

Birçok ziyaretçi yalnızca ilk katı görecek ve sayfayı aşağı kaydırmayacaktır. Orada gösterdiklerimizi optimize etmek, dönüşüm oranını artırmanın anahtarıdır. Bu nedenle bu ay web sitemizin bir açılış sayfasının ilk katının optimizasyonu hakkında konuşacağız.

Hipotez: Mesaja Odaklanın

Nelio'da WordPress için iki premium eklentimiz var: Nelio Content ve Nelio A/B Testing. Bugün, aynı zamanda web sitemizin bu bölümündeki testleri yapmak için kullandığımız ikincisine odaklanacağız. Nelio A/B Testi için açılış sayfasının ilk bölümünü inceleyelim.

Bu sayfanın amacı, ürünü potansiyel kullanıcılara göstererek fiyatlandırma sayfasını ziyaret etmelerini sağlamaktır. Bu açılıştan fiyatlandırma sayfasına ne kadar çok ziyaretçi giderse, ürünü satın alma olasılıkları o kadar artar ki bu da bizim istediğimiz şeydir.

Web analitiği için kullandığımız araç sayesinde elde ettiğimiz veriler, bu sayfanın zaten oldukça iyi performans gösterdiğini söylüyor. Daha açık olmak gerekirse, açılış sayfamızı ziyaret eden ziyaretçilerin yarısının fiyatlandırma sayfasını ziyaret ettiğini biliyoruz. Fena değil, değil mi? Şimdi soru şu, bu sayıları iyileştirebilir miyiz?

Yukarıdaki ekran görüntüsü, o sayfanın ilk katında ne gördüğünüzü gösterir. Ana başlığı ürünün adıdır: Nelio A/B Testing. Ardından, kullanıcılara sitelerini test etmeye başlamaları için bir aciliyet duygusu yaratmaya çalışan bir alt başlığımız var.

Ancak, metni yeniden düşünür ve mesajı aciliyet yerine merak uyandıracak şekilde değiştirmeye çalışırsak, size az önce sunduğum bu sayıları iyileştirebiliriz. Ayrıca, dikkati dağıtmaktan kaçınmak için web'in ilk bloğunu, ilk katın tamamını kullanacak ve böylece sayfanın buradaki amacımıza katkıda bulunmayan ikinci bölümünü gizleyecek şekilde değiştirebiliriz.

Dolayısıyla, burada oluşturacağımız testin hipotezi, web sitemizin ilk bölümüne net bir mesaj göndermek için odaklanırsak, dönüşümün gelişmesi gerektiğidir. Başarılı olacak mıyız? Bakalım…

İlk Katlamanın Bir Varyantını Oluşturma

Yapacağımız ilk şey, WordPress'te Nelio A/B Testine gitmek ve yeni bir A/B sayfa testi oluşturmak. Aynı şeyi açılış sayfanızla yapmanızı ve sonuçlarınızı yorumlarda bizimle paylaşmanızı tavsiye ederim. WordPress eklenti dizininden Nelio A/B Testing'i yükleyerek bu testi ücretsiz olarak yapabilirsiniz.

Şimdi teste ve oluşturacağımız varyanta isim vermeliyiz. Testin amacı, fiyatlandırma sayfasını ziyaret etmektir. Bu nedenle, fiyatlandırma sayfasına yapılan ziyaretleri dönüşüm olarak izleyen bir dönüşüm işlemi ekleriz. Tüm bu testi ayarlamak bir dakikadan az zamanınızı alacaktır. Şimdi varyantı değişikliklerle birlikte düzenleyeceğiz.

Varyantı düzenlerken, WordPress'te varsayılan olarak yapılandırdığımız sayfa düzenleyicisine gidiyoruz. Gutenberg blok düzenleyicisini kullanıyoruz. Bunu veya kendinizi rahat hissettiğiniz herhangi birini kullanmanızı tavsiye ederim.

Aşağıdaki karşılaştırmada açılış sayfamızın ilk bloğunda yaptığımız değişiklikleri görebilirsiniz. Fareyi bloğun üzerine getirirseniz, test edeceğimiz sayfanın orijinal sürümünü veya varyantını görmek için ayırıcıyı sağa veya sola hareket ettirebileceğinizi unutmayın.

Varyantta başlığı değiştirdik ve logoda zaten görünen ürünün adı yerine, ziyaretçinin merakını uyandırmaya davet eden bir mesaj ekledik. Web sitelerinde en iyi sonucu verebilecek değişiklikleri düşünmelerini istiyoruz. Farklı bir renk mi? Düğmeler için başka bir şekil mi? Tüm bunlar için alternatif bir yer?

Bunu takiben, alt başlığı merakınızı giderecek bir çözüme sahip olduğumuzu gösteren bir şeyle değiştiriyoruz: "Kitlenizin en çok neyi sevdiğini keşfetmek ve dönüşümlerinizi geliştirmek için WordPress'inizin farklı sürümlerini oluşturun ve test edin."

A/B testi oluşturmak ve sayfamızın varyantını düzenlemek sadece birkaç dakikamızı alan bir işlemdir. Karşılığında elde edebileceğimiz, özverili çabadan çok daha büyük.

Son olarak, web sitemiz İspanyolca ve İngilizce olduğu için, aynı şeyi İspanyolca olarak da sayfa ile yapıyoruz. İspanyolca sayfasının varyantı için değişiklikleri aşağıdaki karşılaştırmada görebilirsiniz:

Her şeyi hazır hale getirdikten sonra, her dil için bir tane olmak üzere iki sayfalık testi başlatmamız ve sonuçların gelmesini beklememiz yeterli. Nelio A/B Testinin, trafiğinizi test edilen farklı değişkenler arasında bölmekten ve ziyaretleri ve dönüşümleri saymaktan sorumlu olduğunu unutmayın. Başka bir şey yapmanıza gerek yok… sadece bekleyin.

Sonuçları Analiz Etmek: Yaptığımız Değişiklikler Daha İyi Çalıştı mı?

İngilizce sayfa testinin sonuçlarıyla başlayalım. Tüm detayları aşağıdaki ekran görüntüsünde görebilirsiniz:

Bu test 26 gündür devam ediyor ve toplamda 1000'e yakın ziyaretçi analiz edildi. Gördüğünüz gibi, şu anda test, B versiyonunun kazanan olduğunu belirleyebildi.

Zaten bildiğimiz gibi, orijinal sürüm, bu durumda %54 olan bir dönüşüm oranına sahiptir. Bu, daha önce bahsettiğim web analitiği aracının verileriyle eşleşiyor. Öte yandan, varyant %60'ın üzerinde bir dönüşüm oranı elde etti ve bu da %12,3'lük bir iyileşmeyi temsil ediyor.

Veriler istatistiksel olarak anlamlıdır ve güven değeri %95'in üzerindedir. Bu nedenle, sayfanın ilk katının tamamını kullanan yeni kopyaya sahip varyantın şimdiye kadar sahip olduklarımızdan daha iyi olduğunu onaylayabiliriz. Hipotezimiz doğruydu. O halde mutlu olmalıyız.

Kazanan Varyant Nasıl Uygulanır?

Sayfamızın mevcut versiyonundan daha iyi bir alternatif versiyonuna sahip olduğumuzu bildiğimizde, bu varyantı tüm ziyaretçilerin gördüğü versiyon haline getirmeliyiz. Bunu yapmak için önce testi durdurmalıyız. Daha sonra varyantın sonuçlarını aldığımız bölüme gidiyoruz ve uygulamak için butona basıyoruz.

Yaptığı şey, sahip olduğumuz sayfayı, bulduğumuz en iyi sonucu veren varyantla değiştirmek. Tek bir tıklama ile bu kadar kolay. Ve ihtiyaç duymanız durumunda, her zaman orijinal sürümü yeniden uygulayabilir ve önceki duruma geri dönebilirsiniz.

İspanyolca Sayfa Testine Ne Dersiniz?

Peki, aşağıdaki sonuçlara sahipsiniz:

26 gün sonra, test edilen sayfanın trafiğinin düşük olması nedeniyle test herhangi bir sonuca varamadı. Ziyaretçi sayısı o kadar düşük ki bu sayfayı test etmek anlamsızdı. Bu nedenle, buradan çıkarabileceğimiz tek sonuç, İspanyolca'daki izleyicilerimizin A/B testleri yapmaya pek ilgi göstermediğidir.

Bu ilginç, çünkü aynı web sitesinde çok farklı izleyicilere sahip olabileceğimizi kanıtlıyor. Bu durumda, ayırt edici gerçek sadece dil değil, aynı zamanda İngilizce konuşulan ülkelerde bu tür dönüşüm optimizasyon tekniklerinin İspanyolca konuşulan bölgelere göre daha yaygın ve olgun olduğu gerçeğidir.

Dolayısıyla buradaki işimiz, İspanyol izleyicilerimize A/B testinin faydalarını açıklamaya devam etmek. Bunu yaparak, konuyla ilgili daha fazla trafik ve ilgi çekmeyi umuyoruz.

Bu ay için bu kadar. Önümüzdeki aylarda analiz edeceğimiz testleri öğrenmek için düzenli olarak web sitemize uğramayı unutmayın.

Unsplash'ta Matthew T Rader tarafından öne çıkan görsel.