Endişelenmeyi Bırakmayı ve Açılış Sayfasını (ve En İyi Uygulamalarını) Sevmeyi Nasıl Öğrendim?

Açılış sayfalarınız dönüştürme makineleri mi yoksa hemen çıkma oranı roketleri mi? İçerik teklifiniz ne kadar değerli olursa olsun veya reklam metniniz ne kadar iyi hazırlanmış olursa olsun, siz ve yeni potansiyel müşteriler arasında oturan açılış sayfanızdır. Bu, açılış sayfalarınız dönüşüm için optimize edilmemişse, temelde şirketinizin pazarlama bütçesini boşa harcadığı anlamına gelir. Açılış sayfalarında CTA'lar, formlar, içerik, grafikler, hedefler ve daha fazlası gibi çok sayıda hareketli parça bulunur. Peki, bir açılış sayfasının dev makinesi ile insanların web'de öne sürdüğü tüm "en iyi uygulamalar" arasında nasıl denge kuracaksınız?

Bu blogu bu yüzden yazıyorum—endişelenmeyi bırakıp açılış sayfalarını (ve onların getirdiği müşteri adaylarını) sevesiniz diye. Açılış sayfalarını ve bazı kullanılabilirlik temellerini ele alacağım, böylece ortalama bir John Doe'dan daha fazlasını bileceksiniz ve göğsünüzü şişirip tasarımcılara gidip onlara açılış sayfalarının yetersiz olduğunu söyleyebilirsiniz.

Açılış sayfaları hakkında bilmeniz gereken her şey burada: içerikten form düğmelerine, grafiklere ve daha fazlasına.

Açılış sayfası en iyi uygulamalarına ilişkin indirilebilir kılavuzu edinin!

İçindekiler

Açılış Sayfaları 101

Açılış sayfası nedir?

Ne tür açılış sayfaları var?

Açılış Sayfası İş Akışı

Bir Açılış Sayfasının Anatomisi

Açılış Sayfası "En İyi Uygulamalar" Dağılımı

Açılış Sayfası İçeriği En İyi Uygulamaları

Açılış Sayfası Formları İçin En İyi Uygulamalar

Açılış Sayfası Düğmeleri En İyi Uygulamaları

Açılış Sayfası Grafikleri İçin En İyi Uygulamalar

TL;DR En İyi Uygulamalar Özeti

Açılış Sayfaları 101

Açılış sayfası nedir?

Google Analytics'te açılış sayfası, bir ziyaretçinin URL'yi yazarak veya bir bağlantı aracılığıyla ulaştığı herhangi bir web sayfasıdır. Bununla birlikte, pazarlamada, bu terimi, ister ziyaretçileri belirli bir sayfaya yönlendirmek, ister dönüşüm için optimize edilmiş bir sayfa olsun, belirli bir işleve hizmet eden bağımsız bir web sayfası için ayırıyoruz.

Ne tür açılış sayfaları var?

Pazarlamada iki ana açılış sayfası türü vardır:

• Tıklama Açılış Sayfaları
• Olası Satış Oluşturma Açılış Sayfaları

Tıklama açılış sayfaları , sizi normal bir satış hunisine veya alışveriş sepeti akışına (e-ticaret siteleri söz konusu olduğunda) yönlendiren optimize edilmiş web sayfalarıdır.

E-ticaret sitelerinizi dönüşüm için optimize etmek istiyorsanız, bunu yapmanın birkaç yolunu burada bulabilirsiniz.

Potansiyel müşteri oluşturma açılış sayfaları , web sitesi ziyaretçi verilerini yakalamak için kullanılır. Genellikle bu, yararlı e-Kitaplar, Kılavuzlar, Kontrol Listeleri veya diğer değerli indirilebilir içerik karşılığında yapılır.

Yukarıdaki örnekte, açılış sayfası tasarımı farklı cihazlar için değiştirilmiş, bu iyi ama gerekli değil. Açılış sayfası tasarımlarınızda daha az sayfa öğesi varsa ve video yoksa, duyarlı bir açılış sayfası da tercih edebilirsiniz.

[tweet= "Açılış sayfası tasarımınızda az sayıda sayfa öğesi varsa ve video yoksa, benzersiz cihaz sayfası tasarımları oluşturmak yerine duyarlı bir sayfa tasarımı tercih edin"]

Vendasta'nın İçerik Kitaplığı Açılış Sayfalarının tümü, mobil ve masaüstü tarayıcıda çok az farkla veya hiç fark olmadan duyarlıdır.

