Bir sitenin mobil uyumlu olup olmadığını anlamanın en hızlı yolu, onu kendi telefonunuzda, mobil veriyle, tek elle kullanmayı denemektir. Yazıları yakınlaştırmadan okuyabiliyor, düğmelere yanlışlıkla başka yere basmadan dokunabiliyor ve sayfa beklemeden açılıyorsa iyi bir başlangıçtasınız. Ama gözden kaçan ayrıntılar çoktur; aşağıdaki 10 madde bunları sistemli biçimde kontrol etmeniz için hazırlandı.
Mobil uyum artık bir tercih değil: ziyaretçilerin çoğu telefondan gelir ve Google siteleri öncelikle mobil sürümleriyle değerlendirir (mobil öncelikli dizine ekleme). Masaüstünde kusursuz görünen ama telefonda zor kullanılan bir site, ziyaretçisinin çoğunu ilk birkaç saniyede kaybeder.
Görünüm kontrolleri
1. Görünüm alanı (viewport) etiketi var mı?
Sayfanın kaynağındaki viewport meta etiketi, tarayıcıya sayfayı telefon ekranının genişliğine göre çizmesini söyler. Bu etiket yoksa telefon, sayfayı masaüstü genişliğinde çizip küçültür; her şey minicik görünür. Etiketin varlığını meta etiket testi ile birkaç saniyede kontrol edebilirsiniz.
2. Yatay kaydırma gerekiyor mu?
Telefonda sayfayı sağa sola kaydırmak zorunda kalıyorsanız bir öğe ekrandan taşıyor demektir. En sık suçlular sabit genişlikli tablolar, büyük görseller, gömülü haritalar ve videolardır. Sayfanın her bölümünü aşağı kaydırarak kontrol edin.
3. Yazılar yakınlaştırmadan okunuyor mu?
Gövde metni için 16 piksel civarı bir yazı boyutu, telefonda rahat okunan bir başlangıçtır. Satır aralığının ve yazı ile zemin arasındaki kontrastın yeterli olmasına da dikkat edin; güneş altında açık gri yazı neredeyse görünmez.
4. Görseller ekrana uygun mu?
Görseller ekran genişliğini aşmamalı ve telefon için gereğinden büyük dosyalar yüklenmemeli. Doğru boyutlandırma ve modern biçimler için görselleri sıkıştırma rehberine bakın.
Kullanım kontrolleri
5. Düğme ve bağlantılar parmakla rahat basılıyor mu?
Dokunma alanları en az parmak ucu büyüklüğünde olmalı ve birbirine çok yakın durmamalı. Google'ın genel önerisi yaklaşık 48 piksellik dokunma hedefleridir. Menüdeki yan yana sıkışmış bağlantılar ve altbilgideki küçük yazılı linkler en sık sorun çıkaran yerlerdir.
6. Menü kolayca açılıp kapanıyor mu?
Mobil menü tek dokunuşla açılmalı, kapanma düğmesi görünür olmalı ve alt menüler parmakla kontrol edilebilmeli. Ziyaretçinin en çok aradığı iki üç bağlantıyı (ör. "Fiyatlar", "İletişim") menüye gömmeden doğrudan görünür bırakmayı düşünün.
7. Formlar telefonda doldurulabiliyor mu?
İletişim veya teklif formunu telefonunuzdan baştan sona doldurup gönderin:
- Telefon alanı dokunulduğunda sayısal klavye açılıyor mu?
- E-posta alanı e-posta klavyesini getiriyor mu?
- Gereksiz alanlar var mı? Her ek alan formu bırakma ihtimalini artırır.
- Hata mesajları anlaşılır ve ilgili alanın yanında mı?
İzmir'de bir klima servisi için "Ad, telefon, ilçe ve kısa not" dört alanlı bir form, on alanlı bir formdan çok daha fazla talep getirir. Telefon numarasını dokunarak aranabilir bağlantı olarak göstermek de mobilde küçük ama değerli bir dokunuştur.
Hız ve teknik kontroller
8. Sayfa mobil veriyle hızlı açılıyor mu?
Ofisin Wi-Fi'ında hızlı açılan bir sayfa, şehir dışında 4G'de bambaşka davranabilir. Ana içeriğin 2,5 saniye içinde görünmesi (LCP) iyi kabul edilir. Sunucu yanıt süresini site hızı testi ile ölçün; üç temel göstergeyi Core Web Vitals nedir? rehberinde anlattık.
9. Açılır pencereler içeriği kapatıyor mu?
Telefonda ekranın tamamını kaplayan bülten kutuları, kampanya pencereleri ve iç içe geçmiş çerez uyarıları, ziyaretçinin içeriği görmesini engeller. Google da içeriği kapatan araya giren pencereleri (intrusive interstitials) olumsuz bir deneyim olarak değerlendirir. Yasal zorunluluk olan bildirimleri sade ve küçük tutun, diğerlerini ziyaretçi bir süre okuduktan sonraya bırakın. Ziyaretçiyi kaçıran diğer nedenler için ziyaretçi neden hemen çıkıyor? yazısına bakın.
10. Mobil ve masaüstü sürümler aynı içeriği sunuyor mu?
Google sitenizi öncelikle mobil sürümüyle değerlendirdiği için, masaüstünde olup mobilde gizlenen metinler, başlıklar veya yapısal veriler değerlendirmede eksik kalabilir. Mobilde içeriği sadeleştirmek iyidir, ama önemli bilgileri tamamen kaldırmayın. Başlık ve açıklama etiketlerinin her iki sürümde de aynı olduğundan emin olun; ayrıntılar meta etiketleri rehberinde.
Nasıl test edilir?
Google'ın eski "Mobil Uyumluluk Testi" aracı 2023 sonunda kullanımdan kaldırıldı. Bugün kullanabileceğiniz ücretsiz yöntemler:
- Kendi telefonunuz: En gerçekçi test budur. Mümkünse farklı ekran boyutlarında iki telefonda deneyin; biri eski ve küçük ekranlı olsun.
- Tarayıcı geliştirici araçları: Chrome'da sağ tıklayıp "İncele" dedikten sonra cihaz simgesine basarak farklı telefon ekranlarını taklit edebilirsiniz.
- PageSpeed Insights ve Lighthouse: Mobil performans, erişilebilirlik ve en iyi uygulama kontrollerini verir.
- Search Console: Core Web Vitals raporu, gerçek mobil kullanıcıların deneyimini gösterir.
Genel teknik durumu (hız, HTTPS, yönlendirme, robots.txt) tek seferde görmek için site karnesi aracını da kullanabilirsiniz.
Gerçek ziyaretçilerle test etmek
Kendi telefonunuz tek bir cihaz ve tek bir tarayıcıdır. organikhit.io'da sitenizi eklediğinizde, diğer üyeler sitenizi farklı cihaz ve tarayıcılardan ziyaret eder; üyeler mobilde de sörf yapabilir. Başlangıç ve üzeri planlarda hedeflemede cihaz seçerek sitenizin yalnızca mobil ya da yalnızca masaüstü ziyaretçilere gösterilmesini de sağlayabilirsiniz. Böylece yeni mobil tasarımınızın ilk izlenimini GA4'te ayrı bir kaynak olarak izleyebilirsiniz. Planlar ve hedefleme seçenekleri fiyatlar bölümünde yer alıyor. Takas ziyaretleri arama sıralamasını etkilemez; mobil deneyimi denemek ve sitenin görülmesi için ek bir kanaldır.
Sık sorulan sorular
Hazır tema kullanıyorum, sitem otomatik olarak mobil uyumlu mu?
Güncel temaların çoğu duyarlı (responsive) tasarımla gelir, ama bu her sayfanın sorunsuz olduğu anlamına gelmez. Sonradan eklenen tablolar, sayfa kurucu bölümleri, gömülü içerikler ve eklentiler mobil görünümü bozabilir. Yukarıdaki on maddeyi en önemli beş sayfanızda tek tek kontrol edin.
Ayrı bir mobil site (m.alanadi.com) kurmalı mıyım?
Genellikle hayır. Aynı adreste hem telefona hem masaüstüne uyum sağlayan duyarlı tasarım, bakımı en kolay ve Google'ın da önerdiği yaklaşımdır. Ayrı mobil site, iki sürümün içeriğini ve yönlendirmelerini sürekli eşit tutmayı gerektirir.
Mobil uyum sıralamayı ne kadar etkiler?
Mobil deneyim tek başına sıralamayı belirlemez; içerik ve konuyla ilgi her zaman önce gelir. Ama mobilde kullanılamayan bir site, ziyaretçinin hemen çıkmasına yol açar ve bu da sitenin işe yaramasını engeller. Mobil uyum, iyi içeriğin ziyaretçiye ulaşması için ön koşuldur.