Mobil Uyumlu Web Tasarım
Türkiye’de web trafiğinin büyük bölümü telefondan geliyor ve Google siteleri mobil sürümlerine göre değerlendiriyor. Siteniz telefonda küçük yazılar, taşan tablolar ve tıklanması zor butonlarla açılıyorsa ziyaretçi birkaç saniyede ayrılır. Mevcut sitenizi mobil uyumlu hale getiriyor ya da mobil öncelikli olarak yeniden tasarlıyoruz.
Sitenizin mobil uyumlu olmadığını gösteren işaretler
- Metni okumak için ekranı yakınlaştırmak gerekiyor.
- Menü telefonda açılmıyor veya bağlantılar birbirine çok yakın.
- Tablolar ve görseller ekrandan taşıyor, yatay kaydırma çıkıyor.
- Formlar telefonda doldurulamıyor, klavye alanları kapatıyor.
- Sayfa mobil bağlantıda geç açılıyor ve içerik yüklenirken kayıyor.
Bu belirtilerden ikisi bile varsa mobil ziyaretçilerin önemli kısmını kaybediyorsunuz demektir. Hız tarafını site hız testi aracımızla kendiniz ölçebilirsiniz.
Yaklaşımımız
Önce mobil tasarlıyoruz
Tasarıma en küçük ekrandan başlarız. İçerik önceliği telefonda belirlenir; masaüstü sürümü bu temelin genişletilmiş halidir.
Dokunmaya uygun arayüz
Butonlar ve menü öğeleri en az 44×44 piksel dokunma alanına sahiptir. Telefon numaraları tek dokunuşla aranır, adresler harita uygulamasında açılır.
Okunur tipografi
Gövde metni en az 16 piksel, satır uzunluğu kısa ve kontrast WCAG 2.2 AA düzeyindedir.
Hafif sayfalar
Görseller ekran boyutuna göre sunulur, gereksiz kaydırıcılar ve animasyonlar kaldırılır. Bu, Core Web Vitals değerlerini doğrudan iyileştirir.
Sitenizin mobil uyumunu kendiniz nasıl kontrol edersiniz?
Google’ın eski Mobil Uyumluluk Testi aracı kullanımdan kaldırıldı. Bugün kontrol şu yollarla yapılır:
- Gerçek bir telefonda deneyin: Menüyü açın, bir formu doldurun, tabloları ve galeriyi kaydırın. Okumak için ekranı yakınlaştırmanız gerekiyorsa sorun vardır.
- Tarayıcının cihaz görünümünü kullanın: Masaüstü tarayıcıların geliştirici araçlarında farklı ekran genişlikleri seçilerek yatay kaydırma ve taşan öğeler görülebilir.
- Search Console’a bakın: Core Web Vitals raporu, mobil ziyaretçilerin yaşadığı yavaşlığı ve içerik kaymalarını sayfa gruplarına göre gösterir.
- Sunucu tarafını ölçün: Site hız testi aracımız sunucu yanıt süresini, sıkıştırmayı ve önbellek ayarını gösterir.
Bu kontrollerde sorun çıkarsa responsive web tasarım dönüşümünün mü, mobil öncelikli yeniden tasarımın mı uygun olduğunu keşif görüşmesinde birlikte belirleriz.
Paketler
Mobil Dönüşüm
FiyatTeklif ile
- Kapsam: Mevcut tasarım korunur, 10 şablona kadar responsive kodlama
Mobil Öncelikli Yeniden Tasarım
FiyatTeklif ile
- Kapsam: Arayüzün mobil öncelikli yeniden tasarımı ve kodlanması
Sitenizin altyapısı çok eskiyse (ör. tablo tabanlı HTML veya desteklenmeyen bir CMS), dönüşüm yerine web sitesi yenileme daha ekonomik olur. Keşif görüşmesinde bunu açıkça söyleriz.
Mobil uyumluluk ve hız birlikte ele alınır
Mobil uyumlu bir sayfa yavaş açılıyorsa sorun çözülmüş sayılmaz. Görsel, yazı tipi ve script optimizasyonu için site hızlandırma hizmetimizle birlikte çalışabiliriz. Teknik ayrıntıları merak ediyorsanız LCP iyileştirme ve CLS sorunu çözme rehberlerimize bakabilirsiniz.
Mobil uyumlu web tasarım hakkında sık sorulan sorular
Responsive tasarım ile mobil uyumlu tasarım aynı şey mi?
Pratikte evet. Responsive tasarım, tek bir sitenin ekran boyutuna göre düzenini değiştirmesidir; ayrı bir “m.” mobil site yapılmaz.
Mobil uyumluluk sıralamayı etkiler mi?
Google siteleri mobil sürümüne göre dizine ekler. Mobilde eksik içerik veya kötü deneyim sıralamaları olumsuz etkiler.
Mevcut tasarımım değişecek mi?
Mobil Dönüşüm paketinde görünüm korunur, yalnızca küçük ekranlara uyarlanır. Yeniden tasarım paketinde arayüz baştan ele alınır.
Ne kadar sürede tamamlanır?
Süre sayfa sayısına ve seçtiğiniz pakete göre değişir; yeniden tasarım, mobil dönüşümden daha uzun sürer. Takvim teklifte yazılı olarak belirtilir.
Siteyi mobil uyumlu yapmak için ayrı bir mobil uygulama gerekir mi?
Hayır. Responsive bir site telefonda da tam çalışır ve uygulama indirmeyi gerektirmez. Bildirim, çevrimdışı kullanım ya da cihaz özelliklerine erişim gerekiyorsa mobil uygulama geliştirme ayrı bir ihtiyaçtır.
Mobil dönüşüm sırasında Google sıralamam etkilenir mi?
Adresler ve içerik korunursa olumsuz etkilenmez. Google sitenizi mobil sürümüne göre dizine eklediği için mobilde gizlenen ya da kısaltılan içerik görünürlüğü azaltabilir; bu yüzden dönüşümde masaüstündeki içerik telefonda da yer alır.
Tablolar ve geniş içerikler telefonda nasıl gösterilir?
Tablolar ekranı taşırmayan, yatay kaydırılabilen bir alana alınır ya da satırlar kart düzenine çevrilir. Görseller ekran genişliğine uygun küçültülmüş sürümleriyle sunulur.
AMP sayfası yapmam gerekir mi?
Gerekmez. Google, hızlı ve mobil uyumlu sayfaları AMP olmadan da gösterir; ayrı bir AMP sürümü ise ek bakım yükü getirir.