Açılış Sayfası A/B Testi: Karşılaştırılacak En İyi 10 Şey ve Nedeni

Bu nedenle, açılış sayfanızı A/B testine başlamak istiyorsunuz. Ama rastgele bir şeyler seçmeden önce bir düşünün. Başarılı deneyler, varsayımlara değil, teoriye dayanır.

Mevcut açılış sayfanızdaki performans nasıl? Kullanıcılar nereye düşüyor? Her şey oraya varan potansiyel müşteri türlerini mi hedefliyor? Bu cevapları öğrendikten sonra, testlerinizden daha hızlı ve daha iyi sonuçlar alacaksınız.

Test etmeyi asla bırakmamalısınız. İşe yarayan bir şey bulduktan sonra bile. Dönüşümleri artırmanın her zaman bir yolu vardır. Belirgin değişikliklerden küçük, önemsiz ayrıntılara.

Bunlar, açılış sayfanızın A/B testi için en önemli 10 öğesi ve nedeni. Ayrıca, birçok örnek:

1. Açılır pencereler
2. Harekete geçirici mesaj metni
3. CTA düğmesi
4. Başlık
5. Ana kopya
6. Resimler ve videolar
7. Kayıt formu alanları
8. Açılış sayfası tasarım düzeni
9. Sosyal kanıt
10. Daha küçük ayrıntılar (renkler, yazı tipleri vb.)

A/B test araçları

A/B testi basitçe bir web sayfasının 2 rakip varyasyonunu ifade eder. Ancak yapabileceğiniz başka testler de var. Bölünmüş test, trafiği 2 farklı sürüme yarıya indirir. Çok değişkenli test ise daha fazla değişken ve kombinasyonu karşılaştırır.

Kaynak: HubSpot

Ancak her test araştırma ve gözlemlere dayanmalıdır. O zaman çalışmak için bir hipoteze ihtiyacınız var.

Kaynak: Leadpages

A/B testi sunan tonlarca CRO (dönüşüm oranı optimizasyonu) aracı vardır. Her biri çeşitli fiyatlandırma planları ile. (Sıfır bütçeli şirketler için bazı ücretsiz olanlar dahil.)

Bunlar en popüler olanlardan bazıları:

1. AB Lezzetli
2. Çılgın Yumurta
3. HubSpot'un A/B Test Kiti
4. Yığın
5. Google Optimize
6. VWO
7. Da Düğme Fabrikası

Bu yüzden, onları kontrol edin ve markanız için herhangi bir işe yarayıp yaramadığını görün.

Açılır pencereler

Açılış sayfanızın mevcut sürümünde açılır pencereler var mı? Değilse, neden? Hepimiz, UX'i (kullanıcı deneyimi) mahveden pop-up'lar yaşadık. Ama böyle olmak zorunda değil. Doğru yapıldığında, hemen çıkma oranını düşürebilir ve potansiyel müşterileri dönüşüm hunisinden aşağı taşıyabilirler.

Kaynak: OptinMonster

Açılır pencereleri A/B testi için pek çok yol vardır. Farklı renkler veya gölgeler deneyebilirsiniz:

Kaynak: Getsitecontrol

Denemek için birçok farklı format var. Ne kadar ince veya açık olmak istediğinize bağlı olarak:

Kaynak: Boagworld

E-Ticaret alanındaysanız, sayfa ziyaretçileri için farklı teklifleri deneyebilirsiniz:

Kaynak: Getsitecontrol

Akılda tutulması gereken birkaç şey:

• Zamanlama herşeydir
• Boyutu ve tasarımı basit tutun
• Kullanıcılar tıkladığında ne olacağını açıkça belirtin
• Kolay kopya kullanın

Bazen dediğin olmaz. Sen böyle söylüyorsun. Ve A/B test süreciniz, insanlarda neyin yankı uyandırdığını bulmanıza yardımcı olabilir.

Harekete geçirici mesaj metni

Harekete geçirici mesajınız, pazarlama kampanyanızın dönüşüm hedefi gönderileridir. Bunların üzerinden satın alma, indirme veya kaydolma işleminiz gerçekleşir.

Basit tutmak ve “Buraya tıklayın” yazmak cazip geliyor. Ancak kullanıcıların ilgisini çekecek ve istenen eyleme ilham verecek pek çok alternatif var.

