E-ticaret sitesinde mobil uyum, müşterinin telefonda alışveriş yapıp yapamadığını belirler. Ziyaretçilerin önemli bir kısmı telefondan geldiği için, mobilde bozuk çalışan bir ödeme formu ya da yavaş açılan bir ürün sayfası doğrudan kaybedilen siparişe dönüşür. Google da mobil sürümü esas alarak sıralama yaptığından, mobil kalite aynı zamanda aranabilirlik demektir. Kendi sitenizi bugün bir telefonla baştan sona gezip sipariş vermeyi denemek, aşağıdaki maddelerin hızlı bir sınavıdır.
Mobil uyumlu ile mobil öncelikli aynı şey değil
Mobil uyumlu site, masaüstü tasarımın küçük ekrana sığdırılmış halidir. Mobil öncelikli site ise önce telefon düşünülerek tasarlanır, sonra büyük ekrana genişletilir. Farkı en çok ödeme sayfasında görürsünüz: masaüstünde yan yana duran alanlar telefonda alt alta dizilir, ama eğer klavye yanlış tür açılıyorsa (telefon alanına harf klavyesi gibi) müşteri kartını girerken vazgeçer. Bu yüzden form alanlarında doğru girdi türünü (tel, email, sayısal) kullanmak küçük ama etkili bir detaydır.
Ürün sayfası: ilk ekranda neler görünmeli
Telefonda ilk ekran ürünün satış tezgâhıdır. Ürün görseli, adı, fiyatı, beden ya da renk seçimi ve sepete ekle düğmesi ilk kaydırmadan önce görünmelidir. Ürün açıklaması, kargo ve iade bilgisi aşağıda kalabilir. Görsel galerisinde parmakla kaydırma ve iki parmakla yakınlaştırma çalışmalı. Düğme büyüklüğü de önemli: parmak ucuyla yanlışlıkla bitişik düğmeye basılmasın diye tıklanabilir alanlar yeterince büyük ve aralıklı olmalı.
Sepete ekle düğmesini sayfa kaydırılırken ekranın altında sabit tutmak (sticky buton) uzun ürün sayfalarında müşterinin yukarı geri dönmesini önler.
Hız: telefonda saniyeler önemli
Mobil kullanıcılar, çoğu zaman zayıf bağlantıda ve sınırlı sabırla gelir. Görseller büyük dosya olarak yüklenirse sayfa geç açılır. Çözüm: modern görsel formatları (WebP, AVIF), doğru boyutta dosyalar ve ekran dışındaki görsellerin geç yüklenmesi (lazy loading). Üçüncü taraf script’ler (sohbet kutusu, analiz araçları, pop-up’lar) hızı sessizce düşürür; her birinin gerçekten gerekli olup olmadığını sorgulayın.
Ölçüm için Google PageSpeed Insights ve Search Console’daki Çekirdek Web Verileri raporuna bakın. Raporda LCP (ana içeriğin yüklenme süresi), CLS (düzen kayması) ve INP (etkileşim tepkisi) göstergelerini mobil için okuyun.
Arama ve menü: ürünü bulmak kolay olmalı
Mobil ekranda geniş menü yer kaplar. Hamburger menü işe yarar, ama en çok kullanılan kategorileri üst çubukta ya da ana sayfada görünür tutmak daha iyi sonuç verir. Site içi arama kutusu ilk ekranda olsun ve yazım hatalarını tolere etsin. “Spor ayakkabı” ile “spor ayakabı” aynı sonucu getirmeli. Filtreler de mobil için ayrı düşünülmeli: tam ekran bir panel olarak açılıp “uygula” ile kapanan yapı genelde en rahatıdır.
Ödeme akışı: en pahalı adım
Sepetten ödemeye geçişte her ek adım müşteri kaybettirir. Zorunlu üyelik yerine misafir olarak alışveriş seçeneği sunun. Adres alanlarını minimumda tutun, Türkiye için il-ilçe seçimini listeden yaptırın. Apple Pay, Google Pay ya da ödeme sağlayıcınızın hızlı ödeme seçenekleri varsa etkinleştirin. Kargo ücretini sepet aşamasında gösterin; ödemenin son adımında çıkan sürpriz ücret sepet terkinin en bilinen nedenlerinden biridir.
İçerik ve okunabilirlik
Telefonda uzun paragraflar zor okunur. Ürün açıklamalarını kısa bloklara bölün, madde işaretleriyle özellik listeleyin, yazı boyutunu gövde metninde en az 16 piksel tutun. Metin ile arka plan arasındaki kontrasta dikkat edin; güneş altında telefonda okunamayan açık gri yazı satışı engeller.
Pop-up, çerez bildirimi ve sohbet kutusu
Telefonda ekranın büyük kısmını kaplayan bir kampanya penceresi, ürünü görmeye gelen müşteriyi hemen kaçırır. Google da ekranı kaplayan geçiş reklamlarını sıralamada olumsuz değerlendirir. Çerez bildirimini ekranın altında ince bir şerit olarak tutun, kampanya penceresini sayfa açıldıktan bir süre sonra ya da çıkış niyeti algılandığında gösterin. WhatsApp sohbet düğmesi ise doğru yerleştirilirse yararlıdır: ürün sayfasında sepete ekle düğmesini örtmeyecek bir köşede durmalı.
Mobilde güven işaretleri
Küçük ekranda güven unsurlarına daha çok ihtiyaç var, çünkü müşteri markayı masaüstündeki kadar kolay araştıramaz. Ödeme sayfasında kilit simgesi ve ödeme sağlayıcı logoları, ürün sayfasında iade koşulu, footer’da adres ve telefon, ürün altında gerçek müşteri yorumu görünsün. Bunların yeri ve sırası da mobil için ayrıca düşünülmeli, masaüstünden olduğu gibi aktarılmamalı.
Mobil bozuk mu, nasıl anlarsınız
Gerçek bir telefonla test edin. Yavaş bağlantıyı da deneyin: Chrome geliştirici araçlarında ağ hızını kısıtlayarak sayfanın ne kadar sürede kullanılabilir hale geldiğini görürsünüz; masaüstü tarayıcıda küçültülmüş pencere bütün sorunları göstermez. Mümkünse iki farklı cihazda (bir iPhone, bir Android) ve iki tarayıcıda deneyin. Search Console’daki “Mobil Kullanılabilirlik” ve Çekirdek Web Verileri raporları, Google’ın gördüğü sorunları listeler. Analytics’te mobil ve masaüstü dönüşüm oranını ayrı izleyin, ayrıca cihaz bazında sepete ekleme ile ödemeye başlama arasındaki düşüşü karşılaştırın: aradaki fark büyükse sorun muhtemelen mobil deneyimdedir.
Web sitesi tasarımında önceliklerle birleştirin
Mobil kalite, tek başına bir ayar değil, tasarım kararlarının sonucudur. Hangi sayfaların öne çıkacağını web sitesi tasarımında öncelikler yazımızda, sık görülen yanlışları da tasarım hataları yazımızda anlattık. Tasarım hizmetimiz web tasarım sayfasında yer alıyor.
Mobil testi birlikte yapalım
Sitenizi telefonda birlikte gezip sorunları listelemek için iletişim sayfasından bize yazın ya da 0540 022 64 22 numarasını arayın.