Herhangi Bir WordPress Teması ile Tek Sayfa Web Sitesi Nasıl Oluşturulur

Tek sayfalık web sitesi nasıl yapılır veya tek sayfalık WordPress temaları satıyor muyuz hakkında birçok soru alıyoruz. Her iki soruyu da en başta cevaplayayım. Her WordPress teması tek sayfalık bir web sitesi olabilir ve size bunun ne kadar basit olduğunu göstereceğim.

Tek Sayfa Web Sitesi Nedir?

Tek sayfa web sitesi, genellikle ana sayfa olmak üzere tek bir sayfada tüm gerekli içeriğe sahip bir web sitesinden başka bir şey değildir.

Çoğunlukla tek bir ürünü veya hizmeti açık ve doğrudan bir şekilde tanıtmak isteyen işletmeler tarafından kullanılır. Bazı örnekler, müşterilerinize bir portföy sergilemek, bir etkinlik düzenlemek veya yeni bir iş kurmaktır.

Tek sayfalık bir web sitesinde, gezinme bağlantılarına tıklamak sizi yeni bir sayfaya göndermez, ancak aynı sayfada bağlantıyla bağlantılı içerik bölümüne atlar veya aşağı kaydırır. Bu, kullanıcı deneyimini çok daha iyi hale getirebilir ve kullanıcı katılımını artırabilir.

Çevrimiçi olarak kullanılabilen birçok tek sayfalık WordPress teması vardır, ancak daha önce de söylediğim gibi, biraz çalışma ile herhangi bir temayı tek bir çağrı cihazına dönüştürebiliriz .

WordPress ile Tek Sayfa Web Sitesi Nasıl Oluşturulur?

Bağlantı bağlantıları

Tek sayfalık basit bir web sitesi için tek ihtiyacımız olan bir menü , içerik ve bağlantı bağlantıları . Menünün ve içeriğin ne işe yaradığını hepinizin bildiğine inanıyorum, o yüzden biraz bağlantı linkleri hakkında konuşalım. Ankraj bağlantıları, ankraja ve ankrajın kendisine işaret eden normal bir bağlantıdan yapılır. Bağlantıya işaret eden bağlantılar, # karakteriyle başlayan normal bağlantılardır. Ve çapanın kendisi, sayfanızda bir yerde belirli bir yerdir. Basit bir örneğe bakalım.

Bu, bağlantıya işaret eden menüdeki bağlantımızdır:

 <a href="#middle">Go to the middle</a>

Ve bu, çapanın kendisiyle ilgili içeriğimiz:

 <h1>Learning about anchor links</h1> <p> Some lorem ipsum content ….</p> <h2>Middle of the page</h2> <p> Some lorem ipsum content ….</p>

Bu durumda, #middle bağlantı bağlantımızdır ve id=”middle” bağlantı noktamızdır. “Ortaya git” linkine tıkladığımızda “Sayfanın ortası” başlığı ile çapamıza atlayacağız. Bu kadar! En basit tek sayfalık web sitesini bu şekilde yapabiliriz. Web sitenize istediğiniz kadar bağlantı ekleyebilirsiniz. Yeni edindiğimiz bilgileri alıp bir WordPress sitesinde kullanalım.

WordPress Menüsü ile Bağlantı Bağlantıları Oluşturun

Sırf bu amaçla, GrowPress temamızla pratik örneğimiz olacak tek sayfalık basit bir web sitesi hazırladım. Öncelikle yeni bir sayfa oluşturdum ve biraz içerik ekledim. İçerik sadece bazı paragraflardan ve başlıklardan oluşur. Hemen hemen her HTML öğesine bağlantı ekleyebiliriz, ancak bizim durumumuzda bunu içerikteki tüm başlıklara ekleyeceğiz.

Ekran görüntüsünden, içeriğin HTML'sini düzenlemek için düzenleyiciyi Görsel'den Metin'e değiştirmemiz gerekeceğini görebilirsiniz. Artık içeriğimizde tüm HTML etiketlerini görebiliyoruz. Bizim durumumuzda, tüm başlıklar <h2> etiketini kullanır ve bunları çapa eklemek için kullanacağız. Tıpkı yukarıdaki ekran görüntüsünde olduğu gibi, bu etiketlere çapa ile id eklemeniz gerekecek. Örneğin: <h2 id=”our-anchor”>Some Title</h2> . Bağlantıların # olmadan yazıldığını, ancak tüm bağlantı bağlantılarının # ile başlaması gerektiğini unutmayın. İçeriğimizdeki tüm çapaları ekledikten sonra, onları bağlantı bağlantılarıyla bağlayabiliriz.

