Sitem mobilde kötü görünüyor
Bir mağazaya yapılan ziyaretlerin çoğu bugün telefondan geliyor ve görüntüleme hataları en çok orada maliyetli oluyor. İyi haber: nedenler azdır, gözle tanınır ve çoğu, sitenin geri kalanına dokunmadan stil dosyasında düzeltilir.
Dört hata, dört neden
- Sayfa yatay olarak kayıyor ve yana sürüklenebiliyor: bir öğe ekrandan geniştir, neredeyse her zaman bir tablo, bir görsel ya da piksel cinsinden sabit genişlikli bir blok.
- Metin çok küçük ve yakınlaştırmak gerekiyor: şablonda görüntü alanı etiketi eksiktir ya da yanlış ayarlanmıştır.
- Butonlar birbirine değiyor ve yanlış yere tıklanıyor: dokunma alanları çok küçüktür, bu yerleşimden çok boşluk hatasıdır.
- Menü açılmıyor ya da açılıp kapanmıyor: bu bir stil değil betik sorunudur.
Yatay taşma, bir numaralı hata
Fazla geniş tek bir öğe tüm sayfayı kaydırmaya yeter ve çoğu zaman görünmezdir: orijinal boyutunda yüklenmiş bir afiş görseli, kelime işlemciden yapıştırılmış bir sayfadan devralınan ürün özellik tablosu, sabit genişlikle gömülmüş bir video ya da bir modülün eklediği tanıtım bloğu.
Bulma yöntemi basittir ve ücretli araç gerektirmez: sayfayı bilgisayarda açın, pencere genişliğini telefon boyutuna kadar daraltın ve yatay kaydırma çubuğunun ne zaman belirdiğine bakın. Suçlu öğe tam o anda taşan öğedir. Bir mağazada bu, on kez dokuzunda temada değil yönetim panelinden girilen içerikte olur.
Mobilde yavaşlık ile mobilde bozukluk iki ayrı konudur
Birlikte ortaya çıktıkları için sıkça karıştırılır. Üç yüz piksel genişliğinde bir çerçevede gösterilen iki megabaytlık bir görsel yerleşimi bozmaz, ama sayfayı mobil bağlantıda yorucu hâle getirir ve yüklenirken içeriği kaydırır — sayfa deneyimi ölçümlerinin cezalandırdığı şey budur.
- Yerleşim hatası stil dosyasında düzeltilir: sınırları belli, saatle ölçülebilir bir iştir.
- Mobil performans hatası görsellerin, üçüncü taraf betiklerin ve yükleme sırasının yeniden ele alınmasını gerektirir: ayrı bir çalışmadır.
- Dokunma ergonomisi hatası teknik bir düzeltme değil bir tasarım kararıdır.
Doğru sayfadan devam edin
-
Tema değişiminden sonra CSS ve responsive hataları
Hatalar yeni bir PrestaShop temasıyla ortaya çıktıysa.
-
Sayfa oluşturucunun bozduğu yerleşim
Yerleşim görsel bir düzenleyiciden geldiğinde WordPress tarafındaki sık durum.
-
Ürün görsellerini optimize etmek
Sorun çerçevelemeden çok görsel ağırlığıysa.
-
Core Web Vitals
Sayfa deneyimi göstergelerinin mobilde gerçekte ne ölçtüğü.
İhtiyacınızı bir dakikada anlatın
Size bir anket daha değil, doğrudan bir tahmin sunabilmem için birkaç hedefli soru.