Blog / Web Tasarım Temelleri
Çoğu ziyaretçiniz telefondan geliyor.
Bugün birçok işletme için ziyaretçilerin büyük kısmı siteye telefondan giriyor. Sitenizin masaüstünde kusursuz görünmesi, mobilde de aynı kalitede çalıştığı anlamına gelmiyor — bunu anlamanın en basit yolu kendi telefonunuzdan test etmek.
Google artık siteyi önce mobilden değerlendiriyor
Google, yıllar önce "mobile-first indexing" adı verilen bir yaklaşıma geçti — yani bir sayfayı değerlendirirken masaüstü sürümü değil, mobil sürümü esas alıyor. Bunu Google'ın resmi dokümantasyonunda da açıkça belirtiyor. Yani sitenizin mobil sürümü zayıfsa, bu doğrudan arama sonuçlarındaki görünürlüğünüzü etkileyebiliyor.
Bu değişiklik, "önce masaüstü için tasarlayıp sonra mobile uyarlarım" mantığını tersine çevirdi. Artık doğru yaklaşım, sitenin mobil deneyimini birincil öncelik olarak tasarlamak; masaüstü sürümü bu temelin üzerine genişletmek.
Kendi telefonunuzdan yapabileceğiniz basit testler
En basit test, sitenizi kendi telefonunuzdan gerçek bir müşteri gibi gezmek. Ana sayfadan başlayıp, sizi en çok ilgilendiren sayfalara (hizmetler, iletişim, ürün sayfası gibi) telefonunuzla ulaşmayı deneyin. Metinleri yakınlaştırmadan okuyabiliyor musunuz? Butonlara parmağınızla rahatça basabiliyor musunuz?
Menüyü açıp kapatmayı, bir forma bilgi girmeyi, telefon numarasına tıklayıp aramanın başlayıp başlamadığını da deneyin. Bu küçük etkileşimlerin her biri, bir müşterinin sitenizde yaşayacağı gerçek deneyimi yansıtıyor — ekran üzerinde göz gezdirmekten çok daha güvenilir bir test.
Yatay kaydırma gerekiyorsa bir sorun var demektir
Mobilde bir sayfayı görüntülerken sağa sola kaydırmanız gerekiyorsa, bu genelde sayfanın mobil ekrana göre değil, masaüstü genişliğine göre tasarlandığının işareti. İyi kurgulanmış bir mobil sayfa, tüm içeriği ekran genişliğine sığdırır; kullanıcı sadece yukarı-aşağı kaydırarak ilerler.
Aynı şekilde, metinlerin çok küçük çıkması ve okumak için sürekli yakınlaştırma yapmanız gerekmesi de sık karşılaşılan bir sorun. Bu genelde site tasarlanırken mobil ekran boyutlarının test edilmediğinin bir göstergesi.
Butonlar arasındaki mesafe kadar önemli bir detay yok
Masaüstünde fare imleciyle küçük bir butona tıklamak sorun yaratmaz, ama mobilde parmak ucuyla küçük ve birbirine yakın butonlara basmaya çalışmak sık sık yanlış tıklamalara yol açıyor. Özellikle "ara", "whatsapp'tan yaz" gibi kritik çağrı butonlarının yeterince büyük ve aralıklı olması gerekiyor.
Bu detay küçük görünse de, bir müşterinin sizi arayabilmesi ile yanlışlıkla başka bir sayfaya gitmesi arasındaki farkı belirliyor. İletişim bilgilerinizin mobilde nasıl görünmesi gerektiğini Web Sitesinde Olması Gereken İletişim Bilgileri yazımızda ayrıca ele aldım. Butonun rengi ve konumu da fark yaratıyor; sayfanın geri kalanından belirgin şekilde ayrışan bir buton, gözün hızlıca bulup dokunabileceği bir hedef haline geliyor.
Görsellerin ve videoların mobildeki davranışı
Masaüstünde güzel görünen büyük bir görsel ya da video, mobilde sayfanın yüklenme süresini uzatabilir veya ekranı gereğinden fazla kaplayabilir. Mobil uyumlu bir tasarım, görsellerin ekran boyutuna göre otomatik olarak küçülmesini ve gereksiz yere veri tüketmemesini sağlar.
Bir videonun otomatik oynatılması masaüstünde sorun değilken, mobilde hem veri tüketimi hem de kullanıcı deneyimi açısından rahatsız edici olabiliyor. Mobil ziyaretçiler için bu tür otomatik oynatmaların kapalı tutulması genelde daha iyi bir tercih.
Farklı cihaz ve tarayıcılarda da test etmek faydalı
Kendi telefonunuzdan yaptığınız test iyi bir başlangıç ama tek başına yeterli değil — çünkü sadece kendi ekran boyutunuzu ve kendi tarayıcınızı temsil ediyor. Mümkünse ailenizden veya çalışanlarınızdan farklı marka telefonu olan birinden de siteyi kontrol etmesini isteyin.
Özellikle eski model telefonlarda ya da farklı tarayıcılarda (bazı kullanıcılar hâlâ farklı tarayıcı uygulamaları kullanıyor) sitenin nasıl davrandığını görmek, gözden kaçan sorunları ortaya çıkarabiliyor. Ekran boyutu küçük olan telefonlarda menünün nasıl açıldığını, büyük ekranlı telefonlarda ise boşlukların ne kadar dengeli dağıldığını karşılaştırmak da faydalı bir alışkanlık.
Mobil uyumluluk bir detay değil, temel gereksinim
Mobil uyumluluk artık "olsa iyi olur" kategorisinde bir özellik değil — hem kullanıcı deneyiminin hem de arama motoru görünürlüğünün temel bir gereksinimi. Sitenizi düzenli olarak kendi telefonunuzdan test etmek, bu konudaki en ucuz ve en etkili kontrol yöntemi.
Mobil uyumluluğun, iyi bir web sitesini oluşturan unsurlardan sadece biri olduğunu unutmamak gerekiyor. Sitenizin bütün olarak hangi kriterleri sağlaması gerektiğini İyi Bir Web Sitesi Neye Benzer? rehberimizde baştan sona anlattım. Bu testleri düzenli tekrarlamak, sitenizi büyük bir yatırım yapmadan da sürekli iyi durumda tutmanın en pratik yolu.
Sık Sorulan Sorular
Mobil uyumluluk hakkında merak edilenler
Sitem yakınlaştırınca düzgün görünüyor, bu yeterli mi?
+
Hayır. Mobil uyumlu bir site, kullanıcı yakınlaştırmadan da rahatça okuyup gezinebilmeli. Sürekli yakınlaştırma gerektirmesi, sitenin mobil için tasarlanmadığının işareti.
Mobile-first indexing tam olarak ne demek?
+
Google, bir sayfayı sıralamaya koyarken artık öncelikle mobil sürümünü inceliyor. Mobil sürümünüz eksik ya da zayıfsa, bu doğrudan sıralamanızı etkileyebilir.
Mobil uyumluluğu tek seferlik mi kontrol etmeliyim?
+
Hayır. Siteye her yeni sayfa veya bölüm eklendiğinde mobil görünümü tekrar kontrol etmek gerekiyor, çünkü yeni eklenen bir unsur mobil düzeni bozabilir.
İlgili Rehberler
Konunun tamamı için
Pillar Rehber
İyi Bir Web Sitesi Neye Benzer?
Hizmet
WordPress Web Tasarımı
Web Tasarım Temelleri
Bu konudaki diğer yazılar
Yazan
Harun Erçoban
Esnafa ve KOBİ'lere web sitesi, SEO ve sosyal medyada 10 yılı aşkın süredir tek muhatap olarak hizmet veriyorum. Ajans değilim — bu sayfadaki içerik de dahil, sitedeki tüm çalışmaların arkasında benim adım var.
Hakkımda daha fazla bilgi →İletişim
Sitenizi telefonunuzdan birlikte test edelim.
Kısa bir görüşmede sitenizi birlikte mobilden gezip nerede sorun yaşandığını gösterebilirim.