Siteniz Telefonda Nasıl Görünüyor? Mobil Uyumluluk Kontrolü ve 8 Sık Hata

Kısaca: Mobil uyumlu bir site, telefonda yakınlaştırma gerektirmeden okunur, düğmeleri parmakla rahat basılır, hızlı açılır ve ziyaretçiyi tek dokunuşla aramaya ya da WhatsApp'a götürür. Google siteleri artık mobil sürümlerine göre dizinliyor (mobile-first indexing); yani telefonda zayıf olan bir site Google'ın gözünde de zayıftır.

"Sitemiz mobil uyumlu" demek çoğu zaman yalnızca sayfanın telefon ekranına sığdığı anlamına geliyor. Oysa sığmak yetmez: menü açılıyor mu, numara tıklanıyor mu, form telefonda doldurulabiliyor mu? Aşağıdaki kontrolleri kendi telefonunuzla, sitenizi ilk kez gören biri gibi yapın.

Kendi telefonunuzla 5 dakikalık kontrol

1. Sitenizi Wi-Fi'yi kapatıp mobil veriyle açın; ilk ekranın gelmesi ne kadar sürüyor?
2. Ne iş yaptığınız ilk ekranda, kaydırmadan anlaşılıyor mu?
3. Telefon numarasına dokunun: arama ekranı açılıyor mu?
4. Menüyü açıp hizmetler sayfasına gidin, sonra geri dönün; her şey yerinde mi?
5. Formu doldurmayı deneyin: klavye alanları kapatıyor mu, gönder düğmesi görünüyor mu?

Telefonda müşteri kaçıran 8 sık hata

1. Viewport etiketi yok

Kaynak kodda <meta name="viewport"> etiketi yoksa telefon sayfayı masaüstü genişliğinde açıp küçültür. Ziyaretçi her şeyi yakınlaştırmak zorunda kalır. Eski temalarda hâlâ sık görülür.

2. Yazılar çok küçük

12 pikselin altındaki metinler telefonda zor okunur. Gövde metni için 16 piksel civarı, satır aralığı için 1,5 kat rahat bir başlangıçtır.

3. Düğmeler sıkışık

Yan yana duran küçük bağlantılar yanlış yere basılmasına yol açar. Dokunma alanları yaklaşık 48x48 piksel olmalı ve aralarında boşluk bulunmalı.

4. Numara tıklanmıyor

Numara görsel içinde ya da düz metin olarak duruyorsa telefondaki ziyaretçi arayamaz. tel: bağlantısı ve sabit bir arama/WhatsApp çubuğu acil hizmetlerde doğrudan iş getirir.

5. Ekranı kaplayan açılır pencereler

Sayfa açılır açılmaz ekranı kaplayan kampanya ya da abonelik pencereleri telefonda kullanıcıyı sinirlendirir; Google da bunları mobil deneyimi bozan unsurlar arasında sayar.

6. Ağır görseller

Masaüstü için hazırlanmış büyük fotoğraflar telefona da aynen gönderilir. WebP gibi yeni formatlar ve ekran boyutuna göre küçültülmüş sürümler sayfayı belirgin şekilde hafifletir. Hızı ölçmek için site hız testimizi kullanabilirsiniz.

7. Yatay kayan sayfa

Geniş bir tablo ya da sabit genişlikli bir görsel, sayfanın sağa sola kaymasına neden olur. Ziyaretçi sayfanın bozuk olduğunu düşünür.

8. Telefonda kullanılamayan formlar

Çok alanlı formlar, yanlış klavye türü (telefon alanında harf klavyesi) ve küçük onay kutuları telefonda formu terk ettirir. Telefon alanında sayısal klavye açılmalı ve form mümkün olduğunca kısa tutulmalı.

Mobil uyumluluk nasıl test edilir?

Google'ın eski "Mobil Uyumluluk Testi" aracı 2023'te kapatıldı; bugün en pratik yol PageSpeed Insights'ın mobil raporu ve Chrome geliştirici araçlarındaki cihaz görünümüdür. Ücretsiz web sitesi analizimiz ise sitenizin telefondaki gerçek ekran görüntüsünü, yazı ve düğme boyutlarını, kontrastı ve tek dokunuşla arama gibi dönüşüm unsurlarını tek raporda gösterir.

Sitenin tamamını analiz etmek için 20 maddelik web sitesi analizi listemize bakabilirsiniz. Eksikler temel yapıdaysa sitenin yenilenmesi çoğu zaman yamadan daha ekonomiktir.

Sıkça Sorulan Sorular

Sitemin mobil uyumlu olup olmadığını nasıl anlarım?

Telefonla açın: yakınlaştırmadan okunuyor, düğmeler rahat tıklanıyor ve sayfa yana kaymıyorsa temel uyum vardır. Ayrıntılı ölçüm için PageSpeed Insights mobil raporunu ya da ücretsiz web sitesi analizimizi kullanabilirsiniz.

Responsive tasarım ile mobil uyumlu site aynı şey mi?

Responsive tasarım, sayfanın ekran genişliğine göre yeniden düzenlenmesidir ve mobil uyumun temelidir. Ama tek başına yetmez: hız, okunabilirlik ve tek dokunuşla iletişim de mobil deneyimin parçasıdır.

Mobil uyumsuz site Google sıralamasını etkiler mi?

Evet. Google siteleri mobil sürümlerine göre dizinliyor; telefonda eksik ya da yavaş olan içerik sıralamada dezavantaj yaratır.