İçeriğe geç
İstanbul Ajans
Web Tasarım

Siteniz mobilde 'uyumlu' ama satmıyor: gerçek mobil kontrol listesi

Responsive olmak mobil uyumlu olmak değil. Ziyaretçinin tek eliyle, yürürken, kötü bağlantıyla kullandığı bir arayüzde nelerin bozulduğu.
  • İstanbul Ajans
  • 4 dakika okuma

"Mobil uyumlu" bugün bir özellik değil, bir varsayım. Neredeyse her site telefonda bozulmadan açılıyor.

Ama trafiğin %70'i mobilden gelirken dönüşümlerin %70'i masaüstünden geliyorsa, ortada "uyumluluk"tan başka bir sorun var. Sitede yazılar okunuyor, düzen kaymıyor — yine de kimse formu doldurmuyor.

Sebep genelde şu: site küçük ekrana sığdırılmış, mobilde kullanılmak üzere tasarlanmamış. İkisi farklı işler.

Mobil kullanıcı sizin test ettiğiniz gibi kullanmıyor

Siteyi test ederken masanızda, iki elle, hızlı bağlantıyla ve tam dikkatle bakıyorsunuz. Gerçek kullanıcı çoğu zaman:

  • tek elle ve başparmakla kullanıyor,
  • hareket hâlinde — metroda, sırada, yürürken,
  • bölünmüş dikkatle, ortalama 20–30 saniyelik parçalarla,
  • ve bazen zayıf bağlantıyla.

Bu dördü kontrol listesinin tamamını belirliyor.

1. Başparmak bölgesi

Telefonu tek elle tutan biri ekranın alt yarısına rahat ulaşır. Üst köşeler en zor bölge.

Buna rağmen çoğu sitede birincil eylem (Teklif Al, Ara, Sepete Ekle) üstte duruyor — çünkü masaüstü düzeninde oraya konumlanmış.

Pratik düzeltme: mobilde birincil eylemi alta sabitleyin. Ürün sayfasında "Sepete Ekle", hizmet sayfasında "WhatsApp'tan yaz" veya "Ara" alt çubukta dursun.

Dikkat: alt çubuk ekranın en fazla 60–70 pikselini almalı ve içinde tek eylem olmalı. Üç düğmeli alt çubuk hiçbirinin tıklanmamasına yol açıyor.

2. Dokunma alanları

Fare ile 12 pikselik bir bağlantıya tıklanır, parmakla tıklanmaz. Kabul edilen alt sınır 44×44 piksel.

En sık bozulan yerler:

  • Alt bilgi (footer) bağlantıları — alt alta ve çok sıkışık
  • "Devamını oku" bağlantıları
  • Onay kutuları ve KVKK metnindeki bağlantı
  • Sayfalama (1 2 3 4) düğmeleri

Bunlar tek tek küçük sorunlar; birikince form doldurulamaz hâle geliyor. Özellikle KVKK onay kutusu: kutu küçükse ve metindeki bağlantıya yanlışlıkla basılıyorsa, kullanıcı formu bırakıyor.

3. Form: mobilde en çok kaybedilen yer

Mobil dönüşümün büyük kısmı formda ölüyor. Kontrol edin:

Alan sayısı. Her ek alan doldurulma oranını düşürüyor. Ad, telefon ve tek satır mesaj çoğu iş için yeterli. "Firma unvanı", "sektör", "bütçe aralığı" gibi alanlar ilk temasta gerekli değil — ilk görüşmede zaten soruyorsunuz.

Klavye tipi. Telefon alanına type="tel", e-postaya type="email" verilmemişse kullanıcı harf klavyesiyle numara yazmaya çalışıyor. Tek satırlık düzeltme, ölçülebilir fark.

Otomatik doldurma. Alanlarda autocomplete tanımlıysa tarayıcı ad, telefon ve e-postayı tek dokunuşla dolduruyor. Tanımlı değilse kullanıcı her şeyi elle yazıyor.

Hata mesajları. Form gönderilince "bir hata oluştu" yazıp hangi alanın sorunlu olduğunu söylemeyen sistemler kullanıcıyı kaybediyor. Hata, ilgili alanın hemen altında ve Türkçe olmalı.