Peki, ne yazmalısın? İlk olarak, dönüşüm amacını tanımlamanız gerekir. Kopyanızı, kullanıcıların dönüşüm hunisinde nerede oldukları ve nereden geldikleri (trafik kaynağı) ile hizalamak istiyorsunuz.

Kaynak: KlientBoost

Sakin, işleri gerçekten basit tutar. Tek bir metin satırı size uygulamanın kapsayıcı hedefini söyler. Ardından 5 farklı CTA düğmesi, en alakalı sorun noktanızı seçmenize olanak tanır. Bundan sonra, uygulamayı en iyi nasıl kullanacağınızı öğrenmek için hızlı, kişiselleştirilmiş bir teste yönlendirilirsiniz. Dahi.

Budgetnista, haftalık bülteninden tam olarak ne alacağınızı bilmenizi sağlar. Değer konusunda açık sözlüdür ve para tasarrufu sağlayan kitlesinin bunların ücretsiz olduğunu takdir edeceğini bilir.

CTA kopyanızla gerçekten yaratıcı olabilirsiniz. İlk olarak, site ziyaretçilerinin neden orada olduğunu ve ne istediklerini öğrenin. Bu şekilde, onlarla rezonansa girmek kolay olmalı.

CTA düğmesi

CTA düğmeniz, harekete geçirici mesajınızın son adımıdır. Pasif ziyaretçileri aktif kullanıcılara dönüştürür. Bu nedenle, kendine ait bir bölümü hak ediyor.

Çünkü bunun pek çok kısmı daha yüksek bir dönüşüm oranıyla sonuçlanabilir:

• Tasarımın tıklanabilir görünmesini sağlama
• Kopyanızla açıklayıcı olmak
• Doğru boyutlandırma ve aralık
• Birinci şahıs denemesi
• Aciliyet yaratmak ve güçlü fiiller kullanmak
• Alt başlık ekleme

Kaynak: Canva

CTA düğmenizde yapacağınız küçük bir değişiklik, A/B testi sonuçlarını büyük ölçüde etkileyebilir. Unbounce, açılış sayfasındaki kopyayı "30 günlük ücretsiz denemenizi başlatın " dan "30 günlük ücretsiz denememi başlatın" olarak değiştirmenin tıklama oranlarını %90 oranında artırdığını keşfetti.

Düğme rengini değiştirmenin bile büyük bir etkisi olabilir. Kullanıcılar bu e-postadaki parlak turuncu versiyonu B versiyonunun lacivertine açıkça tercih ettiler:

Kaynak: Snov

Da Button Factory'nin ücretsiz aracını kullanarak farklı düğme sürümlerini deneyebilirsiniz. Farklı stiller, renkler, yazı tipleri ve metinler oluşturun. Ardından, açılış sayfanızı indirin ve test edin.

Kaynak: Da Düğme Fabrikası

Potansiyel sıkıntı noktalarını anladığınızı göstermek için düğme "alt başlıklar" eklemeyi bile deneyebilirsiniz:

Kaynak: CoSchedule

O zaman, sağladığınız şeyin değerini vurgulamanız gerekir. O zaman itirazları ele alın.

Kaynak: Pazarlama Örnekleri

Açılış sayfası optimizasyonu tamamen bu küçük ayrıntılarla ilgilidir. Özellikle dönüşümünüzden önceki son adımda. Yani, onları unutma.

Başlık

Ortalama olarak, insanların %80'i içeriğinizin başlığını okuyacaktır. Ama sadece %20'si gerisini okumaya zahmet edecek. Yani, üzerine çok şey biniyor.

Bu, birçok kişinin siteniz ve markanız hakkında sahip olacağı ilk izlenimdir. Yani sıkıcı veya kafa karıştırıcı olamaz. İlgi çekici ve alakalı olmalıdır.

Kaynak: Leadpages

İşte deneyebileceğiniz şeylerden bazıları:

• kopyanın kendisi
• cümle uzunluğu
• Sayfanın neresinde oturuyor
• Boyut ve yazı tipi
• Hangi ana faydayı vurguluyorsunuz?

Yazar Amanda Stevens, yalnızca başlığının ifadesini A/B testi yaparak e-Kitap dönüşüm oranlarını %307 artırdı. Bu orijinal versiyondan geçiş yaptı:

Kaynak: Issuu

Bu çok daha net güncelleme için:

