Mobil Uyumluluk Testi
Sitenizin mobil cihazlar için optimize edilip edilmediğini kontrol edin. Viewport ve PWA özelliklerini test edin.
Mobil Optimizasyon Kontrolü
Web trafiğinin %60'ından fazlasının mobil cihazlardan gelmesiyle, mobil uyumluluk kritik bir sıralama faktörü ve kullanıcı deneyimi gerekliliğidir.
Viewport Meta Etiketi
Viewport etiketi, bir sayfanın mobil cihazlarda nasıl görüntüleneceğini kontrol eder. O olmadan, mobil tarayıcılar sayfayı masaüstü genişliğinde render eder ve küçültür, bu da okunamaz hale getirir.
PWA ve Kullanıcı Deneyimi
Modern mobil siteler uygulama gibi davranmalıdır. Web App Manifest ve Dokunmatik İkonlar gibi özellikler 'Ana Ekrana Ekle' deneyimini iyileştirir.
Mobil Kontrol Listesi
Viewport Etiketi
Responsive ölçekleme için gereklidir. Genellikle 'width=device-width' olmalıdır.
Responsive Genişlik
Düzeni küçük ekranlara uyarlamak için CSS media query'lerini kullanın.
Dokunmatik İkonlar
Apple Touch İkonları sitenizin iOS ana ekranlarında iyi görünmesini sağlar.
Ölçeklenebilirlik
'user-scalable=no' kullanmaktan kaçının. Kullanıcılar yakınlaştırabilmelidir.
Manifest
Tarayıcıya Progressive Web App uygulamanız hakkında bilgi veren JSON dosyası.
Tema Rengi
Tarayıcının adres çubuğunun rengini markanızla eşleşecek şekilde ayarlar.