Gönderdikten sonra. Sayfa başa dönüp "Teşekkürler" yazısını ekranın dışında bırakıyorsa kullanıcı formun gidip gitmediğini bilmiyor ve çoğu ikinci kez gönderiyor.

4. Sabit çubuklar ekranı yiyor

Üstte sabit menü, altta çerez bildirimi, ortada WhatsApp balonu, köşede "yukarı çık" oku. Toplamda ekranın üçte biri gitmiş oluyor.

Kural: aynı anda en fazla iki kalıcı eleman. Çerez bildirimi kapatıldıktan sonra bir daha gelmemeli; WhatsApp balonu alt çubukla çakışmamalı.

5. Görseller ve hız

Mobilde hız bir konfor meselesi değil, doğrudan dönüşüm meselesi. En sık iki hata:

  • Masaüstü boyutunda görsel servis etmek. 2400 piksellik bir görsel 390 piksellik ekrana indiriliyor. Modern formatlar (WebP/AVIF) ve doğru boyutlandırma çoğu sitede sayfa ağırlığını yarıya indiriyor.
  • Boyutu bildirilmemiş görseller. Yüklendikçe içerik aşağı kayıyor, kullanıcı yanlış yere basıyor. Görsele en/boy verilmesi bunu tamamen çözüyor.

Ölçüm için PageSpeed puanına değil, Search Console'daki saha verisine bakın. Ayrıntısı burada: Core Web Vitals rehberi.

6. Telefon numarası tıklanabilir mi?

Basit ama sürekli atlanıyor. Mobilde numara tel: bağlantısı olmalı; kullanıcı numarayı kopyalayıp aramaya çalışmamalı.

Aynısı adres için de geçerli: adres, harita uygulamasını açan bir bağlantı olmalı.

7. Menü: hamburger her zaman doğru değil

Az sayfası olan bir sitede (5–6 sayfa) hamburger menü gereksiz bir tıklama katmanı. Bağlantıları yatay kaydırmalı bir şeritte göstermek daha yüksek gezinme oranı veriyor.

Hamburger kullanıyorsanız içinde birincil eylem de bulunsun — menüyü açan kullanıcı çoğu zaman iletişim arıyor.

Kendi sitenizi 5 dakikada test edin

Bilgisayardaki tarayıcının mobil görünümü yeterli değil — orada fare kullanıyorsunuz. Şunu yapın:

  1. Telefonunuzu alın, tek elle tutun.
  2. Sitenize arama motorundan girin (doğrudan adres yazarak değil).
  3. Bir hizmet sayfasına gidin ve form doldurmayı deneyin.
  4. Süreyi tutun.

30 saniyeyi geçiyorsa ya da bir yerde iki elinizi kullanmak zorunda kaldıysanız, düzeltilecek yer orası.

Öncelik sırası

Hepsini birden yapmanız gerekmiyor. Etkiye göre sıra:

  1. Form alanlarını azaltın, klavye tiplerini düzeltin
  2. Birincil eylemi alta sabitleyin
  3. Görselleri optimize edin
  4. Sabit elemanları ikiye indirin
  5. Dokunma alanlarını büyütün

İlk ikisi çoğu sitede tek günlük iş ve mobil dönüşümde en büyük farkı yaratan kalemler bunlar.


Mobil dönüşümünüzün nerede kaybettiğini ölçümlerle birlikte inceleyelim — projenizi anlatın.

Etiketler

  • mobil uyumluluk
  • responsive
  • kullanıcı deneyimi
  • dönüşüm
  • form

Bu konuda destek

Bunu sizin için biz yapalım mı?

Yazıda anlatılan adımları kendi sitenizde uygulamak istiyorsanız ya da nereden başlayacağınızı bilmiyorsanız, kısa bir görüşmeyle durumu birlikte değerlendirelim.

Projenizi konuşalım.

İlk görüşme ve teklif ücretsiz. Kapsamı birlikte çıkarıp size kalem kalem yazılmış bir teklif gönderiyoruz.