Vendasta's Marketplace'te Website Builder ile müşterileriniz için kendi web sitenizi sıfırdan oluşturun!

Açılış Sayfası İş Akışı

Her tür açılış sayfası, kullanıcının reklam kaynağından açılış sayfasına nasıl geçtiğine ilişkin kendi iş akışına sahiptir.

Bir tıklama açılış sayfasının iş akışı şöyle görünür:

Arama motoru → AdWords SERP sonucu → Açılış Sayfası

Potansiyel müşteri yaratma açılış sayfası şöyle görünür:

Blog gönderisi → blog reklamı (metin veya resim) → Açılış Sayfası

Bir Açılış Sayfasının Anatomisi

Her temel açılış sayfası, olası satışları dönüştürmek için aynı ana öğelere sahiptir:

• Senin logon
• Başlık ve lider çizgi
• Özellik ve fayda noktalarını içerebilen ana içerik
• Net, belirgin bir CTA
• Güvenilirlik oluşturmak için nitelikli içerik, örneğin:
  • Ürününüzü/hizmetinizi kullanan markalar/şirketler
  • Şirket, unvan, yazar resmi ve alıntı ile müşterilerin referansları
• Telif hakkı bilgilerini, hizmet şartlarını ve diğer ilgili altbilgi notlarını içeren altbilgi

Açılış Sayfası "En İyi Uygulamalar" Dağılımı

Web için bu ilkeler, en basitinden en karmaşık kurumsal web uygulamalarına kadar eşit derecede geçerlidir. Bu bölüm, içerik yapısı, formlar, düğmeler ve grafikler için açılış sayfası en iyi uygulamalarını gözden geçirecektir.

Açılış Sayfası İçeriği En İyi Uygulamaları

Potansiyel müşteri oluşturan açılış sayfalarındaki içerik, genellikle trafik oluşturduğunuz yer olmadığından organik arama konumu etrafında ortalanmamalıdır. İnsanlar büyük olasılıkla açılış sayfasına bir reklam kampanyası veya bağlantılar (bir blog veya bir e-posta kampanyası aracılığıyla) yoluyla ulaşacaktır.

Potansiyel müşteri oluşturan açılış sayfanız SERP'de iyi performans gösteriyorsa, o zaman iyi, öyle bırakın, ancak içeriğin birincil amacı, sayfa ziyaretçilerinin dikkatini çekmek ve onları istenen belirli bir eylemi gerçekleştirmeye ikna etmektir. İstenen bir eylem şuna benzer bir şey olabilir: ürün fiyatlandırma kılavuzu, kamera teknik özellikleri sayfası, sosyal medya kontrol listesi veya hatta mağazayı yeni teklifleri için aramak üzere bir CTA gibi içerik indirmek.

İyi içerik yazımı özneldir, ancak özellikle açılış sayfasında veya web'de içeriği yargılamak için yapısal bir döküm vardır.

İçerik Parçalama

İçerik Yığınlama , uzun içerik parçasını okunması kolay, daha kısa paragraflara ayırma uygulamasıdır. Bu, içeriği estetik açıdan hoş hale getirmekle kalmaz, aynı zamanda içeriğin kavranmasını da geliştirir ve sonuç olarak akılda kalıcılığını artırır.

Açılış sayfalarınıza çok fazla bilgi eklemeniz gerekiyorsa, bunu paragraflara ayırın ve madde işaretleri ve görsellerle karıştırın. Bilgilerinizi okuyucular tarafından kolayca sindirilebilir hale getirin!

Bu blog yazısı da alt başlıklar ve görsellerle dolu bir içerik.

Gözle görülebilirlik

İnsanların web'deki her kelimeyi okuyacaklarına güvenmeyin; asıl yaptıkları şey, bilgi için sayfayı taramak ve anahtar kelimelere ve seçici cümlelere hızlıca göz atmaktır. Benimle bu konuda tartışmayın, insanların web sayfalarındaki içeriği gerçekten nasıl sindirdikleri konusunda size araştırma üstüne araştırma yapabilirim.

İnsanlar okumaz, bu da tıklama tuzağı makalelerin daha fazla paylaşım almasının bir başka nedenidir (insanlar sadece göz gezdirir ve gönderiyi açarlarsa paylaşırlar).

