Başlıktan Altbilgiye Mükemmel Bir Açılış Sayfasının Anatomisi

Yayınlanan: 2021-01-12

Her açılış sayfası belirli yapı taşlarından oluşur. En ikna edici sayfaları oluşturmak için hepsini bilmeniz ve asla sızıntı yapan bir satış hunisine sahip olma riskini almanız gerekir. Temel bilgileri öğrendikten sonra, bu blokları deneyebileceksiniz. Bu makalede, iyi bir açılış sayfasının ana unsurlarına göz atacağız ve sayfanızın kopyasını ve tasarımını düzenleme konusunda size bazı ipuçları vereceğiz.

İçindekiler
  1. Bir açılış sayfasının anatomisi nedir?
  2. Bir açılış sayfasının temel unsurları
    1. Başlık
    2. Vücut kopya
    3. Resimler, animasyon veya video
    4. Potansiyel müşteri formu
    5. CTA düğmesi
    6. Geri sayım saati
    7. Sosyal kanıt
    8. Faydalar
    9. Özellikleri
    10. SSS
    11. altbilgi
  3. Daha fazlası için hazır?

Bir açılış sayfasının anatomisi nedir?

Tüm açılış sayfaları, ziyaretçileri karar vermeye teşvik etmeyi amaçlayan bir tür tıklama sonrası sayfasıdır.

Teklifinizin tüm avantajlarını ve avantajlarını açıklar ve kullanıcıları istenen eylemi gerçekleştirmeye davet edersiniz. Dönüşüm hunisinin son derece önemli bir aşaması olduğundan, gezinme çubukları veya diğer sayfalara bağlantılar gibi dikkat dağıtıcı unsurlar olmamalıdır.

Sağlam bir açılış sayfası yapısı, tüm hikayeyi anlatmanıza yardımcı olur. Bu olmadan, sayfanız güvenilir veya ikna edici görünmediği için olası satışlar sonunda geri dönecektir. Unutmayın, ziyaretçilerinizin dönüşüm yapmasını istiyorsunuz — onlara bunu yapmaları için yeterli neden verdiğinizden emin olun.

Kullanıcıları kandırmak için psikolojik hileler olduğunu biliyor muydunuz? Açılış sayfası dönüşümünüzü artırmanın püf noktaları hakkındaki makalemize göz atın.

Üzerinde düşünmeniz gereken ana açılış sayfası öğeleri şunlardır:

  • benzersiz bir teklif;
  • ilgi çekici görsel içerik;
  • keskin ve özlü gövde kopyası;
  • teklifinizin faydaları;
  • özellikleri;
  • sosyal kanıt;
  • kurşun formu ve net harekete geçirici mesaj.

Bu öğelerin anlamını açıklayacağız, ancak önce teklifinizin tüm açılış sayfanızın özü olması gerektiğini hemen söyleyelim. Mecazi olarak konuşursak, bu sadece bir vanilyalı krema değil - bütün pasta. Bir açılış sayfasının çeşitli bileşenlerini kullanarak teklifinizi iletebilirsiniz ve nasıl yapılacağını açıklayacağız.

Basit ama güçlü bir açılış sayfası oluşturucu

Instagram için bir açılış sayfası, çevrimiçi mağaza veya biyo bağlantı sayfası oluşturun ve bağlantıyı abonelerinize e-posta, SMS veya sohbet botu mesajları yoluyla tek bir platformda göndererek tanıtın.

Bir sayfa yarat

Bir açılış sayfasının temel unsurları

Burada, daha önce listelediklerimizden daha fazla öğe bulacaksınız. Nasıl olur? Eh, hepsi zorunlu değil ve son söz sizde. Örneğin, ürününüz sade ve düşük marjlıysa, bir SSS'yi tamamen atlamak isteyebilirsiniz. Tüm bu blokları yine de açılış sayfası yapınıza dahil etmenizi öneririz - sadece bunları basit ve doğrudan konuya uygun hale getirin.

Başlık

Her teklif tek bir cümleye indirgenir - sizinkini alın ve başlık olarak kullanın. Cesur, anlamlı veya kısa yapabilirsiniz, sadece arkasındaki ana fikri gereksiz ifadelerle sulandırmayın. Yapabileceğiniz şey, yeni bir çözüm sunmak, herkesin karşılaştığı can sıkıcı bir sorunu saptamak veya insanların hızlı düzeltme arzusundan yararlanmak. Ayrıntıları sağlamak ve iddianızı desteklemek için küçük bir destekleyici kopya ekleyin.

Whereby, uzaktan işbirliğini daha erişilebilir hale getiren bir hizmettir. Ve bu, ziyaretçilerin sayfalarına geldiklerinde öğrendikleri ilk şey:

landing page structure headline
Böylece basit başlıklar ve destekleyici metinler kullanılır

Perspective API'nin yaptığı gibi, başlığınızı daha duygusal hale getirebilir ve kullanıcıların sıkıntılı noktalarına hitap edebilirsiniz:

landing page headline example
Perspective API, kullanıcıları başlıklarıyla dijital alanlarını daha güvenli hale getirmeye teşvik ediyor

Bir tasarımcının bakış açısından, başlığınızı ana odak noktalarından biri yapmak önemlidir. Güzel tipografi, mesajın iletilmesine ve havanın oluşturulmasına yardımcı olduğu için zarif yazı tipi eşleştirmeleri kullanın. Başlığınız ve destekleyici metniniz için zıt yazı tipi boyutları seçin, örneğin 30 piksel ve 15 piksel.

Vücut kopya

En iyi uygulama, hedef kitlenizin dilini konuşmaktır. Paragrafları kısa yapın - her biri iki veya üç cümle. Kopyanızı kolayca sindirilebilir parçalara ayırmak için numaralı listeleri ve madde işaretlerini kullanmaktan çekinmeyin. Ana kural, potansiyel müşterilerinizin ihtiyaç duydukları bilgileri elde etmek için uzun okumalar yapmalarını gerektirmemektir.

Ürününüzün olumlu etkisi hakkında daha fazla ve ürünün kendisi hakkında daha az konuşarak açılış sayfanızı fayda odaklı tutun. Özel sosunuz nedir? Ürününüz birinin hayatını nasıl kolaylaştıracak? Özetle koyun. İşte bir örnek:

landing page copy
Letter özel bir bankacılık platformudur ve açılış sayfası kopyası nasıl çalıştığını açıklar

Tipografi seçimlerinize dikkat edin. Yazı tipleriniz çekici ama aynı zamanda okunaklı olmalıdır. Farklı yazı tipleri için farklı satır aralığı ve harf aralığı kullanın. Gövde kopyası için 6 piksel yazı tipi boyutu ve açık gri metin kullanmaktan kaçının - maketlerinizde şık görünebilirler, ancak metninizin okunmasını zorlaştırırlar.

Resimler, animasyon veya video

İnsanların hayal kurmasını sağlayan ilgi çekici içerikler kullanın. İlgili, yüksek kaliteli görseller ve animasyonlar kullanarak belirli duyguları aktarabilir veya bir metafor oluşturabilirsiniz. Görüntüleri asla yalnızca boşluğu doldurmak için kullanmayın.

Karmaşık bir ürün için benzersiz soyut çizimler kullanabilirsiniz:

landing page images
Superhi, açılış sayfasında parlak bir soyut grafik kullanıyor

Daha önce de belirttiğimiz gibi, son derece teknik ürünlerle uğraşıyorsanız mecazi illüstrasyonlar eklemek de yararlıdır:

landing page illustrations
Directus, verilerin dağılımını görselleştirmek için renkli slaytların ve top çukurlarının resimlerini kullanır

Fiziksel ürünler veya çevrimdışı hizmetler satıyorsanız, duyguyu iletmek için gerçek mutlu müşterilerinizin ürün fotoğraflarını ve resimlerini kullanın:

landing page structure
Mack ve Pouya, düğün fotoğrafçılığı sunuyor ve ziyaretçilere ilham vermek için açılış sayfası resimlerini kullanıyor

Bazen kullanıcıların ilgisini hemen çekmek istersiniz ve görseller yeterli olmaz. Bu, özellikle deneyimsel hizmetler ve teknoloji şirketleri için geçerlidir. Tekliflerini açıklamak veya önceki çalışmalarını sergilemek için genellikle video kullanırlar:

landing page structure video
Metomic, kullanıcılarla doğrudan videoların yardımıyla konuşmayı tercih ediyor

Basmakalıp stok fotoğrafları kullanmanın hoş karşılanmadığını unutmayın. Görsellerinizi akılda kalıcı kılmak ve özgünlükten asla ödün vermemek daha iyidir.

Potansiyel müşteri formu

Çoğu zaman, bir sohbet başlatmak ve hedef kitlenizi daha iyi anlamak için potansiyel müşterilerinizden bazı veriler toplamak istersiniz. Bu değerli bilgiler, kullanıcının e-posta adresi ve iş unvanı kadar basit olabilir.

Basit ve sezgisel form oluşturucumuzu kullanarak bir abonelik formu oluşturabilirsiniz!

Potansiyel müşteri formunuzu minimalist, sezgisel tutun ve ona bazı destekleyici kopyalar ekleyin:

lead form example
Fakülte, ziyaretçileri müşterilere dönüştürmek için potansiyel müşteri formlarını kullanan bir tasarım stüdyosudur.

Bazı pazarlamacılar, onu açılış sayfanızın üst kısmında, ekranın üst kısmında tutmanız konusunda ısrar ediyor. Ancak bu tamamen size kalmış: İkili test edin ve teklifiniz için neyin daha iyi olduğunu bulun.

CTA düğmesi

Bu, genellikle ekranın üst kısmında ve herhangi bir iyi açılış sayfasının alt kısmında gördüğünüz şeydir. Düşünmeye devam ediyor, ürününüzü tanıtmanız ve bir satın alma teklifi yapmanız, ardından faydalarını ayrıntılı olarak açıklamanız ve daha da ikna edici bir harekete geçirici mesajla bitirmeniz gerekiyor.

Bazı kullanıcıların tüm özellikleri okumak ve teklifinizin avantajlarını keşfetmek için zamana ihtiyacı vardır.

Ve bazı kullanıcılar sayfanıza geldikleri andan itibaren dönüşüme hazır olabilir - onlara bu seçeneği de vermeniz gerekir, bu nedenle sayfa boyunca iki veya üç CTA düğmesi olması iyidir.

Bir CTA düğmesi genellikle şöyle görünür:

landing page structure cta button
Tomorrow, kullanıcıların yeni kartlarını birkaç dakika içinde almalarına yardımcı olan bir bankacılık sistemidir.

CTA düğmenizi tasarlarken aktif fiiller ve zıt renkler kullanın. Beş veya daha az kelime içermeli ve kullanıcının dikkatini odaklamak için bir miktar negatif boşlukla çevrelenmelidir. "Kredi kartı gerekmez" veya "Para iade garantisi" gibi tıklama tetikleyicileri eklemeyi unutmayın. Ve elbette, ona destekleyici bir kopya verin.

İkna edici CTA'lar oluşturma hakkında daha fazla bilgi edinmek mi istiyorsunuz? Web sitesi ve e-posta ile harekete geçirici mesajların nasıl optimize edileceğine dair bir blog yazımız var.

Geri sayım saati

Eski ama altın olan bu numara, teklifinize kıtlık katar ve insanlar büyük fırsatları kaçırmaktan nefret eder. Ancak eski usul bir geri sayım sayacı biraz şüpheli görünüyor ve hissediyor, hatta hileli değil. Şimdiye kadar, birçok kişi, pazarlamacıların, bir ziyaretçinin sayfalarına girdiği andan itibaren geri sayım yapan, her zaman yeşil kalan bir zamanlayıcı kullandığını zaten biliyor. Ve kullanıcıların güveni sarsılıyor.

Rakiplerinizi alt edebilir ve çok daha incelikli araçlar kullanarak biraz kıtlık ekleyebilirsiniz. Örneğin, ziyaretçilerinize yalnızca birkaç boş yer kaldığını ve hızlı hareket etmeleri gerektiğini gösterin:

limited time offer
Ön tasarım stüdyosu, aciliyet yaratmak için CTA düğmesinin yanındaki boş slot sayısını gösterir

Tabii ki, örneğin Kara Cuma gibi gerçek bir sınırlı teklif olduğunda tipik bir geri sayım sayacını kullanabilirsiniz.

Satışları artırmak ve kârları artırmak için sınırlı süreli etkili bir teklifi nasıl hazırlayacağınızı öğrenin.

Sosyal kanıt

Bir açılış sayfasının anatomisi önemlidir, ancak satışları yönlendiren şey bu değildir. Herhangi bir şey taahhüt etmeden önce, insanlar ürününüzü zaten kimin kullandığını ve deneyimlerinin ne olduğunu bilmek ister. Güven kazanmak için incelemeler, referanslar ve videolar gibi sosyal kanıtları kullanın. İdeal olarak, sosyal kanıt, pazarlama iddialarınızı desteklemeli ve vaatlerinizi yerine getirdiğinizi göstermelidir.

Ürününüzün halihazırda çözdüğü sorunları bulmak potansiyel müşterilerinize yardımcı olacaktır. Kısa bir geri bildirim bile bilgilendirici olabilir:

landing page social proof example
Tailwind CSS, müşterilerinin gerçek referanslarını gösterir

Müşterilerinizden gerçek fotoğrafları ve gerçek referansları kullanmanın ne kadar önemli olduğunu yeterince vurgulayamıyoruz. Aşırı kullanılmış ve kolayca tanınabilir stok fotoğrafları mutlak güven katilidir. Bunun yerine müşterilerinize gerçek fotoğraflarını kullanıp kullanamayacağınızı sorun.

Faydalar

Ürününüz nasıl bir etki yaratıyor? Bu blokta, çözümünüzün getirdiği tüm olumlu değişiklikleri açıklayın. Örneğin Elementor, tasarımcıların iş süreçleri söz konusu olduğunda kaosu düzene dönüştürmelerine yardımcı olur ve açılış sayfası aracın tam faydalarını açıklar:

landing page structure
Elementor, tasarımcılara nasıl daha verimli çalışabileceklerini gösteriyor

Avantajları listelemek için madde işaretleri veya basit paragraflar kullanın - bu onları daha akılda kalıcı ve okunabilir hale getirecektir. Sayfanın bu bölümünü daha çekici hale getirmek için bazı görseller de ekleyin.

Özellikleri

Tüm açılış sayfası öğeleri arasında bu, en ürün odaklı olanıdır. Son olarak burada detaya inebilir ve ürünün kendisini anlatabilirsiniz. Onu gerçekten benzersiz veya yenilikçi yapan özellikleri vurgulayın. Ürün veya hizmetinizin tüm özel niteliklerini listeleyin:

landing page elements
Hypersay Events, kullanıcıların tüm özelliklerinden nasıl yararlanabileceklerini açıklıyor

20 özellik ve uzun açıklama listesiyle kullanıcıları bunaltmayın - basit ve bilgilendirici tutun ve daha aktif fiiller kullanmayı unutmayın.

SSS

Bu, popüler soruları yanıtlayabileceğiniz, itirazları ortadan kaldırabileceğiniz ve müşterilerinizin korkularına yanıt verebileceğiniz önemli bir bloktur. Her şeyden önce, size bazı kaynaklar kazandıracak. Aynı zamanda güven inşa edecek çünkü insanlar onların olumlu deneyimlerini önemsediğinizi görecekler.

Örneğin Squarespace, en sık sorulan soruların yanıtlarını sağlar ve ayrıca kişiselleştirilmiş desteklerini kullanmanızı önerir:

landing page elements
Açılış sayfasında SSS'yi kullanan Squarespace

Yeni gelenlerin en alakalı yanıtları bulabilmeleri ve korkularının üstesinden gelebilmeleri için SSS'lerinizi gerçek geri bildirimlere ve müşteri destek verilerine dayandırın.

altbilgi

Tıklama sonrası açılış sayfanızdaki altbilgi, bağlantılarla doldurulmuş tipik bir ağır altbilgi olmamalıdır. Belki iletişim bilgileriniz dışında bir site haritasına veya ilgili bağlantılara ihtiyaç duymaz (bunu birazdan alacağız). İstediğiniz şey dikkat dağıtıcı şeylerden kurtulmak ve yüksek dönüşüm sağlayan bir CTA düğmesi eklemek:

landing page footer
Anlatı BI, CTA'larını tüm açılış sayfası boyunca tekrarlar

Bazen, özellikle teklifiniz premium veya karmaşıksa, ziyaretçileriniz önce şirketinizden bir uzmanla konuşmak isteyecektir. Altbilgi, doldurulacak bir iletişim formu eklemek için iyi bir yerdir. Aynı zamanda ağ platformları oldukları için sosyal medya sayfalarınıza bazı bağlantılar tutabilirsiniz.

Daha fazlası için hazır?

Gördüğünüz gibi, tüm bu açılış sayfası öğeleri, teklifinizi ortaya çıkarmaya yardımcı olur ve kullanıcılara sonunda dönüşüm gerçekleştirene kadar sayfada rehberlik eder. Düşük hemen çıkma oranı, bir açılış sayfasının anatomisine hakim olduğunuzun bir işaretidir. Daha sonra ihtiyaç duyacağınız şey, potansiyel müşterilerinizi beslemek ve müşterilerinizle bağlantıda kalmak için bir araçtır. SendPulse hem hem de çok daha fazlasını yapabilir - otomatik e-postalar göndermek ve Facebook ve Telegram için sohbet robotları oluşturmak için harikadır. Hizmetimizi müşterilerinize web push bildirimleri ve SMS göndermek için de kullanabilirsiniz!