Blog

Mükemmel Bir Açılış Sayfasına İhtiyacın Yok. İtirazlarının Üstesinden Gel.

Açılış sayfanı geride tutan altı itirazı yanıtla—ve ekip, trafik veya yeniden tasarım olmadan değişiklikler yap.

Özet

Çoğu açılış sayfası tavsiyesi bir ekibiniz, trafiğiniz ve zamanınız olduğunu varsayar. Ama yok. Bu makale, solo girişimcilerin ve pazarlamacıların açılış sayfalarını geliştirmesini engelleyen altı kişisel itirazı ele alıyor. Yeniden tasarımın neden bir geciktirme taktiği olduğunu, A/B testleri olmadan bozuk şeyleri nasıl bulacağınızı ve mesaj uyumunun neden her şeyden daha önemli olduğunu öğreneceksiniz. Ayrıca seçenekleri azaltmak, sayfanızı hızlandırmak ve hangi en iyi uygulamayı önce uygulayacağınızı bilmek için pratik adımlar edineceksiniz. Tek bir değişiklik, ölçüldüğünde, hiç yayınlamadığınız kusursuz bir sayfadan daha iyidir. Bugün on dakikalık bir düzeltmeyle başlayın.

Çoğu açılış sayfası tavsiyesi bir ekibiniz olduğunu varsayar. Ama yok. Trafiğiniz olduğunu varsayar. Belki yok. Sonsuz A/B testleri yapabileceğinizi varsayar. Yapamazsınız. Böylece genel "en iyi uygulamalar" listesi bir eylem kaynağı değil, suçluluk kaynağı haline gelir. Okursunuz, başınızı sallarsınız, sekmeyi kapatırsınız ve sayfanız aynı kalır. Bir büyüme ekibiyle aynı 24 saate sahipsiniz. Fark odaktır. Bu sizin odağınız.

Bunu yapmayı bırakın. Açılış sayfası optimizasyonunu kendinizle bir tartışma gibi düşünün. Ne zaman "Bunu sonra düzeltirim" diye düşünseniz, bir itiraz ortaya atmışsınızdır. Şimdi yanıtlayın. Solo girişimcileri ve pazarlamacıları takılı bırakan altı itiraz ve her birinin üstesinden nasıl gelineceği şöyle: Bu itirazların çoğu aslında tek bir şeyle ilgili: sayfanızın tıklamayı nasıl kazandığı. İlk düzelteceğiniz şey budur.

"Zamanım olduğunda yeniden tasarlarım"

Yeniden tasarım nadiren daha fazla dönüşüme giden en hızlı yoldur. Büyük, korkutucu, zaman alıcı bir projedir — bu yüzden ertelenir. Bu sırada, başlığınızda tek bir değişiklik on dakikada yapılabilir. İlke: küçük, cerrahi düzenlemeler büyük yeniden tasarımları yener.

Somut örnek: İyi bir düzene sahip ancak belirsiz bir başlığı olan eski bir sayfanız var. Düzene dokunmayın. Başlığı, ürününüzün sunduğu spesifik sonucu ve hedef kitleyi belirtecek şekilde yeniden yazın. Şu anda "Verimlilik Yazılımı" diyorsanız, "Haftada 20 görüşme ayarlayan solo pazarlamacılar için planlama aracı" ifadesini deneyin. Farkı ölçün. Bu bir yeniden tasarım değil. Cerrahi bir düzenlemedir.

Bunu tek bir başlık için yapın. Ardından önümüzdeki hafta dönüşüm oranınıza ne olduğunu izleyin. Bu aşamada tam bir A/B testine ihtiyacınız yok. Öncesi ve sonrası kaydına ihtiyacınız var. Yeni başlık daha iyi performans gösteriyorsa koruyun. Değilse, eski haline dönün.

İşe yarayan bir başlık formülü: sonucu ilk üç kelimeye koyun. Ardından bir kitle veya zaman dilimiyle nitelendirin. "Ayda 20 müşteri edinin", "İşletmelerin büyümesine yardımcı oluyoruz" ifadesinden daha güçlüdür. İkinci versiyon daha belirsizdir. Belirsiz başlıklar ziyaretçilerin kendilerini kalmaktan vazgeçirmelerine izin verir.

