Dershane sitesinin mobil uyumlu olması şart, çünkü veli dershaneyi akşam, evde, elindeki telefonla araştırıyor. Sayfa yavaş açılıyor, program tablosu ekrana sığmıyor ya da forma ulaşmak için üç kez kaydırmak gerekiyorsa veli geri dönüp bir sonraki dershanenin sitesine bakıyor.
Burada “mobil uyumlu” demek, masaüstü sitenin küçülmüş hali demek değildir. Telefon ekranında başka bir kişi, başka bir sorunla oturuyor.
Veli telefonda ne arar?
Dört şey. Dershane nerede, hangi sınıflara ders veriyor, ne zaman arayabilirim, deneme dersi var mı? Bunların cevabı sayfa açıldığı ilk ekranda, kaydırmadan görünmeli.
İlk ekranda dershanenin adı, bir cümlelik ne yaptığı, “Hemen ara” düğmesi ve “Deneme dersi için form” düğmesi olsun. Hero bölümüne büyük bir fotoğraf koyarsanız fotoğraf telefonun yarısını kaplar, düğmeler aşağıda kalır. Fotoğrafı küçültün ya da metnin arkasına alın.
Aramak için numaraya basmak yeterli olmalı. Numarayı yazı olarak değil, telefon bağlantısı (tel:) olarak koyun; yoksa veli numarayı kopyalayıp aramak zorunda kalır. Aynısı WhatsApp için de geçerli: wa.me bağlantısı ile sohbet doğrudan açılır.
Hız
Mobil bağlantı evdeki Wi-Fi kadar hızlı olmayabilir. Yüklenmesi beş altı saniyeyi bulan sayfayı terk eden kişi çoktur. Dershane sitelerinde yavaşlığın tipik nedenleri: sıkıştırılmamış büyük sınıf fotoğrafları, kendi videosunu doğrudan sayfaya gömmek, kullanılmayan eklentiler ve çok sayıda yazı tipi.
Çözüm: görselleri WebP biçiminde ve gösterildikleri boyutta yükleyin. Videoyu sayfaya gömmeyin, YouTube bağlantısı verin ya da kısa bir önizleme kullanın. Yazı tipi sayısını en çok ikiyle sınırlayın. Hızı Google’ın PageSpeed Insights aracında ölçün; ölçerken “Mobil” sekmesine bakın, masaüstü sonucu yanıltır.
Program ve ücret tabloları
Yan yana dört beş sütunlu bir ders programı masaüstünde güzel görünür, telefonda yatay kaydırma gerektirir. Çözüm: tabloyu kartlara çevirmek. Her sınıf için ayrı bir kart: sınıf adı, gün ve saat, öğretmen. Ücreti sayfada vermeyecekseniz “Ücret için arayın” yazmak da meşrudur; ama aramayı kolaylaştıran düğmeyle birlikte.
Yazı boyutu telefonda en az 16 piksel olsun. Daha küçük yazı yakınlaştırma ister, yakınlaştıran kişi bir sonraki sayfaya kaybolur.
Form: kısa ve dokunmaya uygun
Telefonda klavye ekranın yarısını kaplar. Beş alanlı form bu yüzden zahmetlidir. Ad, telefon, sınıf yeter. Alanlar yeterince büyük olsun, telefon alanı sayısal klavyeyi açsın (type=“tel”), gönder düğmesi klavyenin üstünde kalmasın.
Form gönderildikten sonra “Teşekkürler, sizi bugün arayacağız” gibi bir mesaj gösterin. Boş bir sayfa ya da hiçbir şey olmaması, kişiyi ikinci kez göndermeye iter.
Dokunma alanı ve menü
Düğmeler ve bağlantılar parmakla rahat basılacak büyüklükte olmalı; küçük bağlantılar yan yana dizildiğinde yanlış yere basılır. Menü telefonda hamburger düğmesine dönüşsün ama en önemli iki eylem (Ara, Form) menüye gömülmesin, her zaman görünsün. Altta sabit bir çubuk bu iş için iyi çalışır.
Yerel görünürlük: harita ve telefon
Veli çoğu zaman “yakınımdaki dershane” diye arar ve Google Haritalar sonucundan siteye geçer. Google İşletme Profili’nizde adres, çalışma saatleri, telefon ve site bağlantısı güncel olmalı. Profildeki “Yol tarifi” düğmesi ve “Ara” düğmesi, çoğu zaman siteye girmeden randevu getirir. Sitede de adres bir harita bağlantısı olsun; adrese basınca telefondaki harita uygulaması açılsın.
Sitenin alt kısmında kısa bir “Nasıl ulaşırım?” bölümü işe yarar: en yakın metro ya da otobüs durağı, servis varsa güzergâhı. Bu bilgiyi aramak için ayrı bir sayfaya gitmek isteyen yoktur.
Google ve mobil
Google, sitenizi dizine alırken ağırlıklı olarak mobil sürümüne bakar. Mobilde eksik içerik, gizli bölümler ya da yavaşlık sıralamada geri düşmenize yol açabilir. Bu nedenle “masaüstünde var, mobilde yok” bir bölüm olması iyi bir fikir değil. Search Console’da “Sayfa deneyimi” ve “Mobil kullanılabilirlik” raporlarına arada bir bakın; hata varsa orada görünür.
Güven unsurları küçük ekranda nasıl görünür?
Masaüstünde yan yana duran öğretmen fotoğrafları, telefonda alt alta uzun bir şerit olur. Her öğretmeni tek tek göstermek yerine yatay kaydırılan bir kart dizisi kullanın: fotoğraf, ad, branş. Veli yorumları için de aynısı geçerli. Uzun metinleri iki satıra kısaltıp “devamı” bağlantısı verin. Sertifika ya da kurum belgesi görseli varsa tam boy yerine küçük bir önizleme koyun, dokunulunca büyüsün. Telefonda her ek ekran yüksekliği, ziyaretçiyi biraz daha yoruyor.
Test: gerçek telefonla bakın
Bilgisayardaki tarayıcıda küçük pencere açmak yetmez. Kendi telefonunuzda, mümkünse iki farklı cihazda (biri eski) siteyi açın. Mobil veriyle açın, Wi-Fi’siz. Formu doldurun, numaraya basın, WhatsApp’ı açın. Çalışmayan bir yer varsa ilk veli de takılıyor demektir.
Sorulması gereken sorular: ilk ekranda ne görünüyor? Telefon numarasına basınca ne oluyor? Form gönderilince ne görüyorsunuz? Sayfa kaç saniyede açılıyor? Bu dört cevap sitenizin durumunu söyler.
Ne kadara yapılır?
Web sitesi paketlerimiz 15.000 ₺ (tek sayfa), 25.000 ₺ (5-7 sayfa tanıtım sitesi) ve 40.000 ₺ (sınırsız sayfa, blog ve gelişmiş SEO) fiyatlarıyla başlıyor; tüm fiyatlara KDV dahil değildir. Tüm sitelerimiz mobil öncelikli tasarlanıyor. Çalışma biçimimiz web tasarım sayfamızda, karşılaştırma fiyatlar sayfasında. Eğitim kurumları için hazırladığımız örnek yaklaşımı eğitim kurumları sayfasında bulabilirsiniz.
Dershane siteniz mobilde nasıl görünüyor, birlikte bakmak isterseniz iletişim sayfasından yazın ya da 0540 022 64 22 numarasını arayın.