Mobil uyumlu site nedir? Telefonda iyi görünmek yetmez

Mobil uyumlu (responsive) site, ekran genişliğine göre düzenini değiştiren ve telefonda da rahatça okunup kullanılabilen sitedir. Ziyaretçilerin çoğu artık siteye telefondan geliyor ve Google da siteleri öncelikle telefon görünümüne göre değerlendiriyor. Yani telefonda kötü çalışan site, masaüstünde ne kadar güzel olursa olsun aramada da geride kalır.

"Telefonda açılıyor" ile "mobil uyumlu" aynı şey değil

Masaüstü tasarımın küçültülmüş hâli teknik olarak açılır ama:

• Yazılar okunmayacak kadar küçüktür.
• Menü ve düğmeler parmakla isabet ettirilemeyecek kadar sıkışıktır.
• Tablolar ve geniş görseller ekrandan taşar, yatay kaydırma gerekir.
• Telefon numarası tıklanınca aramaz.

En sık hatalar

1. Açılır pencereler: Telefonda ekranın tamamını kaplayan kampanya pencereleri hem ziyaretçiyi hem Google'ı rahatsız eder.
2. Ağır görseller: Masaüstü için hazırlanmış 3–4 MB'lık fotoğraflar mobil veriyle yavaş açılır.
3. Formlar: Telefonda klavye açıldığında görünmeyen gönder düğmesi, e-posta alanında harf klavyesi çıkması.
4. Sabit menüler: Ekranın üçte birini kaplayan yapışkan başlıklar.
5. Küçük dokunma alanları: Birbirine yapışık bağlantılar.

Beş dakikalık test

Kendi telefonunuzda, mobil veriyle (Wi-Fi değil):

1. Ana sayfa kaç saniyede açılıyor?
2. Menüyü açıp en önemli sayfaya gidebiliyor musunuz?
3. Telefon numarasına dokununca arama başlıyor mu?
4. İletişim formunu doldurup gönderebiliyor musunuz?
5. Herhangi bir sayfada yatay kaydırma gerekiyor mu?

Google tarafı

Search Console'daki "Sayfa deneyimi" ve "Core Web Vitals" raporları, telefondan gelen gerçek ziyaretçilerin yaşadığı hızı gösterir. Kırmızı satırlar, önce düzeltilmesi gereken sayfalardır.

Tasarımı onaylamadan önce kendi telefonunuzda gezin; masaüstü ekran görüntüsüne onay vermeyin.

Sitelerimizi önce telefon için çiziyoruz; ayrıntılar web siteleri sayfasında.