Başka bir cerrahi düzenleme: CTA buton metniniz. "Gönder" yazıyorsa, "Ücretsiz Denememi Başlat" veya "Şablonumu Al" deneyin. Buton metni bir mikro başlıktır. Sırada bunu test edin. Ayrıca başlığı doğrudan destekleyen bir alt başlığı da test edebilirsiniz. Başlığınız bir sonuç vaat ediyorsa, alt başlığınız nasıl veya kimin için olduğunu açıklamalıdır. Bir cümle yeterlidir.

Açılış sayfası araştırması, görsel hiyerarşi ve "ikinci tıklama" hakkında zarif terminolojilerle doludur. İkinci tıklama fikri basittir: sayfanızın tek işi bir sonraki eylemi kazanmaktır. Kusursuz bir sayfaya ihtiyacınız yok. Bir engeli kaldıran bir sayfaya ihtiyacınız var. En büyük engeli bulun, kaldırın, sıradakine geçin. Ekip olmadan ilerlemenin yolu budur.

"Daha sonra yeniden tasarlarım" karşı argümanı: Yeniden tasarım cevap olsaydı, zaten yapmış olurdunuz. Sürekli ertelemeniz, gerçek bir çözüm olmadığını kanıtlıyor—bu bir erteleme stratejisi. Bugün yapılacak tek bir değişikliğe bölün.

Hangi değişikliğin önce yapılacağını seçmek için sorun: sayfadaki en kafa karıştırıcı öğe nedir? Genellikle başlık veya kahraman mesajıdır. Oradan başlayın.

"Test etmek için yeterli trafiğim yok"

Bozuk şeyleri bulmak için istatistiksel anlamlılığa ihtiyacınız yok. A/B testinin yeri vardır, ancak düşük trafikte bir sonuca ulaşmak aylar alır. Bunun yerine, sayfanızı yayında bırakın ve ziyaretçilerin gerçekte ne yaptığını izleyin. Microsoft Clarity ve Hotjar gibi ücretsiz araçlar oturumları kaydeder ve ısı haritaları gösterir. Sorunları hemen fark edeceksiniz.

Somut örnek: Isı haritasında ziyaretçilerinizin birçoğunun bağlantısı olmayan bir paragrafa tıkladığını fark ediyorsunuz. Bir detay sayfasına gitmesini bekliyorlar. Bu paragrafı gerçek bir bağlantıya dönüştürün veya bilgiyi ana CTA'ya taşıyın. Bir ziyaretçinin kafa karışıklığı muhtemelen yüzlerce kişi tarafından paylaşılıyor. Bir teste ihtiyacınız yoktu; izlemeye ihtiyacınız vardı.

Başka bir örnek: Bir oturum kaydı, birinin formunuzu doldurduğunu, ardından telefon numarası alanına geldiğinde her şeyi sildiğini gösteriyor. Alan zorunlu değil, ancak ortaya yerleştirilmiş ve zorunlu görünüyor. İsteğe bağlı yapın ve iyileşmeyi not edin.

Davranış verilerini kullanmanın yapılandırılmış bir yolu:

  1. Açılış sayfanız için oturum kaydını açın.
  2. Bu hafta on yeni kaydı izleyin.
  3. Ziyaretçinin tereddüt ettiği, tıklanabilir olmayan bir öğeye tıkladığı veya geri kaydırdığı anları not edin.
  4. Gördüğünüz ilk üç sorunu düzeltin.

Yalnızca ortalamalara güvenmeyin. Tereddüt anları için bireysel oturumlara bakın. CTA'ya tıklayıp tıklamaktan vazgeçen bir kullanıcı size formunuz veya teklifiniz hakkında bir şey anlatıyor.

Ayrıca Google Analytics'i açın ve sayfanın çıkış oranını bulun. Ziyaretçiler yalnızca biraz kaydırdıktan sonra ayrılıyorsa, bu mesajınızın veya düzeninizin ölü bir bölgesi olduğunun işaretidir. Aracınız takip ediyorsa kaydırma derinliği raporuna bakın. Ziyaretçilerin iki kez kaydırdığı yerleri izleyin. Çoğu kişinin yalnızca ilk iki ekranı gördüğünü gösteren bir ısı haritası, önemli bilgilerinizin gömülü olduğu anlamına gelir. Avantajlarınızı yukarı taşıyın.