WordPress'e aşina iseniz, wp-admin -> Görünüm -> Menülerde menü bağlantılarını değiştirebileceğimizi bileceksiniz ve burası tam olarak bağlantı bağlantılarımızı oluşturduğumuz yer.

Ekran görüntüsünden, Özel Bağlantıları seçtiğimi ve klasik URL yerine #about-us bağlantı bağlantısını eklediğimi görebilirsiniz. Bu bağlantıya tıklandığında, içerikteki bağlantı id=”about-us” atlanır. Tüm bağlantı bağlantılarını eklediğimizde, tek sayfalık basit web sitemiz tamamlanmıştır. Yeni oluşturulan bağlantılara tıklayın ve kendiniz görün!

Düzgün Kaydırma

Evet, kesinlikle katılıyorum, şimdiye kadar yaptığımız tek sayfalık web sitesi harika, ancak bu anlık atlamalar, düzgün kaydırma kadar harika değil, değil mi? Düzgün kaydırma elde etmek için web sitemize biraz javascript kodu eklememiz gerekecek.

Premium temaların çoğu, özel kod eklemek için bir tür alana sahiptir. Örneğin, temalarımızda wp-admin -> Customizer -> Theme Options -> Custom Code kısmına gidebilirsiniz, burada şimdi yapacağımız gibi bazı özel kodlar eklemek için kullanabileceğiniz alanları bulacaksınız.

Temanızda özel kod için bir yer yoksa uygun bir eklenti kullanabilirsiniz. WPBeginner'dan Insert Headers and Footers eklentisini tavsiye ederim. Eklentiyi etkinleştirdikten sonra, wp-admin -> Ayarlar -> Üst Bilgi ve Alt Bilgi Ekle'de özel kod eklemek için alanlar bulacaksınız.

