Sitem Mobilde Bozuk Görünüyor
Masaüstünde her şey yerli yerinde, telefonda sağa kayıyor, yazılar taşıyor, düğmeler birbirine giriyor. Ziyaretçilerin çoğunluğu telefondan geldiği için bu, kozmetik bir sorun değil — doğrudan satış kaybı.
Önce nerede bozulduğunu bulun
Tarayıcının geliştirici araçlarında telefon boyutuna geçmek çoğu sorunu ilk bakışta gösteriyor. Ama en sık şikâyet olan yatay kaydırma için daha hızlı bir yöntem var: sayfaya girip parmakla sağa kaydırın; boşluk açılıyorsa, o boşluğu bir öge itiyor demektir.
Sorunu çıkaran ögeyi bulmanın pratik yolu, geliştirici araçlarında ögeleri tek tek gizleyip taşmanın kaybolduğu anı yakalamak. Genelde tek bir öge sorumlu oluyor, birden fazla değil.
En sık altı sebep
1. Sabit genişlik verilmiş bir öge. width: 1200px gibi piksel cinsinden sabitlenmiş bir kutu, 390 piksellik telefonda taşıyor. Doğrusu max-width kullanmak.
2. Sığmayan tablo. Beş sütunlu bir tablo telefon ekranına sığmıyor. Tabloyu kendi içinde kaydırılabilir bir kutuya almak, sayfanın tamamını kaydırmaktan çok daha iyi.
3. Uzun ve kırılamayan metin. Boşluksuz uzun bir adres veya e-posta satırı kırılmadığı için kutuyu genişletiyor.
4. Boyutu belirtilmemiş görsel. Genişlik–yükseklik verilmemiş görseller yüklenirken yer kaplamıyor, yüklendiğinde altındaki içeriği aşağı itiyor. Ekranın “zıplaması” dediğimiz şey bu — arama motorları da bunu ölçüyor.
5. Sayfa kurucu ayarları. Elementor ve benzerlerinde her bölüm için ayrı mobil ayarı var: kenar boşluğu, sütun sıralaması, gizleme. Masaüstünde ayarlanıp mobil sekmesi hiç açılmadığında bozulma buradan geliyor.
6. Yapışkan üst menü. Mobilde ekranın önemli bir kısmını kaplayan sabit menü, içeriği görünmez hâle getiriyor. Yükseklik mobilde ayrıca ayarlanmalı.
Düzeltmeden önce
Canlı sitede doğrudan CSS değiştirmeyin. Değişiklik bir yeri düzeltip başka bir yeri bozabiliyor ve geri dönüş yolu olmadan bunu fark etmek zor. Önce yedek, sonra tek tek değişiklik, her adımdan sonra kontrol.
Bakıp söyleyeyim mi? Sitenizin mobil görünümünü inceleyip taşmanın kaynağını ve düzeltme sırasını çıkarabilirim. İletişim sayfasından ulaşın.
Sıkça Sorulan Sorular
Google mobil görünümü gerçekten önemsiyor mu?
Evet. Google siteleri mobil sürümleri üzerinden değerlendiriyor; masaüstünde mükemmel olması tek başına yeterli değil. İçeriğin zıplaması da ayrıca ölçülüyor.
Temayı değiştirsem çözülür mü?
Bazen, ama tema değişikliği en riskli müdahale. Sorun genelde temada değil, tek bir bölümün ayarında oluyor — önce onu aramak gerekiyor.
Mobilde ayrı bir site mi yapmalıyım?
Hayır, ayrı mobil site artık önerilmiyor. Tek sitenin ekran boyutuna göre uyum sağlaması (responsive) standart yaklaşım.
Mobilde ayrıca yavaş, ikisi bağlantılı mı?
Kısmen. Aynı ağır görseller hem düzeni bozup hem yavaşlatabiliyor — sitem çok yavaş açılıyor sayfasında bunu ayrı ele aldım.
Nasıl çalışıyorum?
Çalışma saati paketleri
WhatsApp’tan ya da telefonda sitenizden ve ihtiyacınızdan bahsedin; 5 ile 40 saat arasında bir çalışma paketinde anlaşalım, ben gerekenleri yapmaya başlayayım. Aldığınız şey bir takvim aralığı değil, doğrudan sizin işinize harcanacak net mesai. 40 saati üç gün aralıksız çalışarak da kullanabiliriz, bilerek zamana yayıp bir yılda da bitirebiliriz — işin gerektirdiği neyse o. İşin ne kadar süreceğini tahmin etmeye değil, işi yapmaya vakit harcarım; harcadığım her saatin sitenizde kalıcı bir karşılığı olur. Faydalı olduğunu düşündüğünüz sürece bu şekilde devam ederiz.
Neden aylık değil?
40 saat 1 hafta mı oluyor?
Aylık sabit ücrette iki taraf da yanlış yere bakar: siz sabit gidere, karşı taraf kaç tane daha böyle sözleşme bağlayabileceğine. Saat üzerinden çalışınca ikimizin de baktığı yer aynı olur — yapılan işin gerçek değeri. "Toplamda ne kadar tutar?" sorusunun peşinen net bir cevabı olmaması bu modelin doğal maliyeti, farkındayım. Ama sonuç üretmeyen bir yapıya aylarca sabit ücret ödemek yerine yalnızca işinize ayrılan nitelikli zamanı ödersiniz, o zamanın nereye gittiğini de baştan sona görürsünüz. Müşterilerimin benimle tekrar tekrar çalışmasının sebebi bu.