Sayfanıza bir telefonda bakın. Form sıkıştırılmışsa veya buton katın altındaysa, mobil ziyaretçileri kaybediyorsunuz. Trafiğinizin çoğu mobil olabilir. Başka bir şey değiştirmeden önce mobil görünümü kontrol edin.

Oturum kayıt araçlarınız yoksa, bir arkadaşınızdan sayfayı kullanmasını ve sesli düşünmesini isteyin. Hiçbir şey yüklemeden içgörülerin %80'ini elde edersiniz.

Bu, işe yeni başlarken 10 dakikalık dönüşüm denetiminin bir aylık testten daha iyi olmasının nedenidir.

Karşı argüman: "Ama neyin işe yaradığını bilmem gerek." Hayır, neyin bozuk olduğunu bilmeniz gerek. Bozuk olanı düzeltin, ardından gerçekten ölçebileceğiniz izole değişikliklere geçin. Tek bir oturum kaydı bile size hiç fark etmediğiniz bir şeyi gösterebilir.

"Sorun benim trafiğim, sayfam değil"

Reklamınız ve sayfanız uyuşmuyorsa, ziyaretçi dönüşüm yapmaz—ve bu sayfanın hatasıdır. Buna mesaj uyumu denir. Ziyaretçi, belirli bir sonuç vaat ettiği için reklamınıza tıkladı. Sayfanız aynı vaatle, aynı kelimelerle açılmalıdır.

Somut örnek: "Ücretsiz içerik takvimi şablonunu indirin" diyen bir Facebook reklamı yayınlıyorsunuz. Tıklama, "Hepsi bir arada pazarlama paketiniz" ile başlayan ana sayfanıza geliyor. Uyumsuzluk. Ziyaretçi yanlış yerde olup olmadığını merak ediyor. Bazıları ayrılıyor. Kalan birkaç kişi şablonu bulmak için uğraşmak zorunda. Tek bir uyumsuzluk cümlesi bile dönüşümleri keser.

Düzeltin: Bu reklam için özel bir açılış sayfası oluşturun. Başlık reklamın vaadini tekrarlar: "Ücretsiz İçerik Takvimi Şablonunu Edinin." Alt başlık bir cümle bağlam ekler. CTA butonu "Şablonu İndir" der. Diğer her şey — gezinme, sosyal bağlantılar, diğer teklifler — ya kaldırılır ya da katın altına taşınır. Bu, yapabileceğiniz en etkili tek şeydir ve bir tasarımcı gerektirmez.

Kontrol etmenin pratik bir yolu: reklamınızı açın, reklam metninizin ilk cümlesini tam olarak kopyalayın ve başlığınız olarak yapıştırın. Ardından bir sonraki satırın onu doğrudan desteklediğinden emin olun. Reklamda bir görsel varsa, sayfanız bu görseli yansıtmalıdır. Tutarlılık güven ve tanınırlık oluşturur. Aynı ilke sosyal kanıt için de geçerlidir: reklamınız bir yorum veya puan belirtiyorsa, sayfanız CTA'nın yakınında aynı kanıt öğesini göstermelidir.

Ayrıca sayfa başlığı etiketinin reklamın vaadiyle eşleştiğini kontrol edin. Birinin birden fazla sekmesi açıkken, uyumsuz bir başlık etiketi sayfanızın ilgisiz bir site gibi görünmesine neden olur.

Ücretli aramada bu kuralın kuralıdır: sayfanın başlığı reklamın ilk satırını yansıtmalıdır. İnsanlar anında tarar; eşleşen kelimeleri görmezlerse yanlış yerde olduklarını varsayarlar. Aynı kural organik arama için de geçerlidir: birisi "ücretsiz denetim" yazdığı için sonucunuza tıklarsa, sayfanız en başta "ücretsiz denetim" yazmalıdır.

