Etkili bir hücresel açılış sayfası nasıl yapılır
Duyarlı WordPress temaları seçmiş olabilirsiniz. Çoğu modern tema, giderek daha önemli olan hücresel trafik büyümesini dikkate almaktadır. Ama daha da ilerliyor musun? Hücresel yön sayfanıza özel çaba gösteriyor musunuz? Bu yazıda, tek başına duyarlı tasarımın kaliteli hücresel yön sayfaları oluşturmak için yeterli olmadığını iddia edeceğim. Daha ileri gitmelisin. Bu yazıda, hücresel yön sayfası oluşturmak için size en iyi uygulamalardan bazılarını vereceğim. Ayrıca daha ileri gideceğim ve bu ipuçlarının çoğunu Divi ve Divi Builder ile uygulamanın kolay bir yolunu göstereceğim.
Masaüstü ziyaretçilerinin kral olduğu bir rüya dünyasında hala yaşıyorsanız, neden hücresel trafiği önemsemeniz gerekiyor, size vereceğim sürpriz için özür dilerim … Hitwise’dan 2016 raporuna göre, Google’ın ~% 58’i Arama şimdi cep telefonlarında gerçekleştirildi. Bu, aynı şeyi tanıdıkları (sınırlı pazar için olsa da) AdWords’ten 2015 blog yazısına uygundur. Ve arayanlar web sitenize indiğinde riskler yüksektir – ~% 40’ı siteniz hücresel dostu değilse diğer sonuçları seçecektir. Hücresel trafik de satın almak için düşündüğünüzden daha fazla yönlendirilir. Örneğin, Black Friday Online’ın şaşırtıcı satın alımının% 40’ı mobil cihazlardan geliyor. Gerçek dolarda, hücreselden bir milyardan fazla satış oldu.
Böyle bir sayı ile cep telefonunuzu görmezden gelemezsiniz. Mobil açılış sayfalarını farklı kılan nedir? 1366×768 … Masaüstünde en popüler ekran çözünürlüğü. Cep telefonunuzda ne olduğunu biliyor musunuz?
iPhone 7 – 375 x 667
Google Pixel – 411 x 731
Samsung Galaxy S7-340×640, sayıların çok farklı olduğunu öğrenmek için matematikçilere ihtiyaç duymaz. İlk olarak, telefonun yalnızca daha küçük görünen bir çözünürlüğü vardır. İkincisi, yönlerin oranı tamamen tersine çevrilmiştir. Farklı dokunmatik dinamikler ekleyin ve Masaüstü meslektaşlarını mükemmel bir şekilde taklit etmesini bekleyemezsiniz.
Bu en iyi uygulama için mobil açılış sayfalarının en iyi uygulaması, genel yön sayfalarının en iyi uygulamasının çoğuna dokunmayacağım. Cihazdan bağımsız olarak tüm yön sayfaları için geçerli bir kavram vardır. Genel ipuçları istiyorsanız, yön sayfasında zaten birkaç yayınımız var:
Divi kurşunları ile sıfırdan etkili bir açılış sayfası nasıl yapılır
Divi kullanılarak inşa edilen 5 sayfa yüksek dönüşüm yönü
WordPress kullanarak bir yön sayfası oluşturun
Hücresel kabuklar için özel ipuçları için okumaya devam edin … Hücresel veya masaüstünün gereksiz elemanlarını kaldırarak rahatsızlıkları en aza indirin, yön sayfanızda asla rahatsızlık istemezsiniz. Ancak küçük bir ekran cep telefonunda, bahisler daha yüksektir … ve daha geniş bir rahatsızlığın tanımı.
Küçük hücresel ekran – bu yüzden başlığınız, altyazılarınız ve CTA’nız görülebilecek çok fazla alan harcamış olabilir. Başka bir büyük unsur, okuyucunuzun CTA’nızı tamamlamasını rahatsız etme riski altındadır. Divi kullanıyorsanız, sitenizin hücresel duyarlı sürümünden bazı öğeleri kolayca silmeyi seçebilirsiniz. Nasıl olduğundan emin değil misin? Divi Builder’a yeni bir modül eklediğinizde, genel ayarların altındaki ayarlarda devre dışı bırakmak için aşağı kaydırın:
Telefonun yanındaki kutuyu kontrol ederseniz, hücresel kullanıcılar için özel modül görüntülenmez. Modüle bağlı olarak tableti de kontrol etmek isteyebilirsiniz. Belirli bir modülü devre dışı bırakırsanız, en iyi uygulama özel bir yönetici etiketi kullanmak iyidir. Yönetici etiket kutusu da genel ayarların altındadır:
Bu gerekli değildir – ancak daha sonra sayfalarınızda değişiklik yapmanız gerekiyorsa yardımcı olmak yeterlidir. Başlığınızı artırmak mobildir, çünkü mobil cihazlarda görülebilen daha az alana sahipsiniz, başlığınızı kalın kalmasını ve dikkat çekmesini istiyorsanız, kısaltmalısınız. Divi kullanıyorsanız, yukarıda açıkladığım aynı kavramı kullanarak başlığınızın farklı bir sürümünü görüntüleyebilirsiniz. Bir ek yapmanız gerekmedikçe. Başlığınızı içeren bir modül yerine iki tane yapın. Başlığınızın masaüstü sürümünü hücresel ve tablette devre dışı bırakın ve masaüstündeki başlığınızın hücresel/tablet sürümünü devre dışı bırakın. Bam! Harici bir çözüm kullanmak zorunda kalmadan hücresel yön sayfanızın başlığını kısaltmanın basit bir yolu. Ziyaretçiler sitenizi ziyaret ettiklerinde, yalnızca özel cihazları için etkinleştirilen başlığı görürler.
Kopyanızı artırmak da sadece kesilmesi gereken ana başlık değil, aynı zamanda hücresel ziyaretçilerin kalmasını ve okumasını istiyorsanız kopyayı kısaltmanız gerekir. Ortalama bir hücresel oturum süresi, ortalama masaüstü oturumunun yaklaşık yarısıdır. Dolayısıyla, sitenizin masaüstü sürümünde iyi dönüşen aynı uzun formun bir kopyası, aynı şeyi hücreselde yapmayabilir. Kopyanızı temel şeylere kesin. Şüphe varsa, kopyanızı cep telefonunuzda gösterin. Onlar için çok uzunsa, ziyaretçilerinizi de sular altında bırakabilir. Farklı cihazlar için farklı bir kopya sürümü eklemek için yukarıda tarif ettiğim aynı divi hilelerini kullanabilirsiniz. Google’ın kullanılabilecek hücresel önerilerini izleyin İyi bir yön sayfasıdır. Okuyucunuz sayfanızdaki metni okumakta güçlük çekiyorsa, bunlar iyi dönüştürülmez. Kimse sadece neler olduğunu anlamak için büyütmek ve kaydırmak için zaman harcamak istemez. Neyse ki, sayfanın neyin kullanılabileceğini bulmaya çalışmanıza gerek yok. Google, Web genelinde hücresel kullanıcı deneyimlerini geliştirmeye teşvik edilmelerinin bir parçası olarak hücresel kullanım için yönergeler hazırlamıştır.
Örneğin, Google hücresel olarak minimum 16px yazı tipi boyutu kullanmanızı tavsiye etti. Bu, normal metninizin 16px olması gerektiği anlamına gelir – başlık daha büyük olmalıdır. Peki ya tüm cihazlar için metin boyutunu 16px yapmak istemiyorsanız ne olur? Divi kullanıyorsanız, aslında farklı cihazlar için farklı yazı tipi boyutları ayarlayabilirsiniz. Sadece Divi → Tema Ayarlaması açın. Ardından mobil stiller kutusunu bulun ve telefonu tıklayın. Orada, sitenizin hücresel sürümü için özel bir metnin boyutunu yapılandırabilirsiniz: Google Arama Konsolu’ndaki Hücresel Kullanım Raporunda daha fazla Google’ın önerilerini bulabilirsiniz (çalıştırmak için sitenizi arama konsolunda bir özellik olarak eklemelisiniz. rapor). Bu, bir zamanlar PagePeed Insights’ın bir parçası olan aynı rapor.
Telefon numarasını tıklatın Bu büyük bir özel evcil hayvanın kızgınlığıdır … Ziyaretçileriniz cep telefonu kullanırsa, sizi aramaya gerçekten hazırdırlar. Zaten gereken cihazı ellerinde tutuyorlar! Bu yüzden aramalarını zorlaştırmayın. Hatırlamaya veya kopyalayıp eklemeye zorlamak yerine, hemen sizinle iletişim kurmak için numaranıza tıklamalarına izin verin.
Divi ve diğer WordPress sitelerini aramak için nasıl tıklama işlevselliği ekleyebileceğinizle ilgili tüm yayınlarımız var.CTA’nızı bir bilgisayar ekranına tıklamak kolay bir yere koyun, ziyaretçiler ekranınızın hemen hemen her yerine kolayca tıklayabilir.Ancak cep telefonunda her şey o kadar esnek değil.UX Matters’ın araştırması, telefon tutmanın en yaygın yöntemi için tıklanabilecek alanı göstermektedir.Örneğin, okuyucunuz cep telefonunu tek elle tutarsa, tıklanan alan şöyle görünecektir: UX Matters
Görüntü Kaynağı:
Aslında onları uzaklaştırıyorsun. Yukarıda bahsettiğim “en aza indirilmiş bozukluk” adımlarını tamamlarsanız, umarım sitenizin hücresel sürümünün gereksiz unsurlarını sildin. Büyük görüntü ve videoların kaldırılması, hücresel yön sayfanız için sayfanın açılmasını artırmaya yardımcı olacaktır. Sayfa yükleme süresini artırmak için diğer ipuçlarımızı takip etmek, ziyaretçilerinizin hücresel veya masaüstü kullanıp kullanmadığı önemli değil. Masaüstü raf sayfası için geçerli olan aynı genel dönüşümün birçok prensibi olmasına rağmen, hücresel raf sayfasına getirilmiş olsa da, hepsini sarın, her şey aynı değildir. Genel olarak, hücresel yön sayfalarınız için gerçekten dikkate almanız gereken iki özel yön şunlardır: büyük ölçüde görünen çözünürlüğü azaltmak. Daha az gayrimenkul ile daha özlü ve minimalist olmalısınız. Dokunma eksikliği. Her zaman ziyaretçilerinizin fare olmadığını unutmayın – navigasyon basit olmalıdır. Her iki ilke de her şey olmasa da, hatırlarsanız (ve diğer ipuçlarımı takip ederseniz), çoğu yarışmanın ön saflarında olacaksınız. Siteniz için özel bir hücresel yön sayfası oluşturmak için divi kullandınız mı? Bunu yapmak için ek ipuçlarınız varsa, bunu duymaktan mutluluk duyarım. Makale Thumbnail Image, Inspons.dell.vector / Shutterstock.com
