Sitenizi en son nereden açtınız? Büyük ihtimalle telefonunuzdan. Müşterileriniz de öyle. Kafede sıra beklerken, akşam koltukta, iş arasında… Bugün birçok sektörde bir web sitesine gelen ziyaretlerin çoğunluğu mobil cihazlardan geliyor. Buna rağmen hâlâ telefonda yazısı okunmayan, menüsü açılmayan, butonuna basılamayan siteler görüyoruz.
Mobil uyumlu site (responsive tasarım), ekran boyutuna göre kendini yeniden düzenleyen ve telefonda da bilgisayardaki kadar rahat kullanılan sitedir. Bu yazıda mobil uyumun ne anlama geldiğini, neden artık bir tercih değil zorunluluk olduğunu ve sitenizin mobilde nasıl göründüğünü 5 dakikada nasıl test edebileceğinizi anlatıyoruz.
Mobil Uyumlu Site Ne Demek?
Mobil uyumlu bir sitede içerik ekran genişliğine göre akar. Bilgisayarda yan yana duran üç kutu, telefonda alt alta dizilir. Menü, bir "hamburger" simgesinin arkasına katlanır. Görseller ekranı taşırmaz, yazılar yakınlaştırmadan okunur, butonlar parmakla rahat basılır.
Burada önemli bir ayrım var: "Telefonda açılıyor" ile "telefonda iyi çalışıyor" aynı şey değildir. Pek çok eski site teknik olarak telefonda açılır ama masaüstü sayfanın küçültülmüş hali görünür; ziyaretçi iki parmakla büyütüp kaydırarak gezmek zorunda kalır. Bu mobil uyum değildir.
Neden Artık Zorunlu?
1. Google sitenizi önce mobilden okuyor
Google, sitelerin sıralamasında uzun süredir mobil öncelikli indeksleme (mobile-first indexing) kullanıyor. Yani Google'ın gözünde sitenizin asıl hali, mobil halidir. Masaüstünde mükemmel görünen ama mobilde içeriği eksik ya da kullanışsız olan bir site, aramalarda bunun bedelini öder. Sitenizin Google'da neden görünmediğine dair diğer sebepleri Web Sitesi Neden Google'da Çıkmaz? yazımızda topladık.
2. Müşteri kararını telefonda veriyor
Restoran, kuaför, klinik, emlak ofisi, tamirci… Yerel bir işletmeyi arayan kişi çoğunlukla hareket halindedir ve telefondadır. Siteniz o anda hızlı açılıp telefon numaranızı, adresinizi ve çalışma saatlerinizi tek bakışta göstermiyorsa, müşteri bir sonraki sonuca geçer.
3. Mobilde kötü deneyim, markaya mal olur
Ziyaretçi zorlandığı siteyi "özensiz firma" olarak hatırlar. Bir sitenin ilk izlenimde nasıl güven kazanıp kaybettiğini Müşterinizin İlk Uğradığı Yer Artık İnternet Siteniz yazımızda anlattık.
4. Satış ve form dönüşümleri mobilde kaybolur
E-ticaret sitelerinde sepet ve ödeme adımı, kurumsal sitelerde iletişim formu mobilde zor kullanılıyorsa, en değerli ziyaretçileriniz son adımda gider.
İyi Bir Mobil Sitede Neler Olmalı?
- Okunabilir yazı boyutu: Gövde metni telefonda en az 16px civarında olmalı; yakınlaştırmaya gerek kalmamalı.
- Parmak dostu butonlar: Butonlar ve linkler yeterince büyük ve birbirinden uzak olmalı. Yan yana sıkışmış küçük linkler yanlış tıklamaya yol açar.
- Tıkla-ara ve WhatsApp: Telefon numarası tek dokunuşla arama başlatmalı. Birçok sektörde sabit bir "Ara" veya "WhatsApp" butonu en çok kullanılan öğedir. İsterseniz WhatsApp link oluşturucu aracımızla hazır mesajlı bir link hazırlayabilirsiniz.
- Sade menü: Mobilde 5–7 ana başlığı geçmeyen, açıldığında ekranı kaplayan, kolay kapanan bir menü.
- Hafif görseller: Masaüstü için hazırlanmış 3–4 MB'lık fotoğraflar mobil veride sayfayı kilitler. Görseller ekran boyutuna göre küçültülmüş sürümlerle sunulmalı.
- Kolay formlar: Az alan, doğru klavye tipi (telefon alanında rakam klavyesi, e-postada @ tuşu), otomatik doldurma desteği.
- Taşmayan içerik: Tablolar, haritalar, videolar ekranı yana taşırmamalı. Yana kayan bir sayfa, mobil uyumun bozulduğunun en net işaretidir.
- Rahatsız etmeyen pop-up'lar: Açılır açılmaz tüm ekranı kaplayan ve kapatma tuşu bulunmayan pencereler hem ziyaretçiyi kaçırır hem de Google tarafından olumsuz değerlendirilir.
"Önce Mobil" Tasarım Nedir?
Klasik yaklaşımda site bilgisayar ekranı için tasarlanır, sonra telefona "sığdırılır". Önce mobil (mobile-first) yaklaşımında ise sıra terstir: Tasarım önce en küçük ekranda, en önemli içerik ve aksiyonlarla kurulur; büyük ekranlarda genişletilir.
Bu yaklaşım sizi bir şeye zorlar: önceliklendirmeye. Telefonda ekranın üst yarısına sadece birkaç şey sığar. Hangisi? Genellikle işletmenin ne yaptığını söyleyen tek bir cümle ve bir aksiyon butonu. Bu disiplin, sitenin masaüstü halini de sadeleştirir ve güçlendirir. Ziyaretçiyi müşteriye çeviren sayfanın bölümlerini Web Sayfası Tasarımı yazımızda anlattık.
Sitenizi 5 Dakikada Mobilde Test Edin
Teknik bir araca gerek kalmadan kendi telefonunuzla şu kontrolleri yapın:
- Ana sayfayı açın ve süre tutun. Mobil veride (Wi-Fi değil) ilk içerik 2–3 saniyede görünüyor mu?
- Yakınlaştırmadan okuyun. Metinleri rahat okuyabiliyor musunuz?
- Sayfayı yana kaydırmayı deneyin. Sayfa yana kayıyorsa bir öğe ekranı taşırıyordur.
- Menüyü açıp kapatın. Tüm sayfalara ulaşabiliyor musunuz?
- Telefon numarasına dokunun. Arama ekranı açılıyor mu?
- İletişim formunu doldurun veya e-ticaret sitesiyse bir ürünü sepete ekleyip ödeme adımına kadar gidin.
- Telefonu yatay çevirin. Düzen bozuluyor mu?
- Farklı bir telefonda tekrarlayın. iPhone ve Android'de, küçük ve büyük ekranda sonuç farklı olabilir.
Bu adımların birinde bile takıldıysanız, müşterileriniz de takılıyor demektir.
Eski Sitemi Mobil Uyumlu Hale Getirebilir miyim?
Duruma göre değişir. Site yakın zamanda modern bir altyapıyla yapılmışsa, küçük CSS düzenlemeleriyle sorunlar giderilebilir. Ama site yıllar önce masaüstüne göre, sabit genişlikli bir yapıyla kurulduysa, üzerine yama yapmak çoğu zaman yeni bir site yapmaktan daha pahalı ve daha kötü sonuç veren bir yoldur. Bu kararı verirken göz önünde bulundurmanız gerekenleri Kurumsal Web Sitesi Yaptırırken Yapılan 7 Büyük Hata yazımızda da bulabilirsiniz.
Mobil Uygulama mı, Mobil Uyumlu Site mi?
Küçük ve orta ölçekli işletmelerin büyük çoğunluğu için doğru cevap mobil uyumlu sitedir. Uygulama; indirilmesi, güncellenmesi, iki ayrı mağazada yayınlanması gereken, maliyeti yüksek bir üründür. Müşteriniz sizi her gün kullanmıyorsa (bir market, banka veya sosyal ağ değilseniz) uygulama indirmesi pek olası değildir. İyi bir mobil site aynı işi, ek kurulum gerektirmeden görür.
Sık Sorulan Sorular
Sitemin mobil uyumlu olup olmadığını nasıl anlarım?
En güvenilir yöntem, yukarıdaki kontrolleri kendi telefonunuzla yapmaktır. Google Search Console'daki raporlar ve PageSpeed Insights aracı da mobil kullanılabilirlik ve hız sorunlarını gösterir.
Mobil uyumlu site daha mı pahalı?
Bugün profesyonel olarak yapılan her site zaten mobil uyumlu olmalıdır; ayrı bir ek hizmet olarak fiyatlandırılmamalı. Teklif alırken bunu açıkça sorun. Fiyatları etkileyen kalemleri Profesyonel Web Sitesi Ne Kadar? yazımızda ele aldık.
Tablet için ayrıca tasarım gerekir mi?
İyi kurulmuş responsive bir tasarım tablet ekranlarına da uyum sağlar. Yine de teslimden önce tablette de kontrol edilmesi gerekir.
Mobil sitede bazı içerikleri gizlemek doğru mu?
Kalabalığı azaltmak için ikincil öğeleri sadeleştirmek mantıklıdır; ama ana içeriği mobilde tamamen gizlemek, Google mobil sürümü esas aldığı için o içeriğin aramalarda değerlendirilmemesine yol açabilir.
Sonuç
Müşteriniz sizi büyük olasılıkla telefonunda, acelesi varken ve tek eliyle arıyor. Siteniz o anda hızlı açılıyor, okunuyor ve tek dokunuşla aranabiliyorsa işi alırsınız; aksi halde rakibiniz alır. Mobil uyum artık bir "ekstra" değil, web sitesinin temel tanımının parçası.
Her sayfası önce telefonda tasarlanan bir site için web sitesi tasarım hizmetimizi inceleyin ya da mevcut sitenizin mobil durumuna birlikte bakmak için bize yazın.