Karşı argüman: "Her reklam için ayrı sayfalar oluşturacak zamanım yok." Her reklam için ayrı bir sayfaya ihtiyacınız yok. Reklamları vaatlerine göre gruplayın. Üç reklam da aynı şablonu vaat ediyorsa, tek sayfa işe yarar. Beş farklı teklifiniz varsa, her biri mesaj uyumuyla beş basit sayfa oluşturun. Bu sayfaların ilk taslağını, her birine bir tasarımcı dahil etmeden hızlıca oluşturabilirsiniz.

En çok trafik çeken reklamla başlayın. Mesaj uyumunun en büyük getiri sağladığı yer burasıdır. (Ayrıca bu yüzden sayfadan önce tıklamayı düzeltmelisiniz: aynı disiplin tüm huniniz için geçerlidir.)

"Daha fazla metin onları ikna eder"

Daha fazla kelime nadiren kimseyi ikna eder. Netlik ikna eder. Hick Yasası'nın arkasındaki araştırma, ne kadar çok seçenek sunarsanız, birinin karar vermesinin o kadar uzun sürdüğünü söyler. Açılış sayfasında, her ekstra paragraf, bağlantı ve görsel bir seçimdir. Her biri birincil eylem çağrınızla rekabet eder.

Somut örnek: Hizmet sayfanız dört farklı vaka çalışması, tam bir ürün turu, bir fiyatlandırma tablosu ve kenar çubuğunda bir blog arşivi listeliyor. Ziyaretçinin görevi "Denemeyi Başlat" butonuna tıklayıp tıklamayacağına karar vermek—ancak siz onlara bir menü verdiniz. Şunun dışında her şeyi kaldırın: ne olduğu, neden işe yaradığı, bir kanıt noktası, bir eylem.

Neyi tutacağınıza karar vermek için: önce sayfanızdaki her şeyi listeleyin. Her öğe için şunu sorun: "Bu, birinin birincil eylemi gerçekleştirmesine yardımcı oluyor mu?" Değilse, kaldırın veya katın altına taşıyın. Yalnızca bir destekleyici kanıt öğesi tutun — bir referans, bir puan, bir logo şeridi. Daha fazlası, sonuç arayan kanıta dönüşür.

Form uzunluğunu unutmayın. Her alan bir seçimdir. Formunuz bir potansiyel müşteri formuysa, onu üç alana indirmeyi düşünün: ad, e-posta, şirket. Yalnızca bu, tamamlanmayı değiştirebilir. Test edin.

Seçimi azaltmanın başka bir yolu: gezinmeyi kaldırın. Özel bir açılış sayfanız varsa, gezinme bir çıkış yoludur. Açılış sayfası rehberleri, ziyaretçileri göreve odaklamak için gezinmeyi kaldırmayı önerir. Birincil eylemi katın üzerinde tutun, ancak her şeyi ilk ekrana doldurmayın. Tek CTA'lı temiz bir üst kısım, bir metin duvarından daha iyi çalışır.

Şimdi genel tavsiyelerin göz ardı ettiği uyarı: uzunluk düşman değildir—dağınıklık düşmandır. Bir hikaye anlatan tek sayfalık bir satış mektubu 2.000 kelime olabilir ve iyi dönüşüm sağlar, çünkü bir sırayı takip eder: acı, çözüm, kanıt, kapanış. CTA'yı bir bağlantı yığınının altına gömen 300 kelimelik bir sayfa kaybeder. Bu yüzden sırf kesmek için metin kesmeyin. Seçimleri kesin. Kalanı yapılandırın. Karmaşık bir ürün satıyorsanız, daha fazla kelimeye ihtiyacınız olacaktır. Sorun değil. Her bölümün tek bir işi ve tek bir eylemi olduğundan emin olun.

Yönlendirme ipuçları da yardımcı olur. Görsel bir ipucu—butona işaret eden bir ok, forma yönlendirilmiş bir kişinin bakışı—kaydırma ısı haritasındaki farkı fark edene kadar önemli görünmez. Bir tane kullanın.