İşte KlientBoost'tan başka bir A/B testi örneği. Şu anda pazarlama planı sayfalarının başlığını test ediyorlar. İşte sayfanın ilk versiyonu:

Ve denedikleri diğeri:

Harry Dry'dan son bir ipucu, "açılış sayfası sözcüklerinden" kaçınmaktır. Şunlar gibi şeyler: süper şarj et, kilidini aç, serbest bırak. Bu kelimeleri konuşmada gerçekten kullanmayız. Bu nedenle, onlarla ilişki kurmak daha zordur.

Başlığınız, insanlar için ilk ve son izleniminiz olabilir. Bu nedenle, ikincisi olmadığından emin olun.

Ana kopya

Sitenizin yazılı bölümleri SEO için ana faktörlerden biridir. Yani evet. Anahtar kelime araştırması önemlidir. Ama unutma, insanlar için yazıyorsun.

Marka sesinizin burada parlaması gerekiyor. Hedef kitlenizin hangisini daha çok sevdiğini görmek için farklı kopya varyasyonlarını A/B testi yapmak eğlenceli olabilir.

İnsanlığa Karşı Kartlar, korkunç insanlar için bir parti oyunudur. Ve her şeyi 2 kısa paragrafta özetlemek için arsız ve alaycı tonlarını kullanıyorlar.

Biçimlendirme, ana kopyanızla da önemlidir. İnsanlar her şeyi okumayı taahhüt etmeden önce sayfaları tarar. Bu nedenle, daha uzun metinleri bölmek için alt başlıklar kullandığınızdan emin olun.

Kaynak: Pazarlama Örnekleri

BarkBox, net, iyi biçimlendirilmiş kopyanın harika bir örneğidir. Potansiyel müşterilerin tam olarak ne elde ettiklerini mümkün olan en hızlı şekilde öğrenmek istemelerini sağlarlar.

Ve minimal görünüm büyüyen bir trend gibi görünüyor. Tonic markası Unspiked de aynı taktiği kullandı. Bir metin duvarını konuşma tonlarında birkaç ana nokta ile değiştirmek.

Açılış sayfanızda ne söylüyorsanız, onu aktarmanın daha iyi yolları olacaktır . Bu nedenle, A/B markanızın sesini, vurguladığınız değeri ve formatı test edin. Ve kitlenizin hangilerine yanıt verdiğini görün.

Resimler ve videolar

Dijital pazarlama için görsel içerik çok önemlidir. Hedef kitlenizin ilgisini çekmek için açılış sayfanızın, ürün veya hizmetinizin değerini netleştirmeye yardımcı olacak grafiklere ihtiyacı vardır.

Bu farklı biçimlerde olabilir:

• Uygulamanızdan ekran görüntüleri
• Kullanıcı tarafından oluşturulan içerik ve sosyal kanıt
• Ürününüzün fotoğrafları
• Karikatürler veya grafikler
• Filmler veya showreels

Kaynak: Pazarlama Örnekleri

İnsanlar görsel yaratıklardır. Ve ürün veya hizmetinizin ne yaptığını anlatmak, anlatmaktan çok daha kolay. Ayrıca bu şekilde daha akılda kalıcı olacaktır. Bu yüzden, bu tavsiyeyi dikkate alacağım ve size işe yarayan bazı örnekler göstereceğim.

İnsanların satın alabileceği ürünün yüksek kaliteli bir fotoğrafı:

Kaynak: Goby

Hizmetin kapsadığı şeyleri anlatan bir taslak:

Kaynak: Limonata

Uygulamanın çalışırken bir ekran görüntüsü:

Kaynak: Todoist

Arka planda oynayan ve daha net görmek için tıklayabileceğiniz bir showreel:

Kaynak: MadeBrave

Bu biçimlerden herhangi birini A/B testini deneyebilirsiniz. Belki birbirlerine karşı hareketsiz çekimler yapın. Ardından kazanan fotoğrafa veya grafiğe karşı bir video deneyin.

Kitlenizin ürünler veya insanlar için bir tercihi olabilir. Ürününüzün 360 derecelik bir videosunu görmek isteyebilirler. Veya önce/sonra görüntüleri yakınlaştırabilirler. Ve hangisi olduğunu bulmak senin işin.

Kayıt formu alanları

Açılış sayfalarında sık sık kayıt formları görürsünüz. Ve tasarım, insanların neye kaydolmasını istediğinize bağlı olacaktır. Haftalık bir e-posta bülteni mi? Planlanmış bir web semineri mi? İndirilebilir bir kaynak mı?

