Mobil uyumluluk, sitenin telefonda küçülmüş hali değil; telefon için yeniden düşünülmüş hali. Google sıralamayı sitenizin mobil versiyonuna göre belirliyor ve ziyaretçilerin büyük kısmı telefondan geliyor. Kontrol edilecek beş şey: yatay kaydırma olmaması, okunabilir yazı boyutu, parmakla basılabilir butonlar, tek elle doldurulabilir formlar ve mobil hız.
Birçok işletme sahibi sitesini masaüstünde kontrol ediyor ve iyi görünüyorsa sorun olmadığını düşünüyor. Oysa ziyaretçilerin çoğunluğu telefonda; masaüstü görünümü ikincil bir bilgi. Google da yıllardır sıralamayı mobil versiyona göre yapıyor.
Mobil uyumlu ile mobil için tasarlanmış arasındaki fark
"Responsive" bir site ekrana göre yerleşimi değiştirir — bu teknik bir zorunluluk ve asgari şart. Ama gerçek mesele şu: mobil kullanıcı farklı davranıyor. Ayakta, acele, tek elle ve çoğu zaman sınırlı bağlantıyla geziyor. Mobil için tasarlanmış bir site bu davranışa göre kurulur: en önemli eylem ilk ekranda, metin kısa, form minimum.
Kendiniz kontrol edebileceğiniz 10 madde
- 1Yatay kaydırma var mı? Sayfa sağa-sola kayıyorsa bir öğe taşıyor. En çok görülen mobil hatası.
- 2Yazı boyutu okunuyor mu? Yakınlaştırmak gerekiyorsa çok küçük. Gövde metni için 16 piksel asgari.
- 3Butonlar parmakla basılıyor mu? Yaklaşık 44x44 piksel altındaki dokunma alanları yanlış tıklamaya yol açıyor.
- 4Bağlantılar üst üste mi? İki bağlantı arasında yeterli boşluk yoksa kullanıcı yanlış yere basıyor.
- 5Telefon numarası tıklanınca aramayı başlatıyor mu?
- 6Adres tıklanınca haritayı açıyor mu?
- 7Menü tek elle açılıp kapanıyor mu? Menü açıkken arka plan kayıyor mu (kaymaması gerekir)?
- 8Formda doğru klavye açılıyor mu? E-posta alanında @ olan klavye, telefon alanında rakam klavyesi.
- 9Açılır pencereler kapatılabiliyor mu? Mobilde kapatma butonu bulunamayan pop-up, ziyaretçiyi kaybettirir.
- 10Sayfa 3 saniyede açılıyor mu? Mobil bağlantıda test edin, wifi'de değil.
“Mobil sitede en sık kaybedilen müşteri, kapatamadığı bir açılır pencereyle karşılaşan müşteridir.”
Nasıl test edilir?
- Kendi telefonunuzda gerçekten gezinin — en doğru test bu. Tarayıcının mobil önizlemesi her şeyi göstermiyor.
- Farklı ekran boyutları: küçük bir telefon ve büyük bir telefon farklı davranıyor.
- Mobil veriyle test edin; ofis wifi'sinde her site hızlı görünür.
- Search Console'un deneyim raporu gerçek kullanıcı verisi gösterir; laboratuvar testinden daha değerli.
- Bir de başkasına verin. Sitenizi bilmeyen biri 10 saniyede ne yapacağını bulabiliyor mu?
Mobilde dönüşüm kaybettiren 6 tasarım hatası
- 1İlk ekranda büyük bir görsel ve hiçbir eylem. Mobilde ilk ekran çok kıymetli; oraya "ne yapıyorsunuz" ve "nasıl ulaşırım" girmeli.
- 2Uzun formlar. Mobilde her ek alan terk oranını yükseltiyor; 3 alandan fazlasını iyi düşünün.
- 3Tabloların taşması. Fiyat listeleri ve karşılaştırma tabloları mobilde kartlara dönüşmeli.
- 4Masaüstü için tasarlanmış kaydırmalı menüler; dokunmatik ekranda üzerine gelme (hover) diye bir şey yok.
- 5Otomatik oynayan sesli video: hem veri yakar hem rahatsız eder.
- 6Sabit üst ve alt çubukların ekranın yarısını kaplaması.
Mobil hız: uyumluluğun yarısı
Mobilde uyumlu ama yavaş bir site, uyumsuz sayılır — çünkü ziyaretçi zaten görmüyor. En büyük kazançlar şunlardan geliyor:
- Görselleri doğru boyutta ve modern formatta sunmak. Masaüstü için hazırlanmış 2000 piksellik görseli telefona göndermek en yaygın sorun.
- Ekranda görünmeyen görselleri tembel yükleme ile sonraya bırakmak.
- Gereksiz betikleri kaldırmak: kullanılmayan sohbet eklentileri, eski takip kodları, çoklu font ailesi.
- Yazı tiplerini sınırlamak: iki ağırlık genelde yeterli.
- Barındırmayı ciddiye almak; ucuz paylaşımlı sunucuda hiçbir optimizasyon yeterli olmuyor.
Ölçüm ve iyileştirme tarafını Core Web Vitals yazımızda adım adım anlattık.
Mobil uygulama gerekir mi?
Mobil uyumlu site ile mobil uygulama farklı şeyler. Çoğu işletme için iyi bir mobil site yeterli; uygulama ancak tekrar eden kullanım varsa (sipariş, üyelik, sadakat, bildirim) anlam kazanıyor. Uygulama yaptırmadan önce sitenizin mobil halini düzeltmek neredeyse her zaman daha kârlı. Bu kararı mobil uygulama çözümlerimiz sayfasında da açıklıyoruz.
Sonuç
Mobil uyumluluk bir teknik onay kutusu değil, ziyaretçilerin çoğunluğuna verdiğiniz deneyimin tamamı. Yatay kaydırma, yazı boyutu, dokunma alanları, form kolaylığı ve mobil hız — bu beşi düzeltmek genelde dönüşümde en hızlı görülen iyileşmeyi veriyor. Sitenizin mobil halini gözden geçirmemizi isterseniz bize yazın.
