Olabahis Rehberi: Casino Sitelerinde Mobil Uyumluluk Testi
Türkiye’de kullanıcıların büyük kısmı casino sitelerine telefondan giriyor. Farklı cihazlar, değişken internet kalitesi ve üçüncü parti oyun sağlayıcıları derken mobil uyumluluk tek bir testle bitmiyor. Bu rehber, Olabahis’te edindiğimiz saha deneyimine dayanarak pratik, tekrarlanabilir bir mobil uyumluluk yaklaşımı sunar.
Avuç İçi Haritası: Başparmak Geometrisiyle Hızlı UX Tarama
Oyun lobi navigasyonu, promosyonlar ve canlı destek butonları başparmağın rahat erişim bölgesinde olmalı. Tasarım kadar test de bunu doğrulamalı.
- Dokunma hedefi: Minimum 44x44 dp, aralarda 8–12 dp boşluk.
- Güvenli alanlar: Çentik ve alt çubuk için safe-area; iOS Safari adres çubuğu hareketini hesaplayın.
- Başparmak yolu: Ana CTA’lar alt bölgede, geri ve filtreler üst bölgede kalsın.
- Hata toleransı: Yanlış dokunuşlarda zararı minimize eden geri al/iptal akışları.
Gerçek Cihaz Matrisi: Türkiye Koşullarında Mikro Laboratuvar
Emülatörler fikir verir ama son sözü gerçek cihaz söyler. Türkiye’de yaygın senaryoları kapsayan küçük bir cihaz sepeti işinizi görür.
- Android: Orta segment (Samsung A serisi, Xiaomi Redmi), düşük segment tek cihaz.
- iOS: Son iki ana sürüm (ör. iOS 16–18 arası), küçük ve büyük ekran birer model.
- Tarayıcılar: Chrome, Safari, Samsung Internet; bir de in-app browser (Instagram/Facebook).
- Ağ profili: 4.5G normal, yoğun saat 3G simülasyonu; metroda zayıf çekim testi.
Lighthouse’tan Öte: Oyun İçi Ölçümler ve Core Web Vitals
Skor tek başına yetmez; gerçek oyuncu davranışını yakalayın. Hedef metrikleri netleştirin:
- LCP: 2.5 sn altı (lobi kahraman görseli veya kategori grid’i).
- INP: 200 ms altı (filtre, arama, oyun açma tıklamaları).
- CLS: 0.1 altı (sticky bar, bildirim, banner kaymaları).
- Oyun özel: “Lobi yükleme süresi”, “İlk spin/dağıtma zamanı”, “Sağlayıcıya geçiş süresi”.
Öneri: İlk ekranda görünen görselleri preconnect/preload ile besleyin, geri kalanı lazy-load edin; ancak ilk görünür alandaki elementleri lazy yapmayın.
İframe Senfonisi: Sağlayıcı Entegrasyonunda Kırılma Avı
Casino oyunlarının çoğu üçüncü parti iframe’lerde çalışır. Mobil uyumluluk burada detayda kazanılır.
- Çerezler: SameSite=None; Secure zorunlu. Safari ITP senaryolarını doğrulayın.
- Fullscreen/orientation: Dikey-yalnız oyunlarda yön kilidi, kenar boşlukları ve home bar çakışması.
- postMessage: Oturum yenileme, bakiye güncelleme, hata olayları için çift yönlü iletişim.
- Fallback: Oyunun açılmadığı durumlarda görünür ve geri dönüşlü hata ekranı.
Çekirdek Akışlar: Formlar, Kimlik ve 3D Secure’da Sürtünme Testi
Mobilde en çok kayıp, küçük form ayrıntılarından gelir.
- Klavyeler: Telefon için type=tel, IBAN/kart için nümerik klavye; otomatik büyük harf kapalı.
- Alan sırası: “İleri” tuşu ile sekans; klavye ekranı kapatınca odak kaybı olmamalı.
- Belge yükleme: Kamera/galeri izinleri, dosya boyutu ve yavaş ağda yükleme göstergesi.
- 3D Secure: Yeni sekme/iframe akışları, geri dönüş URL’si ve iptal senaryosu.
- In-app browser: Ödeme sağlayıcıların engellediği tarayıcılarda kullanıcıyı sistem tarayıcısına yönlendirme.
Görsel Denge Oyunu: CLS ile Sticky Elemanları Barıştırmak
Mobilde en masum değişiklik bile kayma yaratabilir.
- Yer tutucu yükseklik: Banner ve kartlar ratio sabit; img için width/height veya aspect-ratio.
- Web fontları: font-display=swap ve metrik uyumlu fallback ile metin zıplamasını önleyin.
- Sticky başlık/altlık: Oyun kartlarının üstünde sabit boşluk; klavye açılınca çakışma testi.
- Çerez/izin bantları: İlk boyama öncesi alan rezervasyonu; kapanınca yumuşak geçiş.
Erişilebilirlik ve Yerelleştirme: Türkçe’de Piksel Tuzu
Erişilebilirlik, dönüşüm dostudur.
- Kontrast ve boyut: Metin 16px ve üzeri, AAA zorunlu olmasa da AA hedeflenmeli.
- Odak halkası: Klavye ile gezinmede net odak; modal açılınca odak tuzaklanmalı.
- Dil/biçim: lang="tr-TR", tarih/saat ve para birimi yerelleştirmesi.
- Hareket azaltma: prefers-reduced-motion destekleyin; görsel efektleri kısma seçeneği.
Yarım Saatte Foto-Finiş: 30 Dakikalık Mobil Uyum Kontrol Listesi
- Viewport ve meta etiketlerini doğrula (width=device-width, initial-scale=1).
- Ana sayfa lobi: LCP/CLS hızlı ölç, görsel preconnect/preload kontrolü.
- Filtre/arama: INP ölç, başparmak erişimi ve klavye etkileşimi.
- Bir slot ve bir canlı oyun aç: Yüklenme süresi, tam ekran, yön kilidi.
- Bakiye güncelleme ve oturum yenileme: postMessage olayları izleniyor mu?
- 3G emülasyonu ile tekrar: Kırılan görsel/JS var mı, iskelet ekranlar çalışıyor mu?
- Sticky elemanlar ve çerez bandı: CLS ve tıklanabilirlik.
- In-app browser’da ödeme akışı: Sistem tarayıcısına geçiş önerisi.
- Hata durumları: Zayıf ağda iptal/tekrar dene akışı.
SEO Yan Notları: Mobil-Öncelikli Dizin ve İçerik Paralelliği
Google mobil-öncelikli indeksliyor; masaüstü ve mobil içerik eşdeğer olmalı.
- İçerik paritesi: Lobi kategorileri, metinler ve linkler mobilde gizlenmemeli.
- Lazy load: SEO kritik görseller için noscript yedeği; LQIP veya blur-up yaklaşımı.
- Yapısal veri: BreadcrumbList, FAQ (yardım merkezi için), Organization bilgileri.
- Sayfa deneyimi: Vitals hedeflerini tuttur; istilacı interstitial’lardan kaçın.
- Teknik temel: Canonical, hreflang tr-TR, robots ve site haritaları tutarlı.
Üretimde Sessiz İz: Gerçek Kullanıcı Verisi ve Hata Günlükleri
Laboratuvar verisi başlangıçtır; kararları gerçek kullanıcı verisiyle doğrulayın.
- RUM: GA4 veya alternatifleriyle LCP/INP/CLS’i saha verisi olarak toplayın.
- Hata takibi: Sentry/TrackJS ile cihaz-tarayıcı kırılımlarını görün.
- Performans bütçesi: JS/CSS boyutu ve istek sayısına üst sınır koyun; ihlalde alarm üretin.
Son Söz: Mobil Uyum Bir Kez Değil, Ritm İşidir
Casino deneyimi dinamik: yeni kampanya, yeni oyun, yeni cihaz… Mobil uyumluluk tek seferlik görev değil, sprint ritmine gömülü bir kontrol listesi işi. Yukarıdaki adımları küçük ama düzenli döngülerle uyguladığınızda, hem oyuncu memnuniyeti hem de SEO performansı birlikte yükselir.