WordPress ile Açılış Sayfası Nasıl Yapılır? Adım Adım

WordPress ile açılış sayfası nasıl yapılır? Tek bir hedefe sahip bir sayfa kurun, site üst bilgisini ve altbilgisini kaldırın ve bu sayfayı bir blok teması içinde blok desenlerinden birleştirin. Temiz bir ilk sürüm bir öğleden sonra sürer. Dönüşümü belirleyen şey hangi araçla yaptığınız değil, sayfadan neyi çıkardığınızdır.

Bu folyo, kurulumu bir uygulayıcının yapacağı sırayla ele alıyor: hedef, şablon, bölümler, form, hız bütçesi ve yayın öncesi kontroller.

Açılış sayfasını diğer sayfalardan ayıran nedir?

Açılış sayfasının tek bir işi vardır. Ziyaretçi bir reklamdan, bir e-postadan ya da bir arama sonucundan gelir ve sayfa tam olarak tek bir eylem ister: kayıt olmak, bir görüşme ayırtmak, bir dosya indirmek ya da satın almak.

Bunun dışındaki her şey dikkat dağıtıcıdır. Ana menü, kenar çubuğu, blog akışı ve yirmi bağlantılı altbilgi buna dahildir. Normal bir sayfada bunlar okuru keşfe yönlendirir. Açılış sayfasında ise bunlar çıkış kapısıdır.

Bilinmesi değerli bir ölçüt Unbounce'tan geliyor. Unbounce dönüşüm karşılaştırma raporu, sektörler genelinde açılış sayfası dönüşüm oranının ortancasını yüzde 6,6 olarak veriyor. Bunu bir vaat değil, bir akıl sağlığı kontrolü olarak okuyun. Yüzde 2'nin altındaki bir sayfada sorun genellikle teklifte, hızda ya da formdadır, düğmenin renginde değil.

Editörü açmadan önce hedefi tek cümleyle yazın. Örneğin: "Mart bültenindeki okurlar 20 dakikalık bir denetim görüşmesi ayırtır." Bu cümleyi yazamıyorsanız, kurmaya hazır değilsiniz.

Hedef netleşince sayfadaki her bölümün neden orada olduğu da belli olur. Hedefle ilgisi olmayan bir bölüm, bir sonraki taslakta sayfadan çıkarılmayı hak eder. Bu ilk ayıklama, sonradan yapacağınız bütün tasarım kararlarını kolaylaştırır.

Hangi araçla kurmalısınız?

Dürüstçe dört seçeneğiniz var ve her biri farklı bir proje türüne uyuyor.

Blok teması ile gelen yerel blok düzenleyici en hafif olanıdır. Temiz işaretleme, ek bağımlılık yok ve bir sonraki müşteri sitesinde yeniden kullanabileceğiniz desenler elde edersiniz. Bunun bedeli, düzen kararlarını daha çok sizin vermenizdir. Görsel bir oluşturucuyla karşılaştırıyorsanız, Gutenberg ile Elementor karşılaştırmamız bu ödünleşmeyi rakamlarla ortaya koyuyor.

Sayfa oluşturucular daha fazla görsel kontrol ve bir şablon kütüphanesi sunar. Bunun bedeli daha ağır bir çıktı ve artık bağımlı olduğunuz bir eklentidir. Divi bu kategorinin uzun süredir öne çıkan örneğidir ve birçok sayfa üreten, tek bir tanıdık araç seti isteyen bir ajansa uygundur.

Yapay zeka destekli site üreticileri bir sayfayı tümüyle bir istemden iskelet olarak kurar. 10Web bunu WordPress içinde yapıyor ve ürettiği taslak makul bir başlangıç noktası. Metni ve yapıyı sonradan düzeltmeniz gerekecek. Bunun nerede işe yaradığını WordPress için yapay zeka yazımızda ele aldık.

WordPress dışında barındırılan bir açılış sayfası aracı da var. Webflow bunlardan biri; güçlü görsel kontrolü ve kendi barındırması var. Sayfanız WordPress sitenizden ayrı yaşayacaksa maliyetine değer. Sayfanın temanızı, analitiklerinizi ve alan adı yapınızı paylaşması gerekiyorsa atlayın.

Bu rehberin geri kalanında yerel düzenleyiciyi kullanıyoruz, çünkü en çok şeyi öğreten ve en az maliyet getiren seçenek bu. Adımlar her oluşturucuya uyarlanabilir.

Sayfayı nasıl kurar ve sadeleştirirsiniz?

Sayfalar menüsünden yeni bir sayfa ekleyin. Teklifle eşleşen sade bir başlık verin ve kısa bir adres seçin. /denetim gibi bir adres, /kampanya-mart-v2 adresinden her zaman daha iyidir.

