Mobil Uyumlu Site İçin 8 bilgi
PaylaÅŸ:
Mobil Uyumlu Site İçin 8 bilgi
1. Hızlandırılmış Mobil Sayfaları (AMP’ler) Kullanın
Normal bir mobil duyarlı dizayn biçimine ek olarak, internet sitenizdeki belirli sayfaları hızlandırılmış mobil sayfalar (AMP’ler) olarak ayarlayabilirsiniz. AMP’ler, yalnızca asli unsurları tutan sayfaların sadeleştirilmiş sürümleridir. AMP’lerin birkaç değişik üstünlüğü vardır. İlk üstünlük görseldir. Daha az bilgi ve ufak ekrana yerleştirilmiş daha az grafikle, AMP’ler insanların gözünü yormaz. Diğer bir üstünlük ise AMP’lerin sayfaların daha süratli çalışmalarına ve daha az veri kullanmalarına yardımcı olmasıdır.
2. Sayfa Yükleme Hızını Optimize Edin
Sitenizi mobil uyumlu gerçekleştirme amacıyla sayfa yükleme sürati her vakit önemlidir. Çoğu kullanıcı sayfaların iki saniye içerisinde yüklenmesini bekler. Bu vakit yalnızca mobil olarak optimize edilmemeli masaüstünde de sayfanızın çok süratli bir şekilde açılması. Fakat tekrar de mobildeki performansınız çok daha önemlidir. Mobil aramaları kullanıcılar genelde dışardayken gerçekleştirir ve sunucunun yanıtını masaüstü sürümden daha süratli bir şekilde görmek isterler.
Peki, sayfa yükleme süratini tedavi etmek amacıyla neler yapılabilir?
Görüntüleri sıkıştırmak
Yönlendirmeleri sınırlamak
Kaynak kodlarını küçültmek
Web sayfalarınızı önbelleğe almak
3. Her Şeyi Uygun Şekilde Ölçeklendirin
Web siteleri tasarlanırken bir bilgisayarda tasarlanıyor ve mobil uyumlu sitelerde bu masaüstü bilgisayarda hazırlanıyor. Fakat bilgisayar monitöründe çalışırken bir içeriğin telefonlarda nasıl görüneceğini unutmak ve doğru ölçeklendirmek unutulabilecek bir hal olabilir.
Bunu telafi etmek amacıyla her şeyi değişik şekilde ölçeklendirmek içerir. Bu çalışma metinle başlar. Kullanıcıların okumasını istediğini her şey, büyüteç kullanmadan görebilecekleri kadar büyük olmalıdır. Kimsenin ekrana bakması amacıyla ekstra çaba sarf etmesine lüzum yoktur. Aynı hal butonlar amacıyla de geçerlidir. Kullanıcıların tıklamasını istediğin bütün butonlar, parmaklarının kolayca dokunabileceği kadar büyük olmalıdır. Hepimiz bir pop-up reklamında çarpıya tıklamayı denedik ve maalesef başarısız olduk zira karşımıza çıkan pop-up’lar büyüktü.
4. Pop-Up’lar dan Kaçının
Pop-up’lar söz hususu bulunduğunda, olasıysa bunları tamamıyla kaldırmak faydanıza olacaktır. Bilgisayarda bütün ekranı kaplamayan bir açılır pencere görüntüsü yeteri kadar kolay kapanabilir olabilir ama telefonlarda ve tabletler de bu hal bu tür değildir. Mobilde açılır pencereleri kapamak çok zor olabilir. X’i tıklanacak kadar büyük yapsanız bile, onu o kadar ufak ekranda bulmak ve tıklamak her vakit kolay değildir ve kullanıcılar fazlası vakit bu açılır pencerelere tıklarlar. Genel olarak, mobil pop-up’lar kullanıcılar amacıyla her şeyden daha çok çok hayal kırıklığı yaratma eğilimindedir.
5. Formları Basitleştirin
Pop-up’lar, kullanıcıların mobil cihazlarda zor anlar yaşayabileceği tek şey değil. Çevrimiçi formlar da doğru kullanılmazsa problemlere amacıyla olabilir. Pop-up’lar dan değişik olarak, tekrar de formları tamamıyla ortadan kaldıramazsınız. Özellikle potansiyel müşteriler meydana getirmek ya da kullanıcıların satın alma işlemlerine yardımcı olmak amacıyla bunlaragereksinim vardır.
O durumda çözüm, formlarınızı kolay duruma getirmektir. Çok çok bilgi ya da doldurulacak çok sayıda kutu sahibi olan formlar oluşturmayın. Büyük butonlar ve metin kutuları ile bunları minimalist yapın, bu tip kullanıcılar bunları kullanarak kolay bir vakit geçirsin.
6. Büyük Metin Bloklarını Ortadan Kaldırın
Mobil cihazlar da kullanıcıların zorlandığı bir diğer şey de büyük metin bloklarıdır. Büyük metin blokları bir bilgisayarda bile internet dizaynı amacıyla pek ideal değildir, ama mobil cihazlar amacıyla gereğiyle kötü bir görüntü oluştururlar. Yüzlerce kelimeyi aynı anda ufak bir telefon ekranına sığdırmaya çalışmayın. Bunun yerine, amacınızı iletmek amacıyla az metin kullanmayı hedefleyin. Kesinlikle çok çok bilgi aktarmanız istenmiyorsa, okumayı kolaylaştırmak amacıyla elinizden geldiğince bölün.
Metninizi bölebileceğiniz birtakım yollar şunlardır:
Paragraflarınızı kısa tutun
Araya giren görüntüler ve videolar ekleyin
Madde işaretli ve numaralı listeleri dahil edin
7. Menüleri ve Gezinme Çubuklarını Basitleştirin
Web sitenizdeki işleri kolaylaştırmanın bir diğer yolu da menülerinizi ve gezinme çubuklarınızı optimize etmektir. Bilgisayarlarda, ekranın üst kısmına uzun bir sekme dizisini uzatabilirsiniz ama ekranın üst kısmının genelde üç inçten daha geniş bulunduğu mobil cihazlarda bunu yapamazsınız. Gezinme çubuklarınızı tekrardan biçimlendirmenin ilk yolu, kullanıcıların genişletmek amacıyla tıklayabilecekleri bir menü barı meydana getirmektir. Fakat bir menü genişletildiğinde bile çok çok sekme listelemediğinizden emin olun.
8. Sık Sık Mobil Test Yapın
Web sitenizde mobil uyumluluğu sağlamanın son yolu, onu sık sık test etmektir. Bunu, internet sitenizin mobil uyumluluğunu derecelendirecek ve onu nasıl iyileştirebileceğiniz hususu ile ilgili önerilerde bulunacak olan Google’ın mobil uyumlu test aracı ile yapabilirsiniz.