Ve ne kaldıracağınıza karar verirken, aykırı soruyu sorun: bilgiye en çok ihtiyaç duyan bir ziyaretçi ne arıyor olurdu? Onu tutun. "Sahip olması güzel" olanı kaldırın. "Basitleştir" ilkesini, gerçekten satan bilgiyi yok etmeden uygulamanın tek yolu budur.

"Hız, çözemeyeceğim teknik bir sorun"

Hızlı sayfalar dönüştürür. Bir saniyelik gecikme dönüşümleri %7 azaltabilir. Bu bir saniye genellikle bir tasarım sorunu değildir—bir geliştirici olmadan çözebileceğiniz bir dosya boyutu ve komut dosyası sorunudur.

Somut örnek: Kahraman görseliniz 2MB çünkü doğrudan telefondan yüklediniz. 200KB'ın altına sıkıştırın. Görsel fark çoğu ekranda ihmal edilebilir düzeydedir, ancak yükleme süresi iyileştirmesi önemlidir. Benzer şekilde, aktif olarak kullanmadığınız üçüncü taraf komut dosyalarını kaldırın: unuttuğunuz canlı sohbet widget'ı, kimsenin tıklamadığı sosyal paylaşım butonları. Her komut dosyası bant genişliği için rekabet eder.

Nasıl kontrol edilir: sayfanızı Chrome DevTools'ta açın. Ağ sekmesine bakın. Boyuta göre sıralayın. En büyük dosyaları bulun. Görselleri sıkıştırın veya değiştirin. Komut dosyaları için, her birinin dönüşüme doğrudan yardımcı olup olmadığını kendinize sorun. Google PageSpeed Insights gibi bir araç, size hız sorunlarının net ve önceliklendirilmiş bir listesini verir. Kullanın.

Diğer pratik adımlar:

  • Kat altındaki görseller için yavaş yükleme (lazy loading) etkinleştirin.
  • Web yazı tiplerini iki aileyle sınırlayın.
  • Barındırıcınız sunuyorsa bir içerik dağıtım ağı kullanın.
  • Sayfa oluşturucunuz izin veriyorsa kullanılmayan CSS veya JavaScript'i kaldırın.

TinyPNG gibi ücretsiz bir çevrimiçi görsel sıkıştırıcı kullanarak varlıkları saniyeler içinde küçültün. Yazı tiplerinizin dosya boyutunu da kontrol edin. Büyük bir yazı tipi dosyası sayfayı yavaşlatabilir. Yükü kaldıramıyorsanız sistem yazı tiplerini kullanın.

Bunlar yalnızca geliştirici görevleri değildir. On dakikalık düzeltmelerdir. Günde bir tane yapın ve hız sorunu bir hafta içinde ortadan kalkar.

Son olarak, bir hız bütçesi belirleyin. Sayfanızın üç saniyeden kısa sürede yüklenmesi gerektiğine karar verin ve düzenli olarak test edin. En yavaş öğelerinize göz kulak olun.

Karşı argüman: "Platformum yükleme süresini kontrol ediyor." Bir yere kadar doğru, ancak platform üzerinden yüklediğiniz şeyleri yine de optimize edebilirsiniz. Görselleri sıkıştırın, yavaş yükleyin, yazı tiplerini sınırlayın. Hızın imkansız olduğunu ilan etmeden önce oradan başlayın. Kurtardığınız her saniye, şu anda bağışladığınız dönüşümün geri kazanılmasıdır.

"Önce tüm en iyi uygulamaları işaretlemem gerekiyor"

En iyi uygulamalar bir yapılacaklar listesi değildir. Bir menüdür. Hepsini aynı anda uygulamak—gezinmeyi kaldırmak, sosyal kanıt eklemek, her başlığı yeniden yazmak, düzeni değiştirmek—neyin işe yaradığını bilmeyi imkansız hale getirir. Ve yorucudur, bu yüzden sürekli yapmıyorsunuz.

Somut örnek: bu hafta için tam olarak bir değişiklik seçin. Üç değil. Beş değil. Bir. Denetiminizde bulduğunuz en büyük sürtünme noktasını doğrudan ele alan değişikliği seçin. Yapın, ölçün, bir hafta bırakın, ardından değerlendirin. Küçük ekipler böyle ilerler.

