Yaptığınız her web sitesinde takip edilecek hücresel dostu kontrol listesi
Hücresel üzerinde iyi çalışan bir web sitesi yapmak kolay değildir, ancak yapılabilir. Sitenizi göndermeden önce iyice kontrol ettiğiniz sürece, hücresel kullanıcıların harika bir deneyimi olmamasının bir nedeni yoktur. Ancak, hangi unsurların en çok dikkatinize ihtiyacı olduğunu merak ediyor olabilirsiniz. Bu makalede, size sitenizin yerine getirmesi gereken yedi kriterin basit bir kontrol listesini vereceğiz. Evet ise, kullanıcınız olağanüstü bir hücresel deneyim yaşayabilir ve değilse, işleri nasıl tersine çevireceğinizi söyleyeceğiz. Birinci nokta ile başlayalım!
Hücresel dostu bir web sitesine sahip olmanın önemi
‘Mobil dostu’ terimi oldukça bulanık geliyor. Basitçe söylemek gerekirse, içeriğini kolayca tüketebilir ve herhangi bir mobil cihaz kullanarak etkileşime girebilirseniz, bir site mobil dostu olarak kabul edilebilir. Bildiğiniz gibi, hücresel arama artmaktadır, yani birçok insan bunu web’de gezinmek için ana yolu olarak kullanır. Sitenizin kullanımı kolay değilse, kullanıcılar alternatifler bulabilir. Neyse ki, web sitenizin hücresel dostu olup olmadığını test etmenin birkaç yolu vardır. Örneğin, Google, herhangi bir site tarafından yalnızca URL’sini ekleyerek kullanılabilecek testler sunar: Ancak unutmayın, mükemmel bir otomatik test yoktur – bu yüzden sağduyu da uygulamanız gerekir. Bunun için, sitenizin hücresel kullanıcılar için mümkün olduğunca uzun olduğundan emin olmanıza yardımcı olacak bazı ipuçları. Hücresel trafiğin önemini göz önünde bulundurduğunuz her web sitesinde izlenecek 7 mobil dostu adımın listesini kontrol edin, yaptığınız her web sitesinin en başından itibaren hücresel dostu olması çok önemlidir. Bu kontrol listesi, her adıma dokunduğunuzdan emin olmanıza yardımcı olacaktır. Haydi bakalım! 1. Web sitenizi, doğru araçlarla yapılması kolay çeşitli çözünürlüklerde web sitenizi test etmek için çeşitli çözünürlükle test edin. Hücresel siteler açısından en önemli şeylerden biri, sitenizin masaüstü sürümünden kapalı görünmemesidir. Bu, bazı çözünürlüklerde iyi görünmeniz gereken her unsurun olduğu anlamına gelir. Tersine, mobil cihazlarda iyi göründüğünüz bir unsur yoksa, bunun pentastic oranınız üzerinde olumsuz bir etkisi olabilir. Yapılacak akıllı şey, web sitenizi önceki birkaç kararda test etmek ve ortaya çıkan sorunlar olup olmadığını görmek. Neyse ki, bu süreç göründüğü kadar karmaşık değildir ve bunu yapmak için çok fazla cihazınız olması gerekmez. Herhangi bir web sitesini farklı kararlar hakkında hızlı bir şekilde test etmenize izin veren birçok hizmet vardır, örneğin:
Chrome Developer: Bu varsayılan Chrome tarayıcı özelliği, sitenizi çeşitli çözünürlüklerde test etmek için kullanabileceğiniz bir cihaz çubuğu içerir.
Screenfly ve BrowserStack gibi hizmetler: Bu üçüncü taraf hizmeti, sitenizi çok daha geniş çeşitli çözünürlüklerde test etmenizi sağlar.
Bahsettiğimiz tüm araçlar ücretsizdir, bu yüzden bütçe bir sorun olmamalı ve bu adımı kaçırmak için bir neden yok! 2. Menünüzün ve navigasyonun, menünüzün düzgün bir şekilde görüntülenmesini sağladığından daha küçük bir ekranda iyi görüntülendiğinden emin olun, sitenizin hala kullanılabilmesini sağlamak için önemlidir.
Çoğu durumda, menü insanların sitenizde bir navigasyona sahip olmasının ana yoludur. Bağlantınızın daha küçük bir çözünürlükte tıklamak veya okumak zorsa, kullanımı etkileyecektir. Ayrıca, keşfetmek için kullanılan cihazdan bağımsız olarak tüm menü öğelerinizin kolayca erişilebilir olduğundan emin olmak istersiniz. Bunu hatırlayarak, hücresel menünüzü test etme zamanı geldiğinde hiçbir şeyi kaçırmadığınızdan emin olmak için birkaç adım tartışalım: Tüm menü öğelerinin görünüp görünmediğini kontrol edin. Eğer kaydırma ile ulaşılıp ulaşılamayacaklarını onaylamazlarsa.
Her bağlantının paralel olduğundan ve alt menü yuvası olduğundan emin olun.
Her menü öğesini okuyabileceğinizi tekrar kontrol edin ve tıklayın.
Divi gibi çoğu modern WordPress teması, sizin için otomatik olarak duyarlı bir menü oluşturacaktır. Sitenizin yönleriyle ilgili sorunlar yaşıyorsanız, yeni bir temaya güncellemeyi düşünmek daha iyi olabilir.
3. Görüntünüzün daha küçük bir çözünürlükte iyi olup olmadığını kontrol edin
Sitenizin görüntüsü, çözünürlükten bağımsız olarak o kadar şaşırtıcı görünecektir.
Resim herhangi bir web sitesi için önemli bir bileşendir, ancak bazen grafikleriniz daha düşük çözünürlükte en iyi görünmeyebilir. Örneğin, birisi sitenize hücresel olarak eriştiğinde logonuz okunamazsa, marka görüntülemenizi açıkça etkileyecektir. Çoğu durumda, insanlar ‘bükülme’ resimleri konusunda daha fazla endişe duyuyorlar, ancak küçülmek de bir sorun olabilir. Her görüntü, her çözünürlükte mükemmel görünmesini sağlamak için ayarlanamaz, ancak çok fazla sorun olmamak için adımlar atabilirsiniz: çabalarınızı markanız için önemli bir görüntüye odaklayın. SVG gibi popüler görüntü türleri için alternatif scalablar arayın.
Mümkünse, daha iyi kesilmiş görüntüleri seçin, böylece görüntü daha küçük boyutlarda daha iyi görünecektir.
Bu ipuçlarını hatırladığınız sürece, bunu iyi yapmalısınız. Infographics gibi çok karmaşık görüntüler söz konusu olduğunda, onu düşük bir çözünürlüğe uyarlamanın mümkün olmayabileceğini unutmayın. 4. İçeriğinizi okunabilirlik için test edin
Küçük ekranlar okunabilirliği etkileyebilir, ancak ayarlamak kolaydır.
Mobil cihazların kullanımını en çok etkileyen bir husus okunabilirliktir. Daha küçük bir form faktörü ile çalışırken, metninizin sadece daralmakla kalmayıp okunabilecek boyutta görüntülenmesini sağlayarak telafi etmeniz gerekir. Buradaki amaç basittir – kullanıcınızın sitenizi büyütmesi ve sıkıştırması gerekmez. Ayrıca, üzen ziyaretçiler için mükemmel bir tarif. Neyse ki, okunabilirlik nispeten kolay bir şekilde ele alınabilir:
İçeriğinizin içeriği için okunması çok kolay bir temel yazı tipi seçin. İçeriğinizi kolayca taranmış bir parçaya bölmek için mümkünse altyazıları kullanın. Metninizin nasıl görüntülendiği konusunda daha fazla kontrol sağlayan bir tema seçin.
Son noktamızla ilgili olarak, birçok modern tema aradığınız kontrolleri sunar. Örneğin, Divi, masaüstü ve hücresel için herhangi bir modül metninin boyutunu mükemmelleştirmenizi sağlar.
5. Site öğelerinizin etkileşiminin kolay olduğundan emin olun
Parmaklarınızı kullanarak öğelerle etkileşim kurmak zor olabilir, bu nedenle tasarımınızı ayarlamanız gerekir.
Bu adım birçok şeyi içerebilir, ancak sabırlı olun. Şimdiye kadar, menünüzün kullanımı kolay olması için ne kadar önemli olduğunu tartıştık, ancak aynı şey sitenizin diğer etkileşimli öğeleri için de geçerli. Düğmeler, bağlantılar, formlar vb. – Her şey hala mobil cihazlar için kullanılmalıdır. Buradaki ana husus, elbette, boyuttur. Bir çözünürlükte aşağı indiğimizde, küçülmekten bahsettik unsurların çoğu. Etkileşimin çok zor olup olmadığını test etmek sizin işinizdir, çünkü sitenizin kullanımını etkileyebilir.
Bunun nasıl yapılacağı gelince, daha önce bahsettiğimiz hizmetlerden ziyade burada gerçek mobil cihazları kullanmanızı öneririz. Sonuçta, öğelerinizin bir fare ile değil parmaklarla kullanımı kolay olup olmadığını bilmeniz gerekir. Dikkat etmeniz gereken şey budur:
Harekete geçme davetinin (CTA), formları ve menü öğelerini tıklamak kolay olduğundan emin olun.
Hangi öğelerin size bir sorun verdiğini bildikten sonra, bu sadece boyutunu gerektiği gibi değiştirme meselesidir. Divi gibi bir tema kullanıyorsanız, bunu her modülün ayar ekranından yapabilirsiniz. 6. Pop-upmaster’a çok fazla güvenmediğinizden emin olun, ancak sitenizin kullanımını da etkileyebilir.
Katılım yapın ve benzerleri genellikle dönüşümde çok önemli bir artış sağlar. Bununla birlikte, en azından dini değiştiren birçok insana müdahale etme eğilimindedirler. Kesilen hücresel pop-up’ları kullanırsanız tam olarak kaç kişiden korktuğunuzu belirlemek zordur, ancak bazı arama motorları benzeri Google’ın sizi bu nedenle cezalandıracağını söyleyebiliriz. Ana içeriğinizi gizleyen veya kullanıcıları erişmeden önce geçmeye zorlayan pop-up’lar kullanıyorsanız, arama motoru optimizasyonunuz (SEO) bundan muzdarip olacaktır. Pop-up’ların yararlı olabileceğini biliyoruz, ancak çok can sıkıcı olmayan alternatifler var, örneğin:
Stil katılımı şekli.
Optimize edilmiş CTA.
Bu neredeyse yenilikçi değil, ancak formu ve CTA’yı optimize etmek uzun vadede size daha büyük sonuçlar verebilirsiniz, çünkü daha az kullanıcıyı yabancılaştıracaksınız. Ayrıca, arama motoru sıralamanız da etkilenmeyecektir. 7. Web sitenizi test edin. Web siteniz bir saniyeden daha kısa bir sürede yüklenirse, sonuçlardan çok memnun olabilirsiniz.
Düzenli bir temassanız, mümkünse her zaman performansı vurguladığımızı bileceksiniz. Hızlı olan siteler, birçok insanın dikkat ettiği bir şey değildir, ancak tam tersi olduğunda dikkat etmelidir. Yüksek yükleme süresi genellikle oranınızda bir artışa neden olur ve bu da sitenizi daha az kullanır. Buna ek olarak, hücresel kullanıcılar için çok önemlidir, çünkü bazıları sitenizi daha az optimal bir bağlantı kullanarak keşfedebilir. WordPress web sitenizi optimize etmek, tüm makaleleri kendi başına alabilen bir konudur, ancak işte bazı hızlı ipuçları: Mümkünse Divi gibi hücresel için optimize edilmiş temaları deneyin.
Görüntünüzü fazla yer kaplamayacak şekilde optimize edin.
Web sitenize önbellek çözümleri uygulayın.
Bunların hepsi sağlam adımlardır, ancak yükleme sürenizi düşük tutmak için yapabileceğiniz değil. Daha fazla bilgi için, WordPress ayarlarınızı nasıl optimize edeceğiniz hakkında bir süre önce yayınladığımız bölümün tamamına bakın. Sonuç Web sitenizin hücresel dostu olmasını sağlamak eskisinden daha önemli. Mevcut eğilim devam ederse, trafiğinizin çoğunun önümüzdeki birkaç yıl (değilse) hücresel kaynaklardan geldiğini göreceksiniz. Şu anda yapabileceğiniz en akıllı şey, masaüstü ve mobil cihazda aynı önemli deneyimi sağlamaktır. Web sitenizin mobil dostu olarak kabul edilip edilemeyeceğinden emin değilseniz, bilmenize yardımcı olacak basit bir kontrol listesi: Web sitenizi çeşitli kararlarla test edin.
Menülerinizin ve navigasyonunuzun daha küçük bir cihazda iyi görüntülendiğinden emin olun. Görüntünüzün daha düşük çözünürlükte iyi olup olmadığını kontrol edin.
İçeriğinizi okunabilirlik için test edin.
Site öğelerinizin etkileşiminin kolay olduğundan emin olun.
Pop-up’a çok fazla güvenmediğinizden emin olun.
Web sitenizin yükleme süresini test edin.
Sitenizin mobil uyumlu olduğundan nasıl emin olacağınızla ilgili sorularınız var mı?Aşağıdaki yorumlar bölümünde onlar hakkında konuşalım!Makale 32 piksel / shutterstock.com.
