Siteniz bilgisayarda harika görünüyor olabilir. Peki müşteriniz onu hangi ekranda açıyor? Çoğu ziyaretçi sizi telefondan bulur ve yazılar küçük, butonlar iç içe ya da sayfa ekrandan taşıyorsa birkaç saniye içinde çıkar gider. Bu rehberde mobil uyumlu web sitesinin ne olduğunu, neden şart olduğunu ve sitenizi bugün nasıl kontrol edeceğinizi adım adım anlatıyoruz.
Mobil uyumlu web sitesi nedir?
Mobil uyumlu web sitesi, aynı adreste açılan ve ekranın boyutuna göre düzenini kendiliğinden değiştiren sitedir. Bilgisayarda üç sütun olan sayfa telefonda alt alta dizilir. Yazılar zoom yapmadan okunur, menü parmakla rahat açılır.
Buna “duyarlı tasarım” (responsive design) denir. Akışkan bir sıvıya benzer: hangi kaba dökerseniz o kabın şeklini alır. Eski usul çözümlerde ise telefon için ayrı bir site yapılırdı. Bu yöntem hem pahalı hem yönetmesi zordur. Bugün önerilen yol tek site, her ekrana uyum.
Mobil uyumlu web sitesi neden şart?
Üç somut sebebi var.
1. Mobil uyumlu web sitesi telefondaki müşteriyi tutar
İnsanlar bir işletmeyi telefonla arıyor, yol tarifi alıyor, fiyat soruyor. Telefonda kullanımı zor bir site, o anki satış fırsatını kaçırmak demek. Rakibinizin sitesi bir dokunuşla açılıyorsa müşteri oraya gider.
2. Google önce mobil sürüme bakıyor
Google’ın resmi mobil öncelikli dizine ekleme rehberine göre Google, sayfaların dizine eklenmesi ve sıralanması için içeriğin mobil sürümünü kullanıyor. Yani siteniz bilgisayarda mükemmel, telefonda eksik olsa bile Google’ın gördüğü “eksik” olan sürümdür. Google’ın önerdiği yapı da tek adres, her cihazda aynı içerik olan duyarlı tasarımdır.
3. Güven ve profesyonel görünüm
Telefonda dağılan bir site, işletmenin ilgisiz olduğu izlenimini verir. İlk izlenim birkaç saniyede oluşur ve düzelmesi zordur.
Mobil uyumlu web sitesi hakkında yaygın yanlış anlamalar
Bu konuda sık duyduğumuz üç cümle var ve üçü de eksik.
“Sitem telefonda açılıyor, yani uyumlu.” Açılması yetmez. Sayfa telefonda açılıp yazıları minicik görünüyorsa kullanıcı için kullanılabilir değildir. Uyumlu olmak, rahat okunmak ve rahat dokunulmak demektir.
“Müşterilerim zaten bilgisayardan bakıyor.” Sektörünüze göre bu doğru olabilir, ama bunu tahminle değil veriyle öğrenmelisiniz. Google Search Console ve benzeri araçlar ziyaretçilerin hangi cihazı kullandığını gösterebilir. Çoğu işletme için telefon, tek başına en önemli giriş kapısıdır.
“Mobil uygulama yaptırırsam sorun biter.” Hayır. Uygulamayı indirmeden önce insanlar sizi tarayıcıda arar. Önce telefonda iyi çalışan bir web sitesi gerekir.
Sitenizin telefonda yaptığı 7 hata
Aşağıdakilerden biri bile varsa mobil uyumlu web sitesi hedefinizden uzaksınız demektir.
- Viewport ayarı eksik: Tarayıcı sayfayı masaüstü genişliğinde çizer, yazılar minicik kalır. web.dev’in duyarlı tasarım temelleri bu ayarın zorunlu olduğunu anlatıyor.
- Yana kaydırma: Sayfa ekrandan taşıyor. Sabit piksel genişlikli öğeler bunun başlıca sebebi.
- Küçük yazı: Okumak için iki parmakla büyütmek gerekiyor.
- İç içe butonlar: Parmak yanlış yere dokunuyor. Butonlar arasında boşluk bırakılmalı.
- Taşan ya da çok ağır görseller: Resimler ekrana sığmıyor ya da yavaş yükleniyor.
- Telefonda kaybolan içerik: Masaüstünde olan bilgi telefonda gizlenmiş. Google’ın rehberi, içeriği silmek yerine sekme ya da açılır başlıklarla düzenlemeyi öneriyor.
- Gizlenmiş iletişim yolu: Telefon numarası, WhatsApp ve form bulunması zor.
Mobil uyumlu web sitesinde hız neden bu kadar önemli?
Telefondaki ziyaretçi çoğu zaman yolda, sırada ya da başka bir işin ortasındadır. Beklemeye sabrı yoktur. Sayfa geç açılırsa geri tuşuna basar.
Hızı etkileyen en büyük sebepler genelde şunlardır: gereğinden büyük görseller, gereksiz eklentiler ve ağır tasarım kütüphaneleri. Görselleri sitede gösterileceği boyuta küçültmek tek başına fark yaratır. Bir ürün fotoğrafını telefondan çektiği boyutta, yani birkaç megabaytlık yüklemek sayfayı gereksiz yere yavaşlatır.
Bir de düzen kayması var: sayfa yüklenirken butonlar aşağı kayıyorsa insanlar yanlış yere dokunur. Görsellerin genişlik ve yüksekliğini baştan belirtmek bu sorunu azaltır. Bunlar teknik ayrıntı gibi görünse de karşılığı basit: daha az çıkış, daha çok iletişim.
Mobil uyumlu web sitesi e-ticarette neden daha da kritik?
Online mağazada telefon, sadece bakılan değil alışveriş yapılan ekran olabilir. Ürün fotoğrafı büyütülemiyorsa, sepet butonu görünmüyorsa ya da ödeme formu telefonda zor dolduruluyorsa müşteri sepeti bırakır. Bu yüzden e-ticaret hizmetimizde sepet ve ödeme adımları önce telefon düşünülerek kurulur.
Ürün sayfalarını yazarken de aynı mantık geçerli: kısa paragraflar, net başlıklar ve öne çıkan bilgiler telefonda daha iyi okunur. Ayrıntılar için ürün sayfası yazma rehberimize bakabilirsiniz.
Mobil uyumlu web sitesini 5 dakikada test edin
Hiçbir araca ihtiyacınız yok.
- Siteyi kendi telefonunuzdan açın ve ana sayfadan iletişim sayfasına gitmeyi deneyin.
- Yazıları büyütmeden okuyabiliyor musunuz?
- Yana kaydırma var mı?
- Menü, butonlar ve formlar rahat kullanılıyor mu?
- Sayfa mobil veriyle kaç saniyede açılıyor? Üç saniyeyi aşıyorsa hız sorunu olabilir.
Daha ayrıntılı bakmak isterseniz Google Search Console rehberimizi okuyun. Oradaki URL Denetleme aracı, Google’ın sayfanızı nasıl gördüğünü gösterir. Google’ın kendi rehberi de içeriğin gerçekten görünür olduğunu bu araçla kontrol etmeyi öneriyor.
Mobil uyumlu web sitesi yaptırırken nelere dikkat edilir?
Yeni bir site planlıyorsanız şunları isteyin:
- Önce telefon: Tasarım önce küçük ekran için düşünülmeli, sonra büyük ekrana genişlemeli.
- Aynı içerik: Telefonda ve bilgisayarda aynı başlıklar, metinler ve görseller bulunmalı.
- Büyük dokunma alanları: Butonlar parmakla rahat basılacak büyüklükte olmalı.
- Hızlı görseller: Modern formatlar ve doğru boyutlar kullanılmalı.
- Net iletişim: Telefon, WhatsApp ve form her sayfadan bir dokunuşla ulaşılabilmeli.
- Gerçek cihaz testi: Teslimden önce gerçek telefonlarda denenmeli.
Soruları sorarken web sitesi yaptırırken sorulması gereken 12 soru yazımız işinize yarayacaktır. Sitenizde hangi sayfaların bulunması gerektiğini ise kurumsal web sitesi sayfaları rehberimizden görebilirsiniz.
Eski siteniz mobil uyumlu değilse ne yapmalısınız?
İki seçenek var. Birincisi, mevcut siteyi yamamak. Bazı durumlarda küçük düzeltmeler yeterli olabilir ama eski kodla yapılan yamalar çoğu zaman kalıcı olmaz. İkincisi, siteyi duyarlı tasarımla yeniden kurmak. Sitenin yaşı, kullandığı altyapı ve hedefleriniz hangisinin mantıklı olduğunu belirler.
Siteyi yenilerken Google’daki sıranızı korumak da önemli. Adres yapısı değişecekse 301 yönlendirme rehberimizi mutlaka okuyun.
Bir haftalık mobil uyum planı
Büyük bir yenilemeye karar vermeden önce küçük adımlarla ilerleyebilirsiniz.
- 1. gün: Siteyi kendi telefonunuzdan, mümkünse bir arkadaşınızın farklı bir telefonundan da açın. Gördüğünüz sorunları ekran görüntüsüyle kaydedin.
- 2. gün: İletişim yollarını kontrol edin. Telefon numarasına dokunduğunuzda arama başlıyor mu? WhatsApp bağlantısı çalışıyor mu?
- 3. gün: Ana sayfadaki görselleri gözden geçirin. Ekrana sığmayan ve çok ağır olanları not edin.
- 4. gün: Formu telefondan gerçekten doldurup gönderin. Alanlar küçük ya da klavye butonları kapatıyor mu?
- 5. gün: Aldığınız notları önem sırasına dizin: müşteri kaybettirenler önce, görünüm sorunları sonra.
Bu liste mobil uyumlu web sitesi yolculuğunun başlangıcıdır. Sonunda elinizde net bir yapılacaklar listesi olur ve bir web ajansıyla konuşurken tam olarak neyi istediğinizi söyleyebilirsiniz.
Şimdi ne yapmalısınız?
Önce bugün sitenizi telefonunuzdan açıp yukarıdaki beş dakikalık testi yapın. Bulduğunuz sorunları not alın. Sonra en çok müşteri getiren sayfayı, yani çoğu zaman ana sayfanızı ve iletişim sayfanızı öne alın.
Kurumsal siteniz telefonda sorun yaşıyorsa kurumsal web sitesi hizmetimizde mobil uyum en baştan temel olarak kurulur. Yayından sonra düzenli kontrol için bakım ve destek hizmetimiz de var.
Kısacası
Mobil uyumlu web sitesi artık ek özellik değil, temel şart. Müşteriniz telefondan bakıyor, Google telefon sürümüne bakıyor. İkisi de aynı soruyu soruyor: bu site kolay kullanılıyor mu? Cevabınız evetse hem müşteri kazanır hem Google’da güçlenirsiniz. Değilse bugün başlayıp küçük adımlarla düzeltebilirsiniz.