Bir ekranda/görüntüde içerik okumak, kağıt üzerinde okumakla aynı şey değil (her ne kadar benim gibi insanlar Kindle ve iPad çıktığından beri fiziksel kitap almamakla övünüyorlarsa da). İnterweb'de göz yorgunluğu ve dikkatimizi çekmeye çalışan yüzden fazla başka şey var. Bu nedenle, açılış sayfası içeriğinizi kolayca gözden geçirilebilir ve tembel okuyucu dostu olacak şekilde planlayın.

S. İçeriği nasıl daha gözden geçirilebilir hale getirirsiniz?
A. Vurgulanan veya kalın anahtar kelimeler, alt başlıklar, madde imli listeler kullanın ve fikirlerinizi paragraf başına sınırlayın!

[clickToTweet tweet="Vurgulanmış/kalın anahtar kelimeler, alt başlıklar, madde işaretli listeler ve her paragrafta bir fikir, içeriğinizi daha kolay sindirilebilir kılar!" quote="Vurgulanmış/kalın anahtar kelimeler, alt başlıklar, madde işaretli listeler ve her paragrafta bir fikir, içeriğinizi daha kolay sindirilebilir kılar!"]

Ters Piramit Yazma Stili

Ters piramit yazı stili, içeriğinizde bilgilerin nasıl iletilmesi ve önceliklendirilmesi gerektiğini göstermek için büyük ölçüde gazetecilikte kullanılan bir terimdir. Bu tarzda, tüm içerik parçanızın temellerini girişte açıklarsınız ve ardından önemli ayrıntılara girersiniz, ardından diğer genel ve arka plan bilgileri gelir.

Basit bir benzetme yapacak olursak, bu 911'i aramak gibidir. Önce bir soyguna tanık olduğunuzu bildirir, ardından yavaş yavaş olayın ayrıntılarını açıklamaya başlarsınız.

Bu yalnızca açılış sayfaları için değil, genel olarak web'deki içerik için geçerlidir. Pazarlamacılar bunu duymaktan hoşlanmaz, ancak insanların karşılaştıkları her blog gönderisini okumaya zamanları yoktur. Bu nedenle, bilgilendirici, gözden geçirmesi daha hızlı olan ve sorularına yanıt veren ve onlara konuşma noktaları sağlayan birini seçerler. İşte tam da bu yüzden ters piramit tarzı, gazetecilik dünyasından içerik yazarlığının tanıdık ve benzer dünyasına bu kadar iyi ve kolay bir şekilde geçmiştir.

İçeriğinizin ne kadar önemli olduğunu düşünürseniz düşünün, kullanıcının dikkatini çekmek için Youtube, Netflix ve diğer zaman alıcı platformlarla rekabet ediyor olabilir. Bu nedenle, açılış sayfasının veya blog gönderisinin okumak istedikleri şey olup olmadığını görebilmeleri için başlangıçta özeti vermekten zarar gelmez.

Müşterinin Sesi

Müşterinin Sesi stratejisi veya "kişiye dayalı içerik" stratejisi, kullanıcılarınızın kullandıkları sözcükleri ve dili tam olarak kullanmak anlamına gelir. Bu, içeriğinizi kitlenizin aradığı şeyle daha uyumlu hale getirir ve onlara sunduğunuz içerikle daha kolay ilişki kurar. Bu neredeyse hiç akıllıca değil, ancak içerik yazarken güven oluşturmaya yardımcı olan ve sonunda kullanıcıları açılış sayfasıyla etkileşime girmeye ikna eden çok önemli bir adım.

Cümleleri herhangi bir yastıklama iddiası kullanmadan özetleyen özlü web metinlerini okumayı seviyorum. Ünlem işaretleri, facebook akışımdaki Porto Riko seyahat fotoğraflarınıza benziyor, umurumdaymış gibi gülümseyeceğim ama umrumda değil. Bu blog gönderisini bitirmek gibi endişelenecek başka şeylerim var. Artı, Porto Riko fotoğraflarınız berbat, daha iyi bir kamera alın!

Kopyayı Conor Mcgregor'un iğnesi olarak hayal edin: tam yerinde ve mesajı gönderiyor.

Açılış Sayfası Formları İçin En İyi Uygulamalar

Hedef kitlenize ücretsiz bilgi verirken, kullanıcı verilerini almanın tek yolu formlardır (1984 dışı veya Orwellci olmayan yol). Potansiyel müşteriler kazanmak için içeriğinizi kontrol edin!

