Siteniz telefonda gerçekten çalışıyor mu? 10 dakikalık test
Bir sitenin mobil uyumlu olup olmadığı, ekranın küçülmesiyle değil şu üç şeyle belli olur: sayfanın yatay kaymaması, metnin yakınlaştırmadan okunabilmesi ve dokunulacak hedeflerin parmakla isabet ettirilebilmesi. Aşağıdaki sekiz kontrolü kendi telefonunuzla on dakikada yapabilirsiniz; her kontrolün altında, o sorun çıktığında teknik olarak neyin bozuk olduğunu da yazdık.
Test 1: Sayfa sağa sola kayıyor mu?
Sayfayı parmağınızla yana itin. En ufak bir yatay kayma varsa sitede sabit genişlikli bir öğe var demektir.
Yatay kayma, mobil uyumsuzluğun en sık ve en can sıkıcı biçimidir. Genellikle tek bir öğeden kaynaklanır: ekrandan geniş bir tablo, sabit piksel genişliği verilmiş bir kutu ya da bölünemeyen çok uzun bir kelime/bağlantı.
Test 2: Yakınlaştırmadan okuyabiliyor musunuz?
Metni okumak için parmakla büyütmeniz gerekiyorsa mobil görünüm etiketi eksik demektir.
Sayfanın `<head>` bölümünde `<meta name="viewport" content="width=device-width, initial-scale=1">` satırı yoksa tarayıcı sayfayı masaüstü genişliğinde açar ve ekrana sığdırmak için küçültür. Sonuç: her şey minicik görünür.
Bu tek satırın eksikliği, denetimlerimizde "mobil uyumsuz" işaretinin en yaygın sebebidir ve düzeltilmesi dakikalar sürer — ancak düzeltilmediği sürece sitenin mobil trafiği neredeyse tamamen kaybolur.
Test 3: Telefon numarasına dokununca arama başlıyor mu?
Numaraya dokunduğunuzda arama ekranı açılmıyorsa numara düz metin olarak yazılmış demektir.
Yerel işletme sitesinde en değerli tek etkileşim budur. Numara `<a href="tel:+90...">` biçiminde olmalıdır. Aynı şey WhatsApp için de geçerli: `https://wa.me/90...` bağlantısı tek dokunuşla sohbeti açar.
Test 4: Düğmeler parmakla isabet ediyor mu?
Bir düğmeye basmak için dikkatlice nişan almanız gerekiyorsa dokunma hedefi çok küçüktür.
Dokunma hedefleri için yaygın kabul gören alt sınır yaklaşık 44×44 pikseldir ve hedefler arasında boşluk bırakılmalıdır. Yan yana sıkışık iki bağlantı, yanlış tıklamaya ve geri dönüşe yol açar.
Test 5: Sayfa kaç saniyede açılıyor?
Mobil veriyle 3 saniyeyi aşan açılış, ziyaretçilerin önemli bir kısmını daha içerik görmeden kaybettirir.
Wi-Fi kapalıyken, mobil veriyle deneyin. En sık gecikme sebepleri: optimize edilmemiş büyük fotoğraflar, otomatik oynayan arka plan videosu ve çok sayıda dış kaynak (yazı tipi, analitik, sohbet aracı, sosyal medya bileşeni).
- Görseller ekranda kaplayacakları boyuta göre küçültülmüş olmalı — 4000 piksellik fotoğraf 400 piksellik alana konmamalı.
- Yazı tipleri mümkünse sistem yazı tipleri olmalı ya da tek bir dosyaya indirilmeli.
- Sohbet, harita ve video gömüleri sayfayı ağırlaştırır; yalnızca gerçekten gerekliyse kullanın.
Test 6: Formu telefonda doldurabiliyor musunuz?
Alan etiketleri görünmüyorsa, klavye yanlış türde açılıyorsa veya gönder düğmesi klavyenin altında kalıyorsa form mobilde çalışmıyordur.
Telefon alanına dokunduğunuzda sayısal klavye açılmalı (`inputmode="tel"`), e-posta alanında @ tuşu görünmeli. Etiketler yalnızca yer tutucu metinle verilmişse, yazmaya başladığınız anda alanın ne olduğunu unutursunuz.
Test 7: Menü açılıyor ve kapanıyor mu?
Hamburger menü açılıyor ama bağlantıya dokununca kapanmıyorsa veya arkadaki içerik kayıyorsa menü hatalıdır.
Basit bir kontrol: menüyü açın, bir bağlantıya dokunun. Menü kapanmalı ve hedef bölüme gitmelisiniz. Menü açık kalıyorsa ziyaretçi içeriği göremez.
Test 8: Karanlık modda okunabiliyor mu?
Telefonunuzu karanlık moda alın; metinlerin kaybolmadığından emin olun.
Bazı tarayıcılar karanlık modda renkleri zorla değiştirir. Kontrastı yeterli olmayan siteler bu durumda okunamaz hale gelir. Sitenin renk seçimleri, arka plan-metin kontrastı en az 4.5:1 olacak şekilde yapılmalıdır.
Ürettiğimiz sitelerde bu oran otomatik olarak doğrulanır: renk paleti işletme adından türetilir ama kontrast sınırını geçemezse koyulaştırılarak yeniden hesaplanır.
Sonuç: kaç testten kaldınız?
Sekiz testin ikisinden fazlasında sorun çıkıyorsa siteyi düzeltmek yerine yenilemek genellikle daha ucuzdur.
| Kalan test sayısı | Ne yapmalı |
|---|---|
| 0–1 | Küçük düzeltmeler yeterli; mevcut siteyle devam edin. |
| 2–3 | Hedefli düzeltme paketi mantıklı; yapı sağlam görünüyor. |
| 4+ | Temeldeki yapı mobil için tasarlanmamış; yenilemek daha hızlı ve ucuz. |
Bu testleri elle yapmak istemiyorsanız site adresinizi yazmanız yeterli: 30'dan fazla sinyali otomatik denetleyip bulguları sade bir listeyle gösteriyoruz. Denetim ücretsizdir ve satın alma şartı yoktur.
Sık sorulan sorular
Sitem WordPress, tema responsive diyor ama telefonda bozuk. Neden?
Tema responsive olsa bile eklentiler, sayfa oluşturucuyla eklenmiş sabit genişlikli bloklar ve büyük görseller düzeni bozabilir. Sorun genellikle temada değil, tema üstüne eklenen içeriktedir.
Ayrı bir mobil site (m.site.com) yaptırmalı mıyım?
Hayır. Ayrı mobil site yaklaşımı yıllar önce terk edildi; iki ayrı sitenin bakımı, içerik tutarsızlığı ve SEO sorunları yaratır. Tek site, ekran genişliğine göre düzenini değiştirmelidir.
Google mobil uyumluluğu sıralamada kullanıyor mu?
Google mobil öncelikli dizinleme kullanır; yani sitenizin mobil sürümü değerlendirmenin esasıdır. Mobilde kırılan bir site, masaüstünde mükemmel olsa bile aramada dezavantajlıdır.
Testleri kendi telefonumda mı yapmalıyım?
En doğrusu birden fazla cihazda denemektir; ancak kendi telefonunuz iyi bir başlangıçtır. Ekstra kontrol için tarayıcının geliştirici araçlarında dar ekran genişliklerini (360–400 piksel) deneyebilirsiniz.