Mobil uyumlu web sitesi nasıl yapılır?
Google siteleri artık mobil sürümlerine göre dizine ekliyor. Mobil uyumlu bir site için gerekenleri ve nasıl test edeceğinizi anlattık.
Neden önemli?
Türkiye'de internet kullanımının merkezinde telefon var. DataReportal'ın Digital 2026 raporuna göre 2025 sonunda ülkede 81,9 milyon mobil bağlantı aktifti; bu, nüfusun yüzde 93,3'üne denk geliyor. IAB Türkiye'nin 2024 verilerine göre dijital reklamların yüzde 79,4'ü mobil cihazlarda gösterildi.
Google da 5 Temmuz 2024'te mobil öncelikli dizine eklemeye geçişi tamamladı: siteler artık mobil Googlebot ile taranıyor ve sıralamada mobil sürüm esas alınıyor. Mobilde eksik ya da bozuk olan içerik, Google'ın gözünde yok sayılabilir.
Mobil uyumlu sitenin temel kuralları
- Duyarlı (responsive) tasarım: tek bir site, ekran genişliğine göre kendini düzenler. Ayrı bir mobil site kurmak yerine önerilen yöntem budur.
- Viewport etiketi: sayfanın başında genişliği cihaza göre ayarlayan meta etiketi olmalıdır; yoksa telefon masaüstü sayfasını küçültüp gösterir.
- Okunur yazı: gövde metni yakınlaştırmadan okunabilmelidir. 16 piksel yaygın bir başlangıç değeridir.
- Parmakla basılabilir hedefler: düğme ve bağlantılar birbirine çok yakın olmamalıdır. Google'ın ölçüm araçları 48x48 piksel civarını önerir.
- Yatay kaydırma olmamalı: hiçbir öğe ekran genişliğini aşmamalıdır.
- Rahatsız eden açılır pencerelerden kaçının: içeriği tamamen örten pop-up'lar mobilde kullanıcıyı kaçırır ve Google tarafından olumsuz değerlendirilir.
Hız da mobil uyumun parçası
Mobil bağlantılar masaüstüne göre daha değişkendir. Google'ın Core Web Vitals ölçütleri iyi bir deneyimin eşiklerini tanımlar: sayfadaki en büyük içeriğin yüklenmesi (LCP) 2,5 saniyenin, etkileşime tepki süresi (INP) 200 milisaniyenin, düzen kayması (CLS) 0,1'in altında olmalıdır. Görselleri doğru boyutta ve WebP ya da AVIF gibi modern biçimlerde sunmak, kullanılmayan JavaScript'i azaltmak ve yazı tiplerini hafif tutmak en büyük kazançları getirir.
Nasıl test edilir?
Google'ın eski Mobile-Friendly Test aracı 2023 sonunda kaldırıldı. Bugün PageSpeed Insights ve Chrome'daki Lighthouse, hem mobil uyumluluk hem hız için en pratik başlangıç noktasıdır. Search Console'daki Core Web Vitals raporu ise gerçek kullanıcı verisini gösterir.
Hiçbir araç sitenizi gerçek bir telefonda gezmenin yerini tutmaz: formu doldurun, menüyü açın, ödeme adımına kadar gidin. Mobilde hızlı ve rahat çalışan bir site, web tasarım hizmetimizin temel ölçütlerinden biridir.