Açılış sayfası formları, açılış sayfaları oluşturulurken genellikle gözden kaçabilir. Tüm formlar eşit yaratılmamıştır, bu çok klişe bir sözdür, ancak doğrudur. Formlarınız için hangi düzeni seçtiğinize bağlı olarak, okunma hızını ve web sitenizin ziyaretçilerinin zihnine koyduğu bilişsel yükün miktarını etkileyebilirsiniz.

İpucu: bilişsel yük ne kadar azsa o kadar iyidir!

Açılış Sayfası Form Türleri

Açılış Sayfası Formunun Anatomisi

Her açılış sayfası formunun birkaç temel öğesi vardır:

• form başlığı
• Etiketler
• Yer tutucu metin
• Giriş alanları
• Metin alanı veya mesaj kutusu
• Dönüşüm düğmeleri/CTA

Formla ilgili en iyi uygulamalar, araştırmacıların web sayfasını görüntüleyenlerin gözlerini izlemek için yüksek frekanslı/hızlı kameralar kullandığı çeşitli göz izleme çalışmalarından gelir. Çalışmaları okursanız, gözünüzü daha az gezdiren formların daha hızlı okunduğunu göreceksiniz.

Formun tasarımıyla asla fazla süslü olmayın. Bunun nedeni, beynimizin şekilleri ve yapıları bilinçli olarak bizden daha hızlı tanımasıdır. Bu nedenle, form öğelerini iyi aralıklarla yerleştirin ve düzgün bir şekilde hizalayın, ancak kullanıcıları yavaşlatacağı için gereksiz tasarlanmış öğeler eklemeyin.

Açılış Sayfası Düğmeleri En İyi Uygulamaları

Düğmeler, kullanıcılar için bir açılış sayfası deneyimi sağlayabilir veya bozabilir. Pek çok tasarımcı/geliştirici, hatta ben bile, düğmeleri yanlış yapmaktan (çok geniş, çok kısa, vb.) suçluyuz.

Birkaç yıl önce bir iOS uygulaması tasarlamak için yaptığım bazı kullanıcı testleri, açılış sayfalarında, web sayfalarında ve ayrıca kullanıcı arayüzlerinde düğmelerin görsel stilinin ne kadar önemli olduğunu anlamamı sağladı.

Pek çok yerde, ekranda çok fazla şey olduğunda, düğmeler sadece grafik gibi görünür ve sayfanın içinde kaybolur. Bu nedenle butonlar insanların daha önce gördüğü butonlara benzemelidir.

Bu, HR Giger'in hayal gücünün dışında bir şeye benzeyen otellerdeki lavabo musluklarına benzer. Nasıl çalıştıklarını anlamak için biraz daha düşünmenizi sağlarlar. İnsanlar o otelden herhangi bir yere gitmiyorlar, ancak web sayfasında sadece geri dönecekler veya sekmeyi kapatacaklar. Lütfen düğmeleri yeniden icat etmeyin.

[clickToTweet tweet="Açılış sayfanızdaki düğmeyi yeniden icat etmeyin! Bir düğme ne kadar çok düğme gibi görünürse, o kadar çok insan tıklayacaktır." quote="Açılış sayfanızdaki butonu yeniden icat etmeyin! Bir buton ne kadar çok butona benzerse, o kadar fazla insan tıklayacaktır."]

Sahip Düğmesi: Tıklayacak

Kullanıcı Arayüzü mottom şudur: " Bir düğme gibi görünüyorsa, tıklanacaktır. " Bu nedenle, lütfen o sayfada başka hiçbir şeyi düğme gibi görmeyin. Yalnızca bir düğmeye veya ana Harekete Geçirici Mesaja sahip olmayı deneyin.
Eşit derecede önemli ve ilgili eylemler için üç CTA düğmesini bile kullanmanız gereken durumlar olabilir. Bunu yaptığınızda, tüm düğmelerdeki ısı haritası veya dönüşüm oranı verilerinin sıcak olmasından memnun olmayın. Diyorum ki, bir düğme varsa, sayfanın neresinde olursa olsun tıklanacak, olsun. Ve belki bir düğme ve iki bağlantı olsaydı, diğer ikisinin toplamından daha fazla düğme tıklaması görmüş olabilirsiniz.

F-Desen Düğme Yerleşimi

Göz İzleme çalışmaları, insanların web sayfasını F-Pattern'de taradığını göstermiştir, bu nedenle sayfaları verimli hale getirmek istiyorsanız düğmeyi bu yerlere yerleştirin. Bu nedenle sayfalarımızın sağ üst ve sol alt kısımlarında formlar kullanıyoruz. Bu çok yaygın bir kalıptır, bunu Amazon, GAP veya Apple.com'da görüyoruz.

