Geçenlerde bir otel sahibiyle görüşüyoruz. "Bizim siteye bir baksana, emeğe bak" diyor gururla. Açıyorum, masaüstünde gerçekten şık, büyük sliderlar, detaylı menüler, havuz başı fotoğrafları... Sonra cebimden telefonu çıkarıp aynı adresi yazıyorum. Ekranda minicik harfler, sağa sola kaydırmaya çalışırken parmağımın altından kaçan butonlar, üst üste binen yazılar, dakikalarca dönüp yüklenemeyen görseller. Adamcağızın yüzü düşüyor, "Valla hiç telefondan bakmamıştım" diyor. İşte tam da bu cümle, son beş yılda onlarca kez kulağıma çalındı. Çünkü hâlâ birçok işletme web sitesini masaüstü bilgisayarda açıp karar veriyor, müşterisinin cebinde nasıl göründüğüne bakmayı akıl etmiyor. Oysa artık ziyaretçilerinizin büyük bölümü size cepten bakıyor ve mobil uyumlu web sitesi olmayan bir işletme, vitrinini kapatmış dükkândan farksız.
Kobimedya olarak 20 yıldır bu sektörün içindeyiz. Masaüstünde şahane görünüp telefonda içler acısı hale gelen sitelerin, nice bütçelerin, nice emeklerin çöpe gidişini seyrettik. Daha kötüsü, bu sitelerin arkasındaki işletmelerin "ama sitemiz var işte" yanılgısıyla müşteriyi sessiz sedasız kaybettiğini gördük. Şimdi gelin, bu işin neden "olsa iyi olur" değil de "olmazsa olmaz" olduğunu, mutfaktan çıkmış bir gözle anlatalım.
Trafiğin Büyük Bölümü Mobil: Bu Tablo Ne Söylüyor?
Google Analytics hesabınıza girip son bir yılın cihaz dağılımına bakmanızı tavsiye ederiz. Yüksek ihtimalle masaüstü trafiğiniz yüzde otuz bandında, geri kalanı mobil ve tablet arasında paylaşılmış durumda. Sektörden sektöre ufak farklar olsa da turizmden e-ticarete, kurumsal hizmetlerden restoranlara kadar hemen her alanda mobil trafik ağırlığı açık ara önde. Bu bir trend falan değil; insanların internete erişme biçimi temelli değişti. Sabah kahvaltıda telefonla otel araştıran, öğle arası bankta telefonla alışveriş sepeti dolduran, akşam yatakta telefonla hizmet sorgulayan bir kitleye hitap ediyorsunuz.
Peki bu size ne kaybettiriyor? Şöyle düşünün: İşletmenizin fiziksel bir mağazası var ve her gün kapıdan giren müşterilerin büyük bölümü, içeri adım atar atmaz rafları göremiyor, tezgâha ulaşamıyor, kasadaki görevliyle iletişim kuramıyor olsa ne yapardınız? Herhalde dükkânı hemen tadilata sokardınız. Mobil uyumlu olmayan bir web sitesi tam olarak bu noktada. Gelen ziyaretçi sitenizde kalma zahmetine bile katlanmıyor, geri tuşuna basıp rakibinize geçiveriyor. Ve siz tüm bu kaybı çoğu zaman fark etmiyorsunuz; çünkü site raporunu masaüstünden açıp "site çalışıyor, trafik var" diye avunuyorsunuz.
Google'ın Mobil Öncelikli Dünyası ve Sıralama Gerçeği
Bu noktada devreye Google giriyor. Google yıllardır web sitelerini indekslerken sitenin masaüstü sürümünü değil, öncelikli olarak mobil sürümünü baz alıyor. Buna "mobile-first indexing" deniyor. Yani sizin siteniz masaüstünde dört dörtlük olsa da Google, sıralamada sizi değerlendirirken mobilden gördüğüne bakıyor. Mobilde içerikleriniz eksik mi, butonlarınız tıklanamayacak kadar küçük mü, yazılar okunmuyor mu, sayfa yavaş mı açılıyor? O zaman ne kadar kaliteli içerik üretirseniz üretin, rakip sitelerin altında kalmaya mahkûmsunuz.
Üstelik Google'ın işi bitmiyor. Kullanıcı deneyimi sinyalleri dediğimiz bir şey var: mobilde sitenize giren kullanıcı ne kadar hızlı terk ediyor, kaç sayfa görüntülüyor, form dolduruyor mu? Tüm bu davranışlar sıralamanızı etkiliyor. Kobimedya olarak yıllardır gördüğümüz şey şu: mobil uyumlu hale gelen sitelerin organik trafiğinde kısa sürede belirgin bir canlanma yaşanıyor. Bu sihir falan değil; Google'ın nihayet sizi doğru değerlendirmeye başlaması sadece.
Mobilde Kaybolan Sepetler, Dolmayan Formlar
Şimdi işin doğrudan cebinize dokunan kısmına gelelim. Masaüstünde güzel güzel sepete ürün ekleyen müşteri, mobilde neden vazgeçiyor? Ya da restoran sitenizin rezervasyon formu neden beklediğinizden az dönüş alıyor? Sebebi çoğu zaman tasarım değil, kullanım zorluğu. Telefonda tek eliyle siteyi gezen bir kullanıcı, başparmağının ulaşamadığı bir "Sepete Ekle" butonuyla uğraşmak istemiyor. Doğum tarihi seçmesi gereken bir takvim alanı, mobilde ekranı kaplayıp kapatılamadığında o form doldurulmuyor. Ödeme adımında kart bilgilerini girerken her kutucuğa tek tek tıklayıp zoom yapmak zorunda kalan kullanıcı, işlemi yarıda bırakıp çıkıyor.
Bunlar ufak detaylar gibi görünür ama işletmeye maliyeti büyüktür. Müşteri sizinle çalışmaya, sizden almaya karar vermiş, parayı ödeyecek noktaya kadar gelmiş, ama sırf siteniz mobilde onu zorladığı için vazgeçmiştir. Dijital pazarlamanın en acı verici kaybı budur: ikna edilmiş, karar vermiş müşteriyi son adımda kaçırmak. Üstelik bu yetmezmiş gibi, aracı platformların (örneğin Booking.com, Yemeksepeti, Trendyol gibi) mobil uygulamaları ve mobil siteleri son derece kullanıcı dostuyken, kendi sitenizde aynı deneyimi sunamamanız, müşteriyi sürekli bu platformlara teslim etmek anlamına gelir. Her bir aracı komisyonu, aslında mobil uyumlu olmayan sitenin sessiz faturasıdır.
Responsive Tasarım ile Ayrı Mobil Site Arasındaki Fark
Burada sık yapılan bir kafa karışıklığını giderelim. Mobil uyum dendiğinde akla iki farklı yol gelir: responsive (duyarlı) tasarım ve ayrı mobil site. Ayrı mobil site, "m.siteadresi.com" gibi ayrı bir adreste çalışan, masaüstü siteden bağımsız bir yapıdır. Eskiden yaygındı, ancak bugün birçok açıdan dezavantajlı: içerikler iki ayrı yerde yönetiliyor, SEO açısından baş ağrıtıyor, Google'ın mobil öncelikli indekslemesinde kafa karışıklığı yaratıyor. Hele hele bazı işletmelerde görüyoruz, masaüstü siteye yazı eklenmiş, mobil site unutulmuş; iki farklı dünya oluşmuş.
Responsive tasarım ise tek bir sitenin, tek bir kod tabanı üzerinden her ekrana uyumlu hale gelmesidir. Ekran genişliği ne olursa olsun tasarım kendini yeniden düzenler; menüler hamburger simgesine dönüşür, görseller boyutlanır, yazılar okunaklı kalır, butonlar başparmağın rahatça ulaşabileceği yerlere konumlanır. Google'ın da açıkça tavsiye ettiği yöntem budur. Kobimedya olarak yıllardır responsive tasarımdan yanayız; sebebi sadece SEO değil, işletmenin tek bir siteyi güncellemesinin, yönetmesinin, büyütmesinin operasyonel olarak da daha sürdürülebilir olması.
Mobilde Hız: Tahammül Saniyelerle Ölçülüyor
Mobil uyumlu bir web sitesinden bahsederken sadece görünümden bahsettiğimizi sanıyorsanız, işin yarısı eksik. Mobilde sayfa hızı, masaüstüne kıyasla çok daha kritik. Kullanıcı otobüs beklerken, kafede otururken, yolda yürürken sitenize giriyor ve genelde mobil veri bağlantısı Wi-Fi kadar güçlü olmuyor. Sayfanız gereksiz büyük görsellerle, optimize edilmemiş videolarla, şişirilmiş kodlarla doluysa o kullanıcı sayfanın açılmasını beklemeyecek, gidecek. Mobilde kaybedilen her bir saniye, dönüşüm oranlarını aşağı çekiyor.
Bu konuda işletmelerin düştüğü en büyük tuzaklardan biri şu: "Site görsel açıdan çok zengin olsun, büyük büyük fotoğraflar koyalım" talebi. Evet, görsellik önemli. Ama bu görseller düzgün sıkıştırılmazsa, lazy loading (tembel yükleme) denen teknikle ekrana gelmeden yüklenmesi engellenmezse, farklı ekranlar için farklı boyutlarda sunulmazsa, o güzelim fotoğraflar sitenizin başına bela olur. Mobil uyumluluk dediğimiz şey, görselliği korurken teknikten ödün vermemeyi gerektirir. Bunu başarmak için tasarım ve yazılımın birlikte düşünülmesi, görsel zenginlik ile performansın aynı potada eritilmesi gerekir.
Kobimedya Vizyonu
Sektörde 20. Yılımız
Form, Buton, Menü: Mobilin Küçük Dev Detayları
Mobil uyumlu bir web sitesi tasarlarken en çok dikkat edilmesi gereken şeylerden biri, dokunmatik etkileşimdir. Farenin hassas imleciyle tıklanan o küçücük oklar, minik "x" kapatma butonları, daracık açılır menüler, parmakla kullanıldığında kabusa dönüşür. Başparmağın kapsama alanı düşünülmeden yerleştirilen bir buton, yanlışlıkla başka bir linke tıklanmasına yol açar; kullanıcı sinirlenir, terk eder. Mobil tasarımın altın kurallarından biri şudur: dokunmatik hedefler parmakla rahat tıklanacak büyüklükte olmalı, tıklanabilir alanlar arasında yeterli boşluk bulunmalı, en önemli eylemler başparmağın doğal ulaşım alanı olan ekranın alt yarısına konumlanmalıdır.
Aynı şey formlar için de geçerli. Masaüstünde on alanlı bir formu doldurmak kolay olabilir; mobilde ise her bir alan zahmettir. Bu yüzden mobil öncelikli düşünen bir tasarım, form alanlarını minimuma indirir, klavye türünü alana göre otomatik seçer (e-posta alanına tıklandığında '@' işareti klavyede hazır gelir mesela), doğrulama mesajlarını anlaşılır ve hızlı gösterir. Telefon numarası alanına tıklandığında rakam klavyesinin açılması gibi basit gibi görünen ama kullanıcıyı rahatlatan dokunuşlar, dönüşüm oranlarını ciddi şekilde etkiler. Kobimedya olarak projelerimizde bu detaylara harcadığımız mesai, müşterilerimizin form doldurma oranlarında açıkça karşılığını buluyor.
İçerik Mobilde Nasıl Tüketiliyor, Buna Göre Ne Yapmalı?
Mobil kullanıcı masaüstü kullanıcısı gibi okumaz. Sabah akşam, bekleme salonlarında, asansör önünde, ayaküstü tüketir içeriği. Uzun paragrafları tarar, ara başlıklara göz gezdirir, madde işaretlerini sever. Bu yüzden mobil uyumlu bir web sitesi sadece teknik değil, içerik açısından da mobil kullanıcıya göre kurgulanmalıdır. Kısa, net, alt başlıklarla bölünmüş, görsellerle desteklenmiş içerikler mobilde hem okunurluğu artırır hem de kullanıcıyı sitede tutar.
Buna ek olarak mobil kullanıcı aksiyon odaklıdır. "Hemen Ara", "Rezervasyon Yap", "Yol Tarifi Al" gibi butonlar, masaüstünde menülerin arasında kaybolabilirken mobilde ekran başında parmağın altında hazır olmalıdır. İyi bir mobil tasarım, kullanıcıya düşünme fırsatı vermeden onu istediği aksiyona yönlendirir. Bunu yaparken agresif olmamak, kullanıcıyı bunaltmamak da önemli; dengeyi kurabilmek tecrübe ister.
"Bizim Yeğen Halleder" Zihniyetinin Mobildeki Faturası
Sektörün en büyük kanayan yaralarından biri, işini bilen profesyoneller yerine "ben bu işi ucuza hallederim" diyerek konuyu eşe dosta, yeni mezun kuzenlere, "hazır şablon takarım" kafasındaki amatörlere emanet etmek. Hazır şablonların bir kısmı responsive etiketiyle sunulsa da içerik girildikçe, eklentiler yüklendikçe, görseller eklendikçe mobil uyumlulukları süratle bozuluyor. Üstüne bir de güvenlik açıkları, yavaşlık, güncelleme sorunları ekleniyor. İlk başta ucuz görünen bu çözüm, sonradan kaybedilen müşterilerle birlikte gerçek maliyetini acı şekilde gösteriyor.
Unutmayın: mobil uyumlu bir web sitesi, sadece bugünün değil yarının da ihtiyacı. Ekran boyutları değişiyor, katlanabilir telefonlar çıkıyor, tabletler çeşitleniyor. İyi kurgulanmış bir responsive altyapı, bu değişimlere kendiliğinden ayak uydurur. Amatör bir iş ise her yeni cihazda, her yeni tarayıcı güncellemesinde sorun çıkarmaya adaydır. Dijital varlığınız sürekli canlı, sürekli güncel, sürekli çalışır durumda olmak zorunda. Bunu sağlamanın yolu da bu işi profesyonel olarak yapan, işin arkasında duran bir ekiple çalışmaktan geçiyor.
Kobimedya'nın Mobil Öncelikli Tasarım Yaklaşımı
Kobimedya olarak bir projeye başlarken işe masaüstü tasarımla değil, mobil tasarımla başlıyoruz. Çünkü biliyoruz ki bir site mobilde iyi çalışıyorsa, masaüstüne uyarlamak çok daha kolaydır. Tersi ise hep sancılıdır; masaüstünde mükemmel olan bir tasarımı mobilden toparlamaya çalışmak, sürekli ödünler vermeyi, sürekli "idare eder" demeyi gerektirir. Biz bu zihniyeti reddediyoruz.
Önce işletmenin hedef kitlesini, onların mobil davranışlarını, siteden beklentilerini anlamakla başlıyoruz. Ardından içerik hiyerarşisini mobil bakışla kurguluyoruz: İlk bakışta ne görünmeli, butonlar nerede durmalı, hangi bilgi öne çıkmalı? Tasarım bu hiyerarşi üzerine inşa ediliyor. Kodlama aşamasında performansı önceliklendiriyor, görselleri en uygun format ve boyutlarda sunuyor, sayfa yüklenme sürelerini minimumda tutuyoruz. Test aşamasında onlarca farklı cihaz, ekran boyutu ve tarayıcıda kontrollerimizi yapıyoruz. Sonuç: açıldığı ekran ne olursa olsun tutarlı, hızlı, güvenilir çalışan bir web sitesi.
İş bununla da bitmiyor. Site yayına alındıktan sonra da Google Search Console ve analitik verilerini izliyor, mobil kullanıcı deneyimini sürekli iyileştiriyoruz. Mobil uyumluluk statik bir özellik değildir; Google algoritmaları değiştikçe, kullanıcı beklentileri evrildikçe sitenizin de ayak uydurması gerekir. Kobimedya olarak müşterilerimize sunduğumuz değerin temelinde bu süreklilik yatar; bizimle çalışan işletmeler "yaptık bitti" değil, "yaptık ve yürümeye devam ediyor" güvencesini bilir.
Dijital dünyada vitrininiz web sitenizdir. O vitrine her gün girenlerin büyük bölümü cepten bakıyor. Cebinizden çıkarıp kendi sitenize bir bakın. Yazılar okunuyor mu, butonlar çalışıyor mu, sayfa makul sürede açılıyor mu? Cevabınız "eh işte" ise, o "eh işte" her ay cironuzdan sessizce bir şeyler eksiltiyor demektir. Mobil uyumlu bir web sitesi lüks değil, günümüzün en temel iş gereksinimidir. İşletmenizin taş duvarlarına, tabelasına, basılı broşürüne gösterdiğiniz özeni dijital vitrininizden esirgemeyin. Çünkü müşteriniz çoktan cebine taşındı; sıra sizde.
Web Sitesi: kobimedya.com
