Mobil Uyumlu Web Sitesi: Telefonda Kontrol Etmenin 10 Basit Yolu

Bir müşteri işletmenizi arattığında sitenize çoğunlukla elindeki telefondan girer. Bu sitenin Search Console verisinde de son üç ayda gösterimlerin yarısına yakını mobil cihazlardan geldi. Yani siteniz telefonda kötü görünüyorsa, ziyaretçilerin önemli bir bölümü daha ilk saniyelerde sizden uzaklaşıyor olabilir.

İyi haber şu: Sitenizin telefonda nasıl davrandığını anlamak için teknik bilgiye ya da bir ajansa ihtiyacınız yok. Kendi telefonunuz ve on dakikanız yeterli.

Mobil uyumlu web sitesi ne demek?

Mobil uyumlu (responsive) site, aynı adresin farklı ekran genişliklerine göre düzenini değiştirmesi demektir. Telefonda menü sadeleşir, sütunlar alt alta dizilir, yazı ve düğmeler parmakla kullanılabilecek boyuta gelir. Masaüstü sayfanın küçültülmüş bir kopyası mobil uyumlu sayılmaz: yazılar okunmaz hale gelir ve ziyaretçi sürekli yakınlaştırmak zorunda kalır.

Google da sitelerin mobil sürümünü esas alarak değerlendirir. Bu yaklaşımın ayrıntılarını Google Search Central’ın mobil öncelikli dizine ekleme rehberinde bulabilirsiniz.

Telefonda kontrol etmenin 10 yolu

Aşağıdaki kontrolleri kendi telefonunuzda, mümkünse hem iPhone hem Android cihazda yapın.

1. Yatay kaydırma var mı? Sayfayı açın ve sağa sola kaydırmayı deneyin. Sayfa yana kayıyorsa bir öğe ekrana sığmıyor demektir.
2. Yazılar yakınlaştırmadan okunuyor mu? Gövde metni yaklaşık 16 piksel ya da daha büyük olmalı. Gözünüzü kısmadan okuyabiliyor musunuz?
3. Düğmeler rahat basılıyor mu? Parmakla dokunulacak alanların yaklaşık 48 piksel boyutunda olması önerilir. Birbirine çok yakın iki bağlantı yanlış tıklamalara yol açar.
4. Menü anlaşılır mı? Telefonda menü genellikle bir simgenin arkasına saklanır. Simge net görünüyor mu, açılan menüyü tek elle kapatabiliyor musunuz?
5. Telefon ve WhatsApp tek dokunuşla çalışıyor mu? Numaraya dokunduğunuzda arama ekranı ya da WhatsApp açılmalı. Numarayı kopyalayıp yapıştırmak zorunda bırakmayın.
6. Form alanları doğru klavyeyi açıyor mu? E-posta alanında @ işaretli, telefon alanında rakam klavyesi çıkmalı. Aksi halde formu doldurmak zahmetli olur.
7. Görseller sığıyor ve hızlı yükleniyor mu? Dev boyutlu fotoğraflar hem taşar hem de mobil veriyle sayfayı yavaşlatır.
8. Ekranı kaplayan pencereler var mı? Sayfa açılır açılmaz çıkan büyük kutular telefonda içeriği tamamen kapatabilir ve kapatma düğmesi küçük kalırsa ziyaretçi çıkıp gider.
9. Yavaş bağlantıda nasıl açılıyor? Wi-Fi’ı kapatıp mobil veriyle deneyin. Sayfanın ilk bölümü birkaç saniye içinde görünmeli.
10. Telefonu yan çevirince düzen bozuluyor mu? Yatay modda da içerik okunur kalmalı.

Hangi araçlarla kontrol edilir?

• Tarayıcının cihaz modu: Masaüstü Chrome’da F12 tuşuna basıp cihaz simgesine tıklarsanız sitenizi farklı telefon boyutlarında görebilirsiniz. Bu, gerçek telefonun yerini tutmaz ama hızlı bir ön kontroldür.
• PageSpeed Insights: pagespeed.web.dev adresinde sayfa adresinizi girerek mobil hız ölçümü alabilirsiniz. Sonuçlardaki önerileri sırayla ele almak yeterlidir; her puanı yüze çekmek zorunda değilsiniz.
• Gerçek cihaz: Ailenizden ya da çalışanlarınızdan farklı marka telefonlarda siteyi açmalarını isteyin. İnsanlar siteyi sizin düşünmediğiniz yerlerden kullanır.

En sık görülen mobil hatalar

• Masaüstü düzenin küçültülmüş hali: yazılar çok küçük, menü karmaşık.
• Fareyle üzerine gelince açılan menüler: dokunmatik ekranda üzerine gelme yoktur.
• Sığmayan tablolar ve sabit genişlikli bölümler.
• Aşırı büyük açılış görselleri: sayfa yavaşlar, asıl bilgi ilk ekranın altında kalır.
• İletişim bilgisinin sayfanın en altında gizlenmesi.

İşletmeler için pratik öncelik sırası

Her şeyi aynı anda düzeltmeye çalışmayın. Önce müşterinin sizinle iletişime geçebilmesini sağlayın: telefon, WhatsApp, adres ve çalışma saatleri ilk ekranda ya da kolay ulaşılır bir yerde olsun. Sonra okunabilirliği, ardından hızı iyileştirin. Küçük bir esnaf sitesi için bu üç adım, görsel süslemelerden çok daha fazla fark yaratır.

Siteniz sıfırdan yapılacaksa nelere dikkat edeceğinizi esnaf için web sitesi nasıl hazırlanır rehberinde, maliyeti belirleyen etkenleri ise web sitesi fiyatları neye göre değişir yazısında bulabilirsiniz.

Sonuç

Mobil uyum bir ek özellik değil, sitenin temel şartı. On kontrolün çoğunu bir akşamda yapabilirsiniz. Eksik bulduklarınızı not alın ve kendi sitenizde düzeltin ya da yaptırdığınız firmadan somut madde madde isteyin. İşletmeniz için mobil uyumlu, hızlı ve WhatsApp’a bağlı bir site hazırlanmasını istiyorsanız web tasarım sayfamızdan ücretsiz demo isteyebilirsiniz.