İnsanlardan ihtiyacınız olmadığında çok fazla bilgi istemek, insanları ertelemek için yeterli olabilir. Büyük isimler bile bunu yanlış anlıyor.

Kaynak: Pazarlama Örnekleri

Kayıt formunuzu ne kadar basit hale getirebileceğinizi düşünün. Belki sadece Notion gibi bir e-posta isteyebilirsiniz.

Kaynak: Kavram

Ardından, kurulum ve işe alım yoluyla ihtiyacınız olan bilgilerin geri kalanını alın. Ayrıca bu fikirleri formlarınızla A/B testi yapabilirsiniz:

• Ücretsiz denemeler için kredi kartı bilgilerini isteyin veya istemeyin
• Tamamlanan alanlar hakkında anında geri bildirimde bulunun (örn. tikler veya çarpılar)
• Sosyal medya, Google veya Apple aracılığıyla kaydolma seçenekleri
• Harekete geçirici mesaj ifadesi ve düğme rengi
• Form yapısı, yerleştirme ve ilerleme göstergeleri
• Talimatlar veya hata mesajı varyasyonları ekleyin

Açılış sayfanızdaki her şeyi harekete geçirici mesajdan ziyade bir değer çağrısı gibi düşünün. Bu ipucu, bu bahis forumunun kayıtlarını %31,54 oranında artırdı.

Kaynak: Unbounce

Çünkü insanların kaydolmaktan ne elde edecekleri çok daha açıktı. Test, 13.560 ziyaretçi ve 291 dönüşümden oluşan bir örneklem boyutuyla 9 gün sürdü. Ve bunların tümü, yaptığınız herhangi bir A/B testinde izlemeniz gereken önemli metriklerdir.

İşlemi basitleştirebilirseniz, yapın. Çok fazla bilgiye ihtiyacınız varsa, bölün. İnsanlar için ilerlemenin her aşamasını mümkün olduğunca sorunsuz hale getirin.

Açılış sayfası tasarım düzeni

Şimdiye kadar birçok tek sayfa öğesini ele aldım. Peki ya bir bütün olarak açılış sayfanızın tasarımı?

Düzen, insanların ilk gördükleri ve etkileşimde bulundukları şeyler üzerinde büyük bir etkiye sahip olabilir. Isı haritaları ve oturum kayıtları burada çok değerlidir. Çünkü kullanıcı yolculuğunu izlemenize yardımcı olabilirler. (Başlangıçta bahsettiğim araçlardan bazıları bu konuda yardımcı olabilir.)

İlk önce insanların dikkatini neyin çektiğini size gösterecekler. Ayrıca, olması gerektiği gibi çalışmayan tüm özellikler veya düğmeler.

Kaynak: GIPHY

Ziyaretçilerinizin sıcak mı yoksa soğuk mu olduğuna bağlı olarak çok şey değişecektir. CTA'ları ve formları "ekranın üst kısmına" koymak standarttır. Ancak insanlar ürününüz hakkında hiçbir şey bilmiyorsa, bu saldırgan görünebilir.

Bu şirket, CTA'larını uzun B2C açılış sayfalarının en altına taşıdı. Ve aslında dönüşümleri %304 artırdı.

Kaynak: Neil Patel

Sadece norm ile gitmeyin. Ya da herkesin ne yaptığını. Çünkü siteniz için doğru olmayabilir.

Unbounce veya Leadpages gibi açılış sayfası oluşturucuların birçok şablonu ve seçeneği vardır. Bu nedenle, bunları ilham almak için kullanın veya kendi yolunuza gidin.

Düzeninizi karıştırmak için kayıtların ve ısı haritalarının sonuçlarını kullanın. Kullanıcı yolculuğunuzun ne olduğunu düşündüğünüzü düşünmeyin . Takip edin ve gerçeklere dayalı değişiklikler yapın.

Sosyal kanıt

Çoğu ana sayfa artık sosyal kanıt içeriyor. İnsanların davranışlarını başkalarının ne yaptığına bağlı olarak uyarlaması fikrine dayanır. Güven ve algılanan değer oluşturmaya yardımcı olduğu için açılış sayfanıza fayda sağlar. Ve ilk kez web sitesi ziyaretçilerinin güven düzeyini artırır.

Sosyal kanıt birçok biçimde olabilir:

• İncelemeler
• referanslar
• Durum çalışmaları
• Kullanıcı tarafından oluşturulan içerik (UGC)
• Influencer ve marka elçisi onayları
• Kullanıcı istatistikleri

Şirketinizin ziyaretçiler için neden doğru seçim olduğunu hızlı bir şekilde vurgulayabilir. VWO'nun ana sayfasındaki sosyal kanıt gibi.

Başarılarını çok basit bir şekilde gösterdiler. Her marka logosunun yanında, araçlarını kullanarak dönüşümleri ne kadar artırdıklarını gösteren bir yüzde:

Diğer zamanlarda, sosyal kanıt sayfayı karıştırabilir. Ve odağı CTA'nızdan uzaklaştırın. Bu, eklemeden önce düzeninize bakmak anlamına gelebilir.

Buffer, sosyal kanıt için ana sayfalarında referansların ve istatistiklerin bir karışımını kullanır. Halihazırda şirketi kullanan ve değer veren çok sayıda insanı gösterir. Ardından belirli deneyimlere dalar:

Ya da mega basit tutabilirsiniz. Ve TrustPilot gibi iyi bilinen bir inceleme sitesinden puanınızı görüntüleyin. Böylece başka bir şey söylemenize gerek kalmaz.

Kaynak: Butternut Box

Peki, kendi sosyal kanıtınızı nasıl elde edersiniz? Bu seçenekleri deneyin:

• Müşterilerden sosyal medyada geri bildirim isteyin
• İnsanların markanız hakkında ne söylediğini görmek için sosyal dinlemeyi kullanın
• Sitenize yorum ekleyin
• UGC isteyin veya bir hashtag kampanyası başlatın
• Google Analytics'ten bazı metrikleri vurgulayın

Birkaç seçeneğiniz olduğunda, test etme zamanı. Açılış sayfanızın düzenine nasıl sığabileceğini görün. Hangi sürümün müşterilerin ilgisini çektiğini ve hangisinin fazla bir şey katmadığını öğrenin. O zaman başka bir şey dene.

Daha küçük ayrıntılar (renkler, yazı tipleri vb.)

Bir açılış sayfasının iki versiyonunun test edilmesi için çok farklı olması gerekmez. Bazen önemsiz gibi görünen detayları değiştiriyor.

Bir örneğe mi ihtiyacınız var? Bu CTA düğmesinin arka planının boyutunu artırmak, dönüşümleri %10 oranında azalttı. Çılgın, değil mi?

Test etme fırsatları sonsuzdur. Ancak unutmayın, yaptığınız her şeyi olumlu bir etkisi olabileceğini öne süren araştırmalara dayandırın.

Şunlarla oynayabilirsiniz:

• Renk uyumu
• Tipografi ve yazı tipi boyutu
• geri sayım sayaçları
• Arka plan resimleri ve desenleri
• Bağlantı rengi

Açıkçası, yüzlerce yazı tipi varyasyonunu test etmek için zaman kaybetmek istemezsiniz. Bu yüzden gerçekçi olun ve marka kimliğinize uyan birkaç tane seçin.

Bu sitenin durumunda, tek bir bağlantının yazı tipi boyutunu artırmak, +%33 tıklama oranıyla sonuçlandı.

Bunun gibi küçük bir ince ayar, binlerce dolarlık fark olabilir. Ama denemeden bilemezsiniz.

Çözüm

A/B testi yapabileceğiniz açılış sayfanızın o kadar çok öğesi var ki. Ama önce onları desteklemek için kanıtlara ihtiyacın var.

Çok şey ürününüze veya hizmetinize bağlı olacaktır. Ve kullanıcıları yönlendirmek istediğiniz açılış sayfası türleri. İnsanlar sitenize ulaştıklarında satın almaya hazır mı? Yoksa ürününüz hakkında daha fazla şey öğrenmeyi mi umuyorlar?

İzleyici araştırması çok önemlidir. Bu nedenle, önce potansiyel müşteriler hakkında her şeyi bildiğinizden emin olun. Bu şekilde, açılış sayfası A/B testiniz daha az zaman ve çaba harcar. Ve çok daha anlamlı bir etkiye sahip.

A/B testinde herhangi bir başarı gördünüz mü? Açılış sayfanızın hangi bölümü güncellemeyi kullanabilir? Aşağıdaki yorumlarda bize bildirin.