Ayrıca basit bir etki-çaba elemesi kullanabilirsiniz. Her potansiyel değişikliği puanlayın: dönüşüme etkisi (1-5) ve çaba (1-5). Etkiyi çabaya bölün. En yüksek puanı alan öğeyi seçin. Bu, analiz felci olmadan bir karar verir. Ardından listede tek tek ilerleyin.

Örneğin, başlığı değiştirmek etki 4 ve çaba 1 olabilir (puan 4). Gezinmeyi kaldırmak etki 3 ve çaba 3 olabilir (puan 1). Önce başlığı yaparsınız. Matematik, gerçekte neyin zor olduğu konusunda dürüst olmanızı sağlar.

Ayrıca değişikliklerinizi temaya göre gruplayabilirsiniz: bu ay tüm mesaj değişiklikleri, gelecek ay düzen değişiklikleri. Bu şekilde değişimleri ilişkilendirebilirsiniz. Ve neyi ne zaman değiştirdiğinizi kaydetmeyi unutmayın. Yinelemelerinizi takip etmezseniz neyin işe yaradığını bilemezsiniz.

Açılış sayfası araştırması on üç, on dört, on sekiz element listeleme eğilimindedir—kimsenin bitiremeyeceği kadar uzun. Sayfanız için önemli olanlar, belirli sürtünmenizi ele alanlardır. Bu yüzden tüm listeyi görmezden gelin. Şu anda size en pahalıya mal olan itirazı yanıtlayın. Sınırlı trafikle testleri önceliklendirme hakkında daha fazla bilgiyi açılış sayfası testlerini önceliklendirme rehberimizde bulabilirsiniz.

İşte yaygın itirazların ve doğru yanıtın bir karşılaştırması.

İtirazAslında doğru olanEylem
"Zamanım olduğunda yeniden tasarlarım"Yeniden tasarım bir geciktirme taktiğidir; cerrahi düzenlemeler dönüştürürBugün bir başlığı değiştirin
"Test etmek için yeterli trafik yok"Bozuk şeyleri bulmak için teste ihtiyacınız yokBir oturum kaydını izleyin
"Sorun trafik"Mesaj uyumu ilk filtredirReklamınızın vaadini başlıkta tekrarlayın
"Daha fazla metin onları ikna eder"Seçenekler bunaltır; yapı bilgilendirirBir bağlantıyı kesin, bir yönlendirme ipucu ekleyin
"Hız teknik bir düzeltme"Çoğu hız sorunu görsel ve komut dosyası şişkinliğidirBir görseli sıkıştırın, bir komut dosyasını kaldırın
"Tüm en iyi uygulamaları işaretlemeliyim"En iyi uygulamalar bir menüdür, zorunluluk değilBir değişiklik uygulayın, ölçün

Sonuç

Doğru anı veya doğru araçları beklemeyi bırakın. Bir açılış sayfasının iyileşmesinin tek yolu, her biri kendinize yaptığınız bir itirazın yanıtı olan küçük, bilinçli değişiklikler dizisidir. İlk değişiklik on dakika sürer. Şimdi yapın. Sayfa yarın farklı olacak. Ve sonra bir sonrakini yapacaksınız.

Bu hafta yanıtlayacağınız tek itirazı yazın. Masanıza bir not koyun. Kendinizi "Bunu sonra optimize ederim" derken yakaladığınızda, notu okuyun ve değişikliği yapın.

Ölçmeyi atlarsanız, tahmin ediyorsunuz. Değiştirmeyi atlarsanız, okuyorsunuz. Tek boşa harcanan çaba, gözlemlemediğiniz değişikliktir.

Tüm süreç bu. Ekip gerekmez. Yeniden tasarım gerekmez. Başlamak için trafik gerekmez. İtirazlarınızı yanıtlayın, bir değişiklik yapın, ölçün, tekrarlayın. Sayfanız asla kusursuz hissettirmeyecek—ancak şu ankinden daha iyi dönüşüm sağlayacak. Size en tanıdık gelen itirazla başlayın. Size en pahalıya mal olan odur.

Sources (5)