Nasıl içerik yazacağınızı ve dönüşen CTA'ları nasıl yerleştireceğinizi daha iyi anlamak için izleme çalışmalarına kendiniz göz atın!

Harekete geçirici mesajın kopyasına gelince, zahmetsiz olmalıdır. Ziyaretçinin düğmeye bastıktan sonra ne alacağını söylemeniz yeterli. Kullanıcı, CTA'nın onlara ne yapmalarını söylediğini anlamak için beynini ne kadar az kullanırsa o kadar iyidir.

Açılış Sayfası Grafikleri İçin En İyi Uygulamalar

Grafikler yalnızca, insanlar ziyaret ettikleri sitede bir pervaneli uçak veya Boeing 777 fotoğrafı olduğunu hatırladıkları takdirde önemlidir. Görüntü ne kadar basitse, mesajı iletmede o kadar iyidir. Daha basit derken, fotoğrafın öznesinin arka plandan izole edilmesi ve net bir şekilde odaklanması gerektiğini kastediyorum.

Grafiklerle ilgili en iyi uygulamalar anlatıldığından daha iyi gösterildiği için bu örneklere göz atın.

Bu grafiklerin tümü açılış sayfasına özgü olmasa da, web görüntüleriyle neyin işe yaradığıyla son derece alakalıdır.

Rakip Öğeleri Sınırla

Grafiklerde/görüntülerde netlik gerçekten önemlidir. Grafikte veya görselde birbiriyle yarışan çok fazla öğe varsa, onu kullanmayın. Fotoğraf veya foto muhabirliği dergilerine bakarsanız, ödüllü fotoğrafların çoğu, konunun görsel olarak fotoğrafın içindeki öğelerden izole edildiği veya içindeki öğelerle çerçevelendiği fotoğraflardır.

Basit tutun!

Grafiklerinizi net ve odaklı tutun ve mesajınızı iletmeye yardımcı olması için karmaşıklıktansa basitliği tercih edin.

TL;DR Açılış Sayfaları En İyi Uygulamalar Özeti

• İki tür Açılış Sayfası – Tıklama ve Olası Satış Oluşturma
• LP Anatomisi – Başlık, Form kutusu, FAB'ler, Güvenilirlik oluşturucular (Logolar veya Görüşler)
• Açılış Sayfası için Bilgi Matrisi – Ne kadar yoğun bilgi olmasını istiyorsunuz?
• İçerik / Kopya
  • İçerik Yığınlama – Uzun paragrafları küçük paragraflara bölün ve her paragrafta bir temel fikir olsun. Akılda kalıcılığa yardımcı olur ve anlayışı geliştirir
  • Göz Atılabilirlik – Okunacak değil gözden geçirilecek içerik tasarlayın. Vurgulanan veya kalın anahtar kelimeler, alt başlıklar, madde imli listeler, paragraf başına sınırlayıcı fikirler kullanın.
  • Ters piramit yazı stili – İçeriğinize insanlara anlatmak istediğiniz şeyle başlayın.
  • Müşterinin Sesi – Hedef kitlenizin kullandığı dili kullanın.
• Formlar
  • Form yapısı çok önemlidir. Gözlerinizi daha az gezdiren form tasarımı, daha hızlı okunur. Örneklerime bakın.
  • Öğe hizalama — Öğeleri düzgün bir şekilde hizalayın ve iyi aralıklı tutun, ancak basit tutun.
• düğmeler
  • F–Pattern – Çoğu insanın tarayıcılarında yeni bir sayfaya bakarken yaptığı hareketin web sayfanızın üzerine yerleştirilmiş bir F şekli hayal edin.
  • Basit kelimeler – sonucu iletin, kullanıcıları düşündürmeyin
• Grafik
  • Bunları basit tutun , minimum öğe içeren resimler kullanın ve konuyu arka plandan ayırın.
  • Paralaks kullanmayı bırakın . Veya onları kullanmaya devam edin, bu sadece bizi daha iyi gösterecektir.
• Bonus: Açılış sayfası optimizasyonu için A/B Testi yapmanızı öneririm. Açılış Sayfası Başlıklarını değiştirin, düğmeyi basit ve kontrolle aynı tutun. Düğme kopyası tuhaf olmadığı veya sayfada net bir şekilde görünmediği sürece, o düğme olması en az olasıdır.