Daha İyi Dönüştüren Açılış Sayfaları Oluşturma

Büyük olasılıkla, Unbounce'ın Kurucu Ortağı Oli Gardner, sizden daha fazla açılış sayfası gördü. (Geçen yıl Mayıs itibariyle yaklaşık 80.000.)

Açılış sayfalarının %98'inin, dikkat ve bağlamın dikkate alınmaması nedeniyle başarısız olduğunu söylüyor.

Açılış Sayfası Optimizasyonu'nun bir bölümünde Oli ve SiteTuners CEO'su Tim Ash, dönüşüm merkezli açılış sayfaları oluşturmayı tartışıyor.

Bir Kampanya Hedefiyle Başlayın

Açılış sayfanızı oluştururken Stephen Covey'in ' sonunu düşünerek başlayın' sözünü unutmayın .

Oli, yapmanız gerekenlere dikkat çekiyor…

• Özel bir açılış sayfası olmadan asla bir pazarlama kampanyası başlatmayın.
• Bir kampanya hedefi belirlemeden asla bir açılış sayfası oluşturmayın

Sayfanızın amacı, insanların hangi eylemi yapmasını istediğinizi bildirecektir.

Bu nedenle, yukarı akış trafik kaynaklarını ve ziyaretçi amacını - geldikleri bağlamı - anlamak planlamanın bir parçası olmalıdır.

Bu nedenle ideal bir dünyada, farklı bağlamlara sahip oldukları için her gelen kanalın kendi açılış sayfası olacaktır.

• Örneğin, aramanın amacı vardır.
• E-postanın konuşması vardır ve daha fazla bölümlere ayrılabilir - pazarlama otomasyonu yapıyorsanız, güven veya açtıkları e-posta sayısı açısından sizinle farklı ilişkiler içinde olan insanlar olabilir.

Dikkati Manipüle Edin

Çevrimiçi, dikkat kıt bir metadır.

Bu nedenle, ziyaretçiler sayfanıza geldiğinde dikkatlerini onlardan ne yapmalarını istediğinize odaklayın.

DİKKAT ORANI

Bir kampanyanın yalnızca 1 hedefi vardır.

Bu nedenle, insanların özel bir açılış sayfasında yapabilecekleri şeylerin sayısı ile yapmaları gereken şeylerin sayısının oranı 1:1 olmalıdır.

Bu, insanları bir reklamdan birkaç bağlantı içeren ana sayfanıza gönderdiğinizde olmaz. İşte bu yüzden açılış sayfaları kritiktir .

GÖRSEL HİYERARŞİ

Sayfada neyin önemli olduğunu vurgulamak için tasarımı bilinçli olarak kullanın: harekete geçirici mesajınız (CTA).

Tasarım öğeleri CTA'nızı desteklemeli ve insanların dikkatini ondan uzaklaştırmamalıdır.

• yakınlık

Birbirine yakın konumlanan şeylerin ilişkili olduğu varsayılır.

CTA'ya yakın ifadeler veya tasarım öğeleri, kapatıcılar olarak adlandırılır. Ve bir ziyaretçiyi CTA'nızı tıklamaya ikna edebilir veya caydırabilirler.

Örneğin, düğmeye çok yakın bir yere koymanız gereken bir sorumluluk reddi, insanların cesaretini kırabilir. Ancak, bir web semineri kaydı için “Yapamıyor musunuz? Yine de kaydolun, size kaydı gönderelim”, insanların katılamama endişesini giderir ve size daha fazla potansiyel müşteri sağlayabilir.

• Tutarlılık

Aynı tür içeriği aynı şekilde temsil edin , böylece ziyaretçiler üzerinde gereksiz bilişsel yük oluşturmazsınız.

Diyelim ki uzun bir sayfaya yayılmış referanslarınız var. Referansları aynı şekilde tasarlarsanız, kullanıcı her karşılaştığında bloğun ne tür içerik olduğunu bulmak zorunda kalmaz.

Bu, okunabilirliğe yardımcı olur.

• Anomali

Öte yandan, bir şey önemliyse ve onun öne çıkmasını istiyorsanız, onu diğerlerinden farklı kılın.

Diyelim ki bir konferans düzenliyorsunuz ve sayfada konuşmacıların fotoğrafları var. Ziyaretçilerin belirli konuşmacıları hemen fark etmelerini istiyorsanız, onları diğerlerinin üzerine koyabilir veya ayırabilirsiniz. Veya herkesin fotoğrafları daire şeklindeyse, öne çıkmasını istediklerinizi karelere koyun.

Kalıbı kesintiye uğratarak veya olağandışı bir şey yaparak insanların dikkatini çekersiniz.

Dikkat çekenlerden bahsetmişken…

• Hareket

Hareket, grafikleri ve metni geride bırakır.

Dikkat çekmek harika çünkü insanlar harekete bakmadan edemiyor.

Hareketi kullanmanın bir yolu, tasarımınız sayfada başka bir şey yokmuş gibi göründüğünde (veya kaydırma çubuğu görünmediğinde) kaydırma tetikleyicisi olarak kullanmaktır. Bu, uzun bir kaydırma sayfası olduğunu belirtmek için sıçrayan bir ok şeklinde olabilir.

Bununla birlikte, genellikle hareket tehlikelidir . Bu nedenle, CTA'nızı doğrudan desteklemediği sürece, sayfadan kaldırmayı düşünün.

BİLGİ HİYERARŞİSİ

Bu, hikayeyi doğru sırayla anlatmakla ilgilidir.

Oli, açılış sayfası tasarımının yapısı ve düzeni nedeniyle sayfalardaki bilgilerin genellikle sıra dışı olduğunu gözlemler.

• Kopyalama ve Tasarım

Kopyalama tasarımı bilgilendirmelidir , tersi değil. Şablonunuzda 3 madde işareti olduğu için sayfada 3 madde işareti olmamalıdır.

Yani …

1. Kampanya kopyasını yazın, ardından
2. Bu kopyayı görsel olarak iletmek için bir deneyim tasarlayın.

• Açık ve Zeki

Ayrıca, başlığın ve alt başlığın yanlış sıraya konduğunu görmek oldukça yaygındır.

İnsanların genellikle alt başlıkta açıklığa kavuşturdukları zekice ama net olmayan bir başlığı vardır. Oli, bunların sırası tersine çevrilirse, sayfanın netliğinin anında iki katına çıkacağına dikkat çekiyor.

Akıllıca başlıklar bağlama bağlı olarak işe yarayabilir veya çalışmayabilir.

Örneğin, e-posta odaklı bir kampanyaysa, insanlar size zaten aşinadır, bu nedenle biraz yaratıcı olabilirsiniz. Ancak, bu bir PPC kampanyasıysa, sayfa başlığını neredeyse kelimesi kelimesine reklamla eşleştirmeniz gerekir.

• Başlık, alt başlık ve CTA

Tim, doğrudan yanıtlı bir açılış sayfasının ziyaretçiye üç şeyi söylemesi gerektiğini ekler:

1. Sayfa ne hakkında? – Başlık
2. Eylem bloğuyla (örneğin bir form) neden etkileşime geçmeliyim? – Alt başlık
3. Düğmeye bastığımda ne olur? – CTA

Ve bunlar bu sırayla sunulmalıdır.

Hepsini bir araya koy

Dönüşümün bir numaralı itici gücü, ziyaretçinin amacına uygun olmasıdır .

Bağlamı düşünün; Ziyaretçinin nereden geldiğini ve ne yapmaya çalıştığını düşünün. Ziyaretçiler tıklamayı yapmadan önce vaat ettiğiniz şeyi yerine getirin. Bu, reklam tasarımı ve mesajının sayfa tasarımı ve içeriği ile eşleştirilmesi anlamına gelir.

İnsanların dikkatlerini yapmaları gereken şeye odaklayarak istediğiniz eylemi yapmalarını kolaylaştırın.

Bunu yaparak, insanların dönüştürmesini zahmetsiz hale getirirsiniz.

WebmasterRadio.fm'den “ Oli Gardner ile Açılış Sayfalarında Dikkati Manipüle Etme ” podcast'ini dinleyin veya indirin