Divi kurşunları ile sıfırdan etkili bir açılış sayfası nasıl yapılır
Yön sayfası, tek bir amaç için oluşturduğunuz sayfadır: dönüşüm. Sayfa ziyaretçilerini takipçilere, kayıtlara veya müşterilere değiştirmek istiyorsunuz. Etkili bir sayfaya sahip olmak, tüm çevrimiçi işletmeleriniz için başarı ve başarısızlık arasında bir fark olabilir. Birçoğunuz Divi temamızı yıllardır kullandınız, çünkü bu WordPress yön sayfalarını hızlı ve kolay bir şekilde yapmak için en iyi araçlardan biri. Şimdi, DIVI 2.7’nin piyasaya sürülmesi ve Divi tarafından yönetilen güçlü bir ayrı test özelliği sayesinde, bu aynı zamanda WordPress kullanıcıları için yönlendirmenin en etkili yollarından biridir.
Bu makalede, etkili sayfaların anatomisini açıklayacağım ve daha sonra size Divi kurşunlarıyla başarılı olmak için testleri nasıl paylaşacağınızı göstereceğim. Etkili sayfaların anatomisi
Alt Başlık – Destekleyici Bilgiler Sağlama.İyi başlıkların önemi abartılamaz.Başlık net, özlü olmalı ve okuyucunuzun dikkatini çekmelidir.Değilse, çok zaman geçirebilirler.Dikkat çeken manşetleri yazma yönergelerinde, yazar Neil Patel ve Joseph Putnam, pazarlamada başlıkların reklam dolarının% 90’ı olduğunu belirtti.Ve kişisel olarak e -posta konu satırında bir kelimenin kampanya dönüşüm oranında% 46 fark yarattığını gördüler.Bu resim veya video bir kahramanın veya ürün videonunun resmidir.Yapabileceğiniz en iyi kalitede resimler veya videolar ve ses kullanın.İyi aydınlatmaya sahip olduklarından ve profesyonel fotoğrafçılık standartlarını kullandıklarından emin olun.Cep telefonu resmi gibi görünmemeliler.Bir stüdyo görüntüsü gibi görünmeliler.
Bu teklif ve fayda, ürünleri ve bunları kullanmanın faydalarını anlatan reklamların bir kopyasıdır. Başlıktan ve doğrudan takip etmelidir. Layman terimini kullanın. Aşırı ürünler satmayın ve çok fantastik vaatler yapmayın. Özellik ve faydaların temiz bir listesi için. Harekete geçme davetleri, sayfanın ana hedefleridir. Geri kalanı, ziyaretçilerinizi CTA’ya yönlendirmek ve doğru kararları vermek için ihtiyaç duydukları bilgileri vermek için bilgileri desteklemektedir. Bu genellikle satın alma, indirme, katılma, tıklama, ardından ücretsiz olarak terim ekleme gibi eylem ifadelerini kullanan bir düğmedir. Örneğin, düğme “Şimdi Satın Al”, “Free Download”, “Bugün Katıl”, “%15 indirim için buraya tıklayın” vb. Gibi metinler içerebilir. Davet düğmesi eylemleri iyi, belirgin bir ve üzerinde “kat” olarak etiketlenmelidir (kaydırmak zorunda kalmadan masaüstünde görülebilir). Ziyaretçileri asla CTA düğmenizi bulmaya zorlamayın.
Bu sosyal kanıt ve güven, güven oluşturmak için sıralama, incelemeler, röportajlar, satış rakamları, basın açıklamaları, garantiler ve diğer materyalleri içerir.Bu, iyi ve kötü ifadeler ve uygun incelemeler içermeli ve yuvarlak sayılar içermelidir.Bu dürüst incelemeleri ve referansları kanıtlar ve sahte iddialarda bulunmaz ve güvenilirlik oluşturmaz.Güven oluşturmanın bir başka yolu da güven ve güvenlik rozeti eklemektir.Navigasyon yapınız, ziyaretçilerinizi oyunculuk davetinizden yönlendirmek istemez.Menü sistemi kısa ve basit olmalıdır, kolayca anlaşılan ve takip edilen birkaç bağlantı.Menüdeki her sayfa ve kategori istemezsiniz.Bu, normal sayfada beklediğiniz gibi tam bir navigasyon yapısı değildir.Unutmayın, odak dönüşümdür, bunları sitedeki diğer sayfalara yönlendirmez.
Oyunculuk davetiniz için bu navigasyonu tamamen durdurmayı bile düşünebilirsiniz. Navigasyon istiyorsanız, o zaman veranda bağlantısı yeterlidir. Bazıları bu sayfada hiç navigasyon olmadığını öne sürüyor. Bazıları, bazıları olmasa da web sitesini tanımlamak için başlıktaki logoyu içerir. Daha iyi bir siteyi tanımlamak için bir logo eklemeyi tercih ederim. Bu, web siteniz için en iyi olanı test edebileceğiniz ve görebileceğiniz bir şey. Yerleştirme yerleştirme, ziyaretçiler tarafından kullanılan ekran veya cihaz türüne ve hedeflemeye çalıştığınız cihaz türüne bağlı olarak değişecektir. Ekrandaki en önemli alan, ziyaretçilerin kaydırılmasından önce görünen şeydir. Başlık, metin ve CTA gibi sayfanızın en önemli öğelerine ihtiyaç duyduğunuz yer burasıdır. Sosyal kanıtlar ve ek bilgiler gibi destekleyici unsurlar rulo (veya kat) altına yerleştirilebilir. Bu masaüstünde daha belirgindir. İlk test
Yukarıda açıklanan kavramı kullanarak, Divi Builder’ı kullanarak yön sayfasını elle geliştirdim. Gerçek Dünya Testinde, siteyi birkaç gün boyunca çalıştıracağım (veya harekete geçme davetimin sonuçlarını görmek için ne kadar istatistiksel olarak önemli bir test çalıştıracağım). Bu bana gelişimi karşılaştırmam ve verilerimi ölçmeme yardımcı olacak temel verecektir. Taban çizgimi aldıktan sonra A/B testime başlayacağım. Erken A/B Test Testi Bu başladığım düzen. Bu bana net bir başlık, alt başlıklar, ürün resimleri, ürünler için metin, CTA, kullanıcılar için açıklama, diğer resimler ve sayfanın altındaki diğer CTA’yı veriyor. Divi Builder Kütüphanesi’ndeki yön sayfasının yönünden bir dizi kuyruk aldım. Ölçülebilecek yeterli veriye sahip olduktan sonra testlerime başlayabildim. Fikri test etmek sadece değişiklik yapmak için değişiklik yapmak değil. Tweaks spesifik olmalı ve uygulanan en iyi sonuçlarla test edilebilir. Divi ile artış yapmaya nereden odaklanacağınızı bulmanın en iyi yolu, divi kurşunları kullanarak A/B testi yapmaktır. Bu bölümde yaptığım testi ve elde ettiğim sonuçları gösterdim. Hangi testlerin yapılacağına karar vermek için, sadece ilk öğeyle başlıyorum ve ne olacağını görmek için değişiklikler yapıyorum. Her öğeyi A/B Divi uçlar testini kullanarak test etmek istiyorum. Aslında bu testte yaptığımdan daha uzun bir test yapacağım ve çok fazla trafik ve tıklayacağım. Sonuçlar sadece sayı küçük ve gerçekçi değil, ancak sadece gösteri amacıyla simüle edilir.
Başlık metni
Başlık metninde A/B testi
Başlık metniyle başladım. Metnin okuyucunun dikkatini ne kadar iyi çektiğini görmek istiyorum. Bunun için metni bir konu olarak kullanıyorum ve davet düğmesi hedefi görevi görüyor. Sonuçlar İkinci başlık, birinci başlıktan çok daha iyi bir okuma seviyesine sahiptir. İkinci başlık metnini saklıyorum ve bir sonraki teste geçiyorum. Görüntü ve metnin yeri
Bu testte, hangi düzenin harekete geçme daveti üzerinde en iyi etkiye sahip olduğunu görmek için görüntünün ve metnin konumunu karşılaştırıyorum. Harekete geçme davetinin görüntünün altında mı yoksa metin altında mı en iyi işlev olup olmadığını bilmek istiyorum. Görüntü ve metin değiştirme ve değiştirme davetinin izin verdim. Sonuçlar, satır 2’nin daha fazla şov aldığını, ancak satır 1 ile aynı sayıda tıklamaya sahip olduğunu gösteriyor, böylece satır 1 daha yüksek bir tıklama şovu oranına sahip. Şimdilik sıraları tasarruf edeceğim 1. Blurb ve referanslar Sonra ne tür referansların en başarılı olduğunu görmek istiyorum. Modülü bir konu ve hedefi olarak hareket etmek için bir davet olarak kullanıyorum.
Sonuçlar Sonuçlar, satır 2’nin satır 1’den daha yüksek bir katılıma sahip olduğunu göstermektedir, bu da yanındaki metinle yatay olarak yerleştirilen iki kısa açıklamadan daha başarılı istiflenmiş iki referans anlamına gelir. Referans versiyonu
Tanıklıklar iki CTA düğmesine çok yakın olduğundan, testi genişletmeye karar verdim. Referanslar için farklı bir düzen denemek ve CTA alt düğmesini eklemek istiyorum. Hedef olarak hareket etmek için bir davet kullanarak, bu çizgi için yeni bir düzen yaptım. Bu sefer referanslar için üçüncü seçeneği yaptım, bu yüzden şimdi biri diğerinin üstünde, ikisi yan yana ve üç yan yana olan iki tane var. Bu sefer ikinci bir test ekledim. Farklı bir sayfaya ikinci harekete geçme davetine yol açan kısa bir kod ekledim. Bu şekilde daha fazla veri alabilirim ve birinci veya ikinci CTA’dan daha fazla tıklama alıp almadığımı görebilirim. Sonuçlar
Sıra 2 ve Satır 3’ün gösteri başına 1. satırdan daha fazla tıklama olduğunu görebiliyorum. Hangisini seçmek için daha iyi olduğunu öğrenmek için başka faktörlere ihtiyacım var, bu yüzden kısa kod dönüşüm oranını görüyorum. Sıra 1 kısa kod dönüşümü için satır 3’e bağlı olduğundan, ancak Click Row 3 oranını tercih ediyorum, bu yüzden şimdilik satır 3’ü kullanacağım. Resim ve CTAOyunculuk resimleri ve davetiyeler için modüllerden ziyade hatları test etmek istiyorum. Bu şekilde farklı düzenler deneyebilir, farklı unsurlar vb. Ekleyebilirim. CTA’yı hedef olarak kullanıyorum. Sonuçlar Dört satırdan 1 ve 2 çizgileri en iyi sonuçlara sahiptir. Karar vermeye yardımcı olmak için daha fazla veri görüyorum. Daha fazla analizde, 1. satırın daha yüksek bir hedefi ve okuma görünümü ve okuma olduğunu görebiliyorum Daha büyük, farklı renkler, farklı metinler vb. Olması gerekip gerekmediğini görmek için ikincimi harekete geçirmek için davet düğmesini denemek istiyorum. Bu test için altı varyasyon yaptım. Bazı küçük farklılıklar, diğerleri daha aşırı. Sonuçlar CTA 3, 5 ve 6 aynı görünür. Benzerler, bu yüzden sadece üçüncüsünü koruyorum. Bu, net bir kazanan alana kadar her zaman geri dönebileceğim veya test etmeye devam edebileceğim bir şey. Parça rengi Düzende bazı ayarlamalar yaptıktan sonra, bir kerede bir parçanın arka planı için rengi test etmek istedim. Aynı düzene sahip iki parça yaptım, biri koyu bir arka plana ve diğeri parlak arka plana sahip. Bu testi bitirdikten sonra tekrar farklı bir renkle veya arka plan görüntüsü ile deneyeceğim. Sayfayı bir parça ile ve bir parça olmadan test etmek istiyorsanız parçaları bile boşaltabilirsiniz (elbette bu bölümle yapmazsınız). İki bölümün sonuçları aynı sayıda şov ve aynı tıklama alır, ancak Bölüm 2 daha yüksek bir orana sahiptir. Ayrıca, kısa kod dönüşüm seviyem diğer testlerden daha yüksek, son bölümün son renginin daha popüler olduğunu gösteriyor (ikinci CTA burada). Bu, buketi dikkate alır, çünkü müşteri ilk değil ikinci CTA düğmesini kullanır. Optimizasyon Yön sayfanızı optimize etmenin en iyi yolu, verileri analiz etmek ve bu verilere göre değişiklik yapmaktır. Tüm verileri analiz ettikten sonra, hangi modüllerin ve düzenlerin en iyi performans olduğunu buldum. Daha sonra modüllere geri döndüm ve daha fazla değişiklik yaptım ve farklı renkler, metin boyutu, konum, metin sayısını azaltma, davet düğmesinin kelimelerini değiştirme, okuyucuyu çizmek için kalın metni kullanarak daha fazla test yaptım. Dikkat, vb. Mesele, teste dayanarak test etmeye ve iyileştirmeler yapmaya devam etmektir. Yeterli testten sonra, ne kadar dönüşüm seviyesini arttırdığımı öğrenmek için sonuçları temel çizgimle karşılaştıracağım. Biraz çaba ile konuşmanızın seviyesini hızlı bir şekilde artırabilirsiniz. Daha az yaklaşım daha az yaklaştım ve düzeni temiz ve basit tutuyorum. Gerekli olmayan her şeyi kesin. Ziyaretçilerimizin dikkatini çekmek için 5 saniyemiz olduğu için çok fazla metni silmeye karar verdim. Çok fazla bilgi verirseniz, ziyaretçileri okumak ve karar vermelerini zorlaştırabilir. Metin sayısını neredeyse yarıya indirdim. Bu, okuyucuların daha fazla görüntü ve düğmeye odaklanmasını sağlar. Ayrıca, okuyucunun gözlerini yönlendirmeye ve sayfanın taranmasına yardımcı olmanın uygun olup olmadığını daha fazla mermi, kalın harf ve vurgulamaya karar verdim. Sayfanın ne olduğunu hızlı bir şekilde bulamazlarsa, ayrılabilirler. Çok fazla farklı eylem davetiyesi müşterileri karıştırabilir. İkinci harekete geçme davetini kaldırmak yerine, bunun aynı ürünü tıklayabilecekleri başka bir yer olduğunu açıklamaya karar verdim. Başka bir seçenek onu tamamen silmektir, ancak konumu göz önüne alındığında, bu dönüşüm oranını artırabilir. Bu CTA’yı test etmeye ve dönüşümü artırmadığını fark edersem, onu kaldırmayı düşüneceğim. Aynı teklif için birden fazla CTA’ya sahip olabilir, ancak anlaşılması kolay ve kolayca görülmelidir. Sıradaki ne? Test devam edin!