Aşağıdaki kodu alanlardan birine yapıştırın (altbilgi ayarında komut dosyalarını kullanmanızı öneririz) ve artık bağlantı bağlantılarınızda sorunsuz kaydırma yapabilirsiniz. Tebrikler! Az önce herhangi bir WordPress temasıyla bir sayfa web sitesi yaptınız!

 <script> ( function( $ ) { $(document).on('click', 'a[href*="#"]:not([href="#"])', function(e) { if (location.pathname.replace(/^\//,'') === this.pathname.replace(/^\//,'') && location.hostname === this.hostname) { var hashStr = this.hash.slice(1); var target = $(this.hash); target = target.length ? target : $('[name=' + hashStr +']'); if (target.length) { $('html, body').animate({ scrollTop: target.offset().top }, 1000); window.location.hash = hashStr; return false; e.preventDefault(); } } }); }(jQuery)); </script>

Yukarıdaki kod, bir bağlantı bağlantısını tıkladığınızda kaydırma efektini canlandıracak ve ayrıca mevcut tarayıcı URL'sini tıklanan bağlantı bağlantısını yansıtacak şekilde güncelleyecektir. Bitmiş bir sayfa web sitesinde nihai sonucumuzu kontrol edin.

Düzgün Kaydırma için Ofset Nasıl Ayarlanır?

Sabit bir yapışkan menünüz varsa, kaydırmayı da ayarlamanızı tavsiye ederim, böylece içeriğin başlangıcı yapışkan menünüzün altında başlar. Bunu başarmak için bu kod satırını düzenlemeniz gerekecek:

 $('html, body').animate({ scrollTop: target.offset().top}, 1000);

Burada yapmamız gereken tek şey ofsetimize bir değer katmak. En az sabit yapışkan menünüzün yüksekliği kadar büyük olmalıdır.

 $('html, body').animate({ scrollTop: target.offset().top - 180 }, 1000);

Bununla, içeriğinizin başlangıcının menünün arkasına gizlendiği bir sorunu önleyeceğiz.

Tek Sayfa Web Sitelerinin Artıları

Artık tek sayfalık bir web sitesi oluşturmayı öğrendiğinize göre, tek sayfalık bir web sitesi kullanmanın artılarını gözden geçirelim.

Tek sayfa web siteleri daha iyi mobil kullanıcı deneyimi sağlar

Tek sayfa web siteleri, mobil görüntüleme için mükemmel olan tek, uzun kaydırmalı bir sayfadan oluşur. Facebook'u ve Haber Kaynağını düşünün. Tavşan deliğinden aşağı doğru ilerlemeye devam etmekten kendinizi alıkoyamazsınız. Tek sayfalık bir web sitesi tam da bunu yapmak için tasarlanmıştır ve sürekli kaydırma, mobil cihazlara mükemmel bir şekilde uyum sağlar.

Mobil cihazlarda sınırlı miktarda ekran alanı göz önüne alındığında, menünün nerede saklandığını bulmak ve ardından web sitenizin bir sonraki sayfasına gitmek için doğru bağlantıyı tıklatmaktansa aşağı kaydırmaya devam etmek çok daha kolaydır. Başka bir deyişle, tek sayfalık bir web sitesi, web sitenizi mobil cihazlarında ziyaret eden herkes için harika bir kullanıcı deneyimi sağlayacaktır.

Tek sayfa web siteleri daha az metin gerektirir

Geleneksel, çok sayfalı bir web sitesi çok fazla metin gerektirir, bu nedenle çok boş veya daha da kötüsü bitmemiş görünmez. Bunu, çok fazla içeriğiniz varsa darmadağın ve bunaltıcı görünecek tek sayfalık web siteleriyle karşılaştırın. Bu nedenle, kopyanızı minimumda tutmak ve en önemli bilgileri iletmek için kısa cümleler ve paragraflar kullanmak isteyeceksiniz.

Bu yaklaşımın bir başka yararı da, bir web sitesi başlatmakla ilgili en göz korkutucu görevlerden biri olabilir kopya yazma gerçeğidir. Web sitenizin kopyası tamamen ayrıntılı değilse, tek sayfalık bir web sitesi harika bir seçim olabilir.

Tek sayfa web siteleri resimlerle iyi çalışır

Görüntüler, tek sayfa web siteleri dahil olmak üzere her tür web sitesi için harikalar yaratabilir. Aslında, paralaks efekti ile eşleştirilmiş görseller kullandığınızda, web sitenizde görsel olarak çekici bir etki yaratabilirsiniz.

Paralaks efektini kullanmamaya karar verseniz bile, tek sayfalık bir web sitesinde görüntüleri etkili bir şekilde kullanabilirsiniz. Bunları farklı bölümler arasında ayrım yapmak için kullanabilirsiniz, fotoğraf galerilerini veya portföy resimlerini paylaşmaktan bahsetmiyorum bile.

Görseller, doğru şekilde optimize edildiğinde arama motoru sonuçlarında görünme eğiliminde olduğundan, web sitenizin SEO'sunu artırmak için görsellerden de yararlanabilirsiniz. Bu nedenle görsellerinize açıklayıcı başlıklar kullanarak bir ad eklediğinizden ve sitenize eklediğiniz her görsele alt etiketler eklediğinizden emin olun.

Tek sayfa web siteleri, kullanıcı etkileşimini ve dönüşümleri artırabilir

Bir araştırmaya göre, tek sayfalık bir web sitesi, çok sayfalı muadili ile karşılaştırıldığında daha yüksek dönüşümlere yol açabilir. Bunun arkasındaki sebep basittir: Tek sayfalık bir web sitesi genellikle çok odaklıdır ve ziyaretçilerin harekete geçmesini sağlamak için tasarlanmıştır.

Daha odaklı bir mesajı vardır ve ziyaretçilerinizin sayfanın sonuna geldiklerinde ne yapmalarını istediğinizi anlamaları daha kolaydır.

Yalnızca bir seçeneğiniz olduğunda, bir sonraki adımda ne yapacağınızı merak ederek sayfadan sayfaya gitmek yerine o düğmeyi veya harekete geçirici mesajı tıklamanız kolaydır.

Tek sayfa web sitelerinde gezinmek daha kolaydır

Ayrıca, tek sayfalık web sitelerinde gezinmenin daha kolay olduğunu belirtmekte fayda var. Her şey tek sayfada olduğu için, özellikle mobil cihazlarda kaybolmak ve en başa dönmek çok zor.

Sayfanın farklı bölümlerine atlamak için bağlantı bağlantılarını kullanabilseniz de (bu makalede gösterildiği gibi), yukarı veya aşağı kaydırmak ve istediğiniz bölümü bulmak kadar kolaydır.

Buna ek olarak, iyi tasarlanmış tek sayfalık bir web sitesi, ziyaretçiyi işletmenizin veya markanızın hikayesini mantıklı bir şekilde anlatan bir yolculuğa çıkarır.

Tek sayfa web siteleri, belirli bir kitleyi hedeflemeyi kolaylaştırır

Daha önce de belirtildiği gibi, tek sayfalı web siteleri, ziyaretçilerin harekete geçmesini sağlamak için tasarlanmıştır. Bunu kendi yararınıza kullanabilir ve bir sonraki adımı atmaya hazır çok özel bir kitleyi hedefleyebilirsiniz. Onları web sitenizin farklı bölümlerinde yönlendirerek, ürün veya hizmetinizi sunabilir, onların sorunlarını nasıl çözdüğünü gösterebilir ve onlara harekete geçirici mesaj şeklinde çözüm sunabilirsiniz.

Bu yaklaşım, belirli bir sorunu olduğunu zaten bilen ve çözüm arayan çok spesifik bir anahtar kelimeyi veya hedef kitleyi hedeflediğinizde harika çalışır.

Tek Sayfa Web Sitesi Kullanmanın Eksileri

Profesyonelleri ortadan kaldırarak, tek sayfalık bir web sitesi kullanmanın bazı dezavantajlarına bir göz atalım.

Google Analytics verilerini analiz etmek daha zor olacak

Şimdiye kadar, muhtemelen Google Analytics'in web sitenizin ziyaretçileri hakkında size yığınla yararlı bilgi verebileceğini biliyorsunuzdur. Sitenize yüklendikten sonra, hangi sayfaların popüler olduğunu, hangi gönderilerin yeni ziyaretçiler getirdiğini ve insanların sitenizde daha uzun süre kalması için hangi sayfaların optimize edilmesi gerektiğini görebilirsiniz.

Tek sayfalık bir web sitesinde, yalnızca bir sayfayla sınırlısınız. Ziyaretçileriniz aynı sayfaya geliyor ve aynı sayfaya düşüyor, bu da web sitenizin hangi bölümlerinin iyileştirilmesi gerektiğini bilmeyi zorlaştırıyor. Tek sayfa web sitesi rotasına gitmeye karar verirseniz, insanların web sitenizi nasıl kullandığına dair görsel bir ısı haritası elde etmek için Hotjar gibi bir araca kaydolduğunuzdan emin olun.

Web sitenizi sosyal medyada paylaşmak daha zor

Tek sayfalık bir web sitesinde, sosyal medyada paylaşabileceğiniz yalnızca bir URL'niz olur. Bu, hızlı bir şekilde tekrarlanabilir, ayrıca insanları sorunlarına yanıt bulmaları için web sitenizin farklı bölümlerine göndermek için pek fazla fırsat sağlamaz. Ana URL'nizi paylaştığınızda, çok sayfalı bir web sitesinde yaptığınız gibi belirli bir sayfa veya bölüm yerine web sitenizin tamamı paylaşılır.

Kolay bir geçici çözüm, hedef kitlenizi çekecek faydalı ve faydalı içeriği paylaşabileceğiniz web sitenize bir blog eklemek olacaktır. Bu, web sitenizi sosyal medyada paylaşmayı kolaylaştırırken, bilgilerin çoğunu tek bir sayfada toplamayı sürdürür. .

Bir sayfa web sitesinin yüklenmesi daha uzun sürebilir

Tek sayfalık web sitenizin boyutuna ve paylaştığınız içeriğin türüne bağlı olarak, web sitenizin yüklenmesinin daha uzun sürebileceğini unutmayın.

Genel olarak konuşursak, tek sayfa web siteleri oldukça hafif olma eğilimindedir, ancak web için optimize edilmemiş çok sayıda resminiz varsa, yavaş yükleme süreleri yaşarsınız. Aynı durum, sitenizde çok sayıda video içeriğiniz varsa da geçerlidir.

Bu nedenle, resimlerinizi uygun biçimde kaydetmeniz ve sitenize eklemeden önce boyutlarını sıkıştırmanız önemlidir. Göz önünde bulundurulması gereken başka bir şey de, kullanıcı sitenizin belirli bir bölümüne kaydırdığında bunları hemen yüklemek yerine, resimlerin ve videoların yüklenmesini sağlamak için gecikmeli yükleme kullanmaktır.

Anahtar kelime hedefleme ile sınırlısınız

Tek sayfalık bir web sitesi, birden çok anahtar kelimeyi hedeflemeniz için size pek çok fırsat sağlamayacaktır. Çok sayfalı bir web sitesinde, hedeflemeye çalıştığınız her anahtar kelime için ayrı bir sayfanız olabilir. Tek sayfalık bir web sitesi aynı şekilde çalışmaz.

Profesyoneller bölümünde belirtildiği gibi tek sayfalık web siteleri belirli bir amaç ve hedef kitle düşünülerek tasarlanmıştır. Bu genellikle belirli bir anahtar kelimeyi ve onun varyasyonlarını hedeflemek anlamına gelir; bu, birden fazla, farklı anahtar kelimeyi hedeflemeniz gerekiyorsa, çok sayfalı bir web sitesi oluşturmanın daha iyi olduğu anlamına gelir.

Sayfa başına birden fazla farklı anahtar kelime ekleyemeyeceğinizi söyleyen bir kural olmasa da, özellikle hafif kopyanın tek sayfalık web sitelerinde daha iyi çalıştığını göz önünde bulundurduğunuzda, sayfanızı yeterince optimize edemezsiniz.

Gelişmiş SEO taktiklerini kullanamazsınız

SEO'dan bahsetmişken, tek sayfalık bir web sitesi, silo olarak bilinen gelişmiş SEO taktiklerini kullanmanıza izin vermez. Silolama, web sitenizi ana ilgi alanlarına göre yapılandırma pratiğini ifade eder, böylece bu alanlarda otoritenizi gösterebilirsiniz. Layman'ın terimleriyle, içeriğinizi düzenlemek için kategoriler ve alt kategoriler oluşturma uygulamasıdır.

Silolamanın ana faydası, ilgilenen bir ziyaretçinin sahip olabileceği neredeyse tüm soruları kapsayan ve tüm olası itirazları kapsayan çok sayıda anahtar kelime ve anahtar kelime öbeği için sıralama olanakları sunmasıdır.

Çok sayfalı web siteleri bu konuda başarılı olsa da, tek sayfalı web siteleri hızla çok bunaltıcı ve karmaşık hale gelir ve hedef kitlenizi hayal kırıklığına uğratır.

Tek sayfa web siteleri ayrıntıları sağlamada yetersiz kalabilir

Son olarak, kısa ve özlü kopyalama ve mesajlaşma nedeniyle, tek sayfalık web siteleri ziyaretçilerinize gerekli tüm ayrıntıları sağlamada yetersiz kalabilir. Bu, daha sonra açıklama isteyen veya ziyaretçilerinizin kafasını karıştıran e-postaların sayısında artışa neden olabilir.

Tek sayfalık web sitenize bir blog ekleyerek ve ziyaretçilere daha derinlemesine içerik sağlayarak ve ortaya çıkan soruları yanıtlayarak bu sorunun üstesinden gelebilirsiniz.

Tek Sayfalık Bir Web Sitesi Kullanmalı mısınız?

Gördüğünüz gibi, tek sayfalık bir web sitesi kullanmanın kesinlikle avantajları ve dezavantajları vardır. Peki, tek sayfalık bir web sitesinin işletmeniz için doğru seçim olup olmadığını nasıl anlarsınız?

İşinize yeni başlıyorsanız ve kulaktan kulağa çok fazla iş üretiyorsanız, tek sayfalık bir web sitesi, tasarım ve geliştirmeye çok fazla zaman harcamadan işletmenizi çevrimiçi duruma getirmenize olanak tanır.

Öte yandan, SEO'ya odaklanarak daha fazla organik trafik elde etmeye odaklanmak istiyorsanız ve iş operasyonlarınızı genişletiyorsanız, çok sayfalı bir web sitesi sizin için daha uygun olacaktır.

Sonunda, bu bir kişisel tercih meselesi ve iş hedefleriniz. İşinizde nerede olduğunuzu değerlendirin ve neyi başarmaya çalıştığınızı not edin. Ardından, nihai kararı vermeden önce yukarıda belirtilen artıları ve eksileri göz önünde bulundurun.

Çözüm

Gerçekten çok fazla soru alıyoruz, bir tür tek sayfa temamız olup olmadığını soruyoruz ve durumun diğer tema yazarlarıyla aynı olduğuna inanıyorum. Bu makale, tüm WordPress temalarının tek sayfa web siteleri olarak da kullanılabileceğini ve isterseniz mevcut web sitenizi kısa sürede tek bir çağrı cihazına değiştirebileceğinizi açıkça belirtmelidir. Ayrıca, tek sayfalık web sitelerinin artılarını ve eksilerini ele aldık ve bunun web siteniz için doğru seçim olup olmadığına nasıl karar vereceğinizi paylaştık.

Makalenin tek sayfalık web sitelerini daha iyi anlamanıza yardımcı olup olmadığını bana bildirin ve başka sorularınız varsa bana bir yorum bırakın.