Şimdi şablonla ilgilenin. Blok teması her sayfaya ayrı bir şablon atamanıza izin verir ve açılış sayfasının üst bilgi, altbilgi ve başlık bloğu olmayan bir şablona ihtiyacı var. Birçok blok teması "Boş" ya da "Başlıksız sayfa" adında bir şablon içerir. Sizinkinde yoksa Site Düzenleyici'yi açın, Şablonlar bölümüne gidin, özel bir şablon ekleyin ve tek bir Sayfa İçeriği bloğundan oluşturun.

Bu projede yapacağınız en kullanışlı şey bu tek şablon olacak. Adını "Açılış" koyun ve sitedeki her kampanya sayfasında yeniden kullanın.

theme.json içindeki düzen genişliğini kontrol edin. Açılış sayfalarında metin dar bir sütunda en iyi okunur; geniş bloklar kahraman ve kanıt bölümlerine ayrılır. Temanızda hem içerik genişliği hem de geniş genişlik tanımlıysa ikisini de bilinçli kullanın: metin dar sütunda, görseller ve sütun düzenleri geniş alanda olsun.

Kenar notu: Burada anlatılan şablon ataması WordPress 6.5 ve sonrasında çalışır. Daha eski blok temaları bunu farklı bir menüde sunar.

Sayfada hangi bölümler gerçekten olmalı?

Çoğu şablonun önerdiğinden daha az. Tek bir eylem isteyen bir sayfanın kısa bir dizisi olmalı ve her bölüm ziyaretçinin sorduğu tek bir soruya yanıt vermeli.

Bunları sırayla, yeniden kullanabileceğiniz desenler olarak kurun:

• Vaadi, tek bir destekleyici satırı ve düğmeyi içeren bir kahraman bölümü.

• Üst kısımda yakın bir kanıt: bir müşteri alıntısı, bir rakam ya da tanınan müşteri işleri.

• Teklif, üç kısa madde halinde, sonuç olarak yazılmış.

• Form ya da ikinci bir düğme.

• En çok duyduğunuz iki itirazı yanıtlayan kısa bir bölüm.

Kahraman için bir Kapak ya da Grup bloğu kullanın; içinde bir Başlık, bir Paragraf ve bir Düğmeler bloğu olsun. Başlığı, yabancı birinin üç saniyede okuyabileceği bir vaatle sınırlayın. Şeyin adını koyun, sonucunu söyleyin. İkinci kez okumayı gerektiren zekice ifadelerden kaçının.

Düğme etiketini eylemin kendisi olarak yazın: "Denetimi ayırt", "Kontrol listesini indir". "Gönder" gibi genel etiketler, başlığın kurduğu bağlamı boşa harcar.

Bir yapay zeka yazım aracıyla çalışıyorsanız, metnin ilk sürümü ve başlık varyantları için kullanın, ardından her satırı kendiniz okuyun. Bu araçlar sahip olmadığınız kanıtları uydurur. Üretilmiş bir referansı ya da istatistiği kontrol etmeden sayfaya koymayın. Açılış sayfasında uydurma bir alıntı, güveni kaybetmenin en hızlı yoludur.

Bir bölüm çalıştığında, blok menüsünden onu seçip "Desen oluştur" deyin. Bir sonraki kampanyada sayfayı kendi desenlerinizden on dakikada birleştirirsiniz, her seferinde baştan kurmazsınız.

Form nasıl kurulmalı?

WordPress çekirdeğinde bir form bloğu yok, bu yüzden bir eklentiye ihtiyacınız olan tek yer burası. Bakımı yapılan herhangi bir form eklentisi işe yarar. Daha önemli olan, formun biçimidir.

Yalnızca takip edebilmek için gerekeni sorun. Bir bülten ya da indirme için e-posta adresi yeterlidir. Görüşme ayırtma için en fazla bir ad ve bir niteleyici soru ekleyin. Her ek alan tamamlanma oranınızdan götürür; geri kalanını ilk temastan sonra sorabilirsiniz.

Formu kararın verildiği yere yerleştirin. Kısa bir sayfada bu, teklifin hemen altıdır. Daha uzun bir sayfada düğmeyi kanıt bölümünden sonra tekrarlayın ve aynı forma bağlayın.

Sonra çoğu kişinin unuttuğu kısma geçin: teşekkür durumu. Kısa bir onay sayfasına yönlendirin ya da satır içi bir mesaj gösterin; bundan sonra neyin ne zaman olacağını söyleyin. Dönüşümün tıklamada değil onayda sayılması için analitik olayınızı burada ekleyin.

Son olarak formu gerçek bir adresle telefondan test edin ve e-postanın geldiğini doğrulayın. Bozuk formu olan bir açılış sayfası hiç olmamasından kötüdür, çünkü reklam bütçenizi harcar ve hiçbir şey getirmez.

Sayfa ne kadar hızlı olmalı?

Sitenizin geri kalanından daha hızlı. Reklamdan gelen ziyaretçilerin henüz size bir bağlılığı yok ve yavaş bir ilk ekran, başlık okunmadan ziyareti bitirir.

Google'ın En Büyük İçerikli Boyama (LCP) rehberi 2,5 saniye ve altını iyi kabul eder. Açılış sayfasında en büyük öğe genellikle kahraman görseli ya da başlık bloğudur, dolayısıyla ilk bakacağınız yer burası.

Etki sırasına göre kısa bir kontrol listesi:

• Kahraman görselini sıkıştırın, WebP olarak sunun ve gösterildiği genişliğe göre boyutlandırın.

• Sayfadaki ilk görseli tembel yüklemeyin. Çekirdek, ekranın üstündeki görsel için bunu zaten atlar; yine de işlenmiş HTML'de doğrulayın, özellikle bir Kapak bloğu söz konusuysa.

• Bir ya da iki yazı tipini kendi sunucunuzdan yükleyin ve kullanılmayan ağırlıkları kesin. Değişken bir yazı tipi birkaç dosyanın yerini tek dosyayla alır.

• Betikleri yalnızca gerektiği yerde yükleyin. Her sayfada yüklenen bir form eklentisi, formu içeren sayfayla sınırlanmalı.

• Ekranın üstünde kaydırıcılardan, kendiliğinden oynayan videolardan ve ağır animasyondan kaçının.

Önce ve sonra ölçün: canlı adreste mobil ayarlarla PageSpeed Insights çalıştırın. Önbellek açıkken, ziyaretçinin göreceği gibi ölçün. Daha geniş düzeltmeler için WordPress sitesi nasıl hızlandırılır yazımız bunları etkiye göre sıralıyor, WordPress performans saha denetimi ise sayıları nasıl okuyacağınızı gösteriyor.

Sayfa telefonda ve okurun dilinde çalışıyor mu?

Reklam ve e-posta trafiğinin çoğu telefondan geliyor. Bu yüzden önce dar ekranı tasarlayın, geniş ekranı ikinci sırada kontrol edin. Sayfayı gerçek bir cihazda açın. Düğme boyutuna, dokunma hedefleri arasındaki boşluğa ve her alan için doğru klavyenin açılıp açılmadığına bakın.

Kitlenizin bir kısmı sağdan sola okuyorsa sayfayı yansıtılmış düzende de okuyun. Arapça ve İbranice okurlar kahramanın, düğmenin ve formun sağdan akmasını bekler. Doğru RTL stil sayfalarına sahip blok temaları işin çoğunu halleder, ancak boşluklarınızı, simge yerleşiminizi ve alıntı biçimlendirmenizi yansıtılmış görünümde test edin.

Kullandığınız yazı tipinin yedek değil, gerçek Arapça ya da İbranice glifleri olsun. İngilizcede cilalı, Arapçada dağınık görünen bir sayfa, kitlenin tümüne teklifin onlar için yazılmadığını söyler.

İki dil kullanıyorsanız, her biri kendi metniyle iki ayrı açılış sayfası kurun. Başlığı kelimesi kelimesine çevirmeyin. Bir dilde işe yarayan bir vaat, diğerinde genellikle farklı bir biçim gerektirir.

Yayından önce neyi kontrol etmelisiniz?

Canlı sayfada, oturum açmadan ve gizli bir pencerede şu listeyi çalıştırın:

• Sayfanın tek bir hedefi ve en fazla iki kez tekrarlanan tek bir ana düğmesi var.

• Üst bilgi, altbilgi ve kenar çubuğu kaldırılmış.

• Başlık, meta açıklama ve sosyal paylaşım görseli ayarlanmış ve sayfaya yönlendiren reklamla eşleşiyor.

• Form gönderiliyor, teşekkür durumu görünüyor ve dönüşüm izleniyor.

• Sayfa mobil hız testini geçiyor ve 360 piksel genişlikte rahat okunuyor.

• Her görselde alternatif metin var ve düğme metninin kontrastı okunabilir.

Ardından sayfanın dizine eklenip eklenmeyeceğine karar verin. Ücretli bir kampanya için kurulan sayfa, ana sayfalarınızla yarışmaması için noindex etiketi taşıyabilir. Sıralanması hedeflenen bir sayfa ise site haritasında yer almalı ve düzgün bir arama başlığını hak etmeli.

Yayından sonra aynı anda tek bir şeyi değiştirin. Önce başlığı yeniden yazın, çünkü en çok ağırlığı o taşır. Her sürümü yargılamadan önce yeterli ziyaretçi toplayın. Düzenli trafikle geçen iki hafta, iki günlük heyecandan daha çok şey söyler. Sonuçları not defterine değil, sayfanın kendi analitiklerine kaydedin; hangi değişikliğin ne yaptığını ancak böyle görürsünüz.

Bizim yapacağımız şey şu: tek hedef cümlesiyle, Açılış şablonuyla ve beş bölümle başlarız. Yerel düzenleyici yetmeyene kadar sayfa oluşturucuya geçmeyiz. Emeğinizi teklife, başlığa ve hıza harcayın, çünkü sayıyı oynatan bunlardır.