Mobil Dostu Bir Web Sitesi İçin 7 WordPress İpucu

Harika görünen bir masaüstü web sitesine ve düzgün çalışmayan bir mobil siteye sahip olmaktan daha kötü bir şey yoktur.

Çoğu tasarım düzeltmesi basittir ancak ziyaretçilerin bir mobil cihazda gezinirken sitenizde kalmasını istiyorsanız dikkat etmeniz gerekir.

Bu makale, yedi mobil uyumlu web sitesi sorununu ve bunlara yönelik düzeltmeleri vurgulayacaktır.

  • Yapılan(Mobile) Değişiklikler Mobilde(Are) Görünmüyor
  • Düşmanca Navigasyon
  • Duyarlı Düzen(Responsive Layout) Aniden Çalışmayı Durduruyor
  • Resimlerin Yüklenmesi Çok Uzun Sürüyor
  • En Önemli İçerik Açık Değil
  • Çok fazla bilgi
  • Küçük Ekranlar İçin Veriler

Mobil Uyumlu Web Sitesi Güncellemeleri Görünmüyor(Mobile Friendly Website Updates Not Showing Up)

Web sitenizde güncellemeler yapmak için çok zaman harcadınız. Masaüstünüzde harika görünürler ancak mobil cihazınızda görünmezler.

En yaygın nedenlerden biri önbelleğe almadır. Mobil tarayıcınız sitenizin daha önce indirdiğiniz eski bir sürümünü gösteriyor olabilir. Diğer bir neden de web sitenizin sayfanızın eski sürümünü elinde tutması ve değişikliklerinizi göstermemesi olabilir.

Sorun buysa, gözden geçirilmiş sürümü indirmek için önbelleği temizlemeniz gerekir. WP Super Cache , W3 Total Cache veya WP Fastest Cache gibi bir önbelleğe alma eklentisi bu sorunun çözülmesine yardımcı olabilir.

Aşağıda, yeni sürümün mobil uyumlu sitenizde gösterilmesini sağlamak için web sitenizin önbelleğini ve tarayıcınızı temizlemenize yardımcı olacak dört adım verilmiştir.

  1. Tarayıcınızı masaüstünüzde ve mobil cihazınızda birkaç kez yenileyin.
  2. Web sitenizi farklı mobil cihazlarda test edin.
  3. Önbelleğe alma eklentisi ile sitenizi temizleyin.
  4. Sunucunuzda temizlenmesi gereken başka bir önbelleğe alma sistemi olup olmadığını görmek için barındırma şirketinize danışın.

Düşmanca Navigasyon(Unfriendly Navigation)

Mobil cihazlarda iyi çalışan bir gezinme menüsü oluşturmak zor olabilir. Web sitenizin navigasyonunda çok sayıda öğe ve alt menü varsa, her şeyi daha küçük bir ekrana sıkıştırmak daha da zordur.

Örneğin, web sitenizin navigasyonunda yalnızca üç veya dört öğeniz varsa, mobilde iyi görünmelidir. Ancak daha fazla öğeniz ve alt menünüz varsa, bunlar üst üste yığılır ve kalabalık görünür.

Aşağıda(Below) , mobil uyumlu bir web sitesi için bu sorunu çözmenin birkaç yolu verilmiştir:

  • Navigasyonunuzu mobil cihazlar için bir açılır menüye dönüştürün.
  • Gezinme menünüzü blok öğeler olarak görüntüleyin, böylece dikey olarak görünürler.
  • Daha az yer kaplamak için değiştirilebilen bir menü simgesi kullanın.
  • jQuery kullanarak bir mobil gezinme menüsü oluşturun.
  • Hamburger menüsünü kullanın (Birçok tema bunu bir seçenek olarak içerir veya bir eklenti kullanabilirsiniz( use a plugin) .)

Duyarlı Düzen Aniden Çalışmayı Durduruyor(Responsive Layout Stops Working Suddenly)

Mobil uyumlu siteniz aniden çalışmayı durdurursa, bunun nedeni sitenizdeki bir eklenti olabilir.

Yeni bir eklenti veya mevcut bir eklentiye güncelleme yüklemek, duyarlı düzeninizi etkileyen diğerleriyle çakışmaya neden olabilir.

Sebep olup olmadığını görmek için her eklentiyi birer birer devre dışı bırakarak başlayın. Hepsini bir kerede devre dışı bırakmayın, yoksa hangi eklentinin suçlu olabileceğini bilemezsiniz.

Kod(Code) değişiklikleri başka bir olası nedendir. Herhangi bir kodu yanlışlıkla veya kasıtlı olarak değiştirdiyseniz, orijinal kod tabanını geri yükleyin ve duyarlı web sitenizin yeniden çalışmaya başlayıp başlamadığına bakın.

Sitenizi mobil yanıt verebilirlik açısından kontrol ederken, her zaman bir mobil cihazda test etmelisiniz. 

Bazen masaüstünüzde tarayıcı penceresini yeniden boyutlandırırken çalışıyor gibi görünüyor ancak mobilde düzgün görüntülenmiyor.

Bir HTML başlık dosyasında bir kod satırı eksikse, duyarlı tasarımı bozabilir. Bu tek satırlık eksik kod, mobil cihazınızın görüntülediğiniz sitenin tam boyutlu bir web sitesi olduğunu varsaymasına neden olur.

Oluşturulan site, görünümün boyutu olacaktır (web sayfasının kullanıcı tarafından görülebilen alanının boyutu).

Mobil uyumlu sitenizi düzeltmek için başlık bölümüne aşağıdaki kod satırını ekleyin:

<meta name=”viewport” content=”width=device-width”>

Bazen bir tema güncellendiğinde bu kod kaybolabilir.

Resimlerin Yüklenmesi Çok Uzun Sürüyor(Images Are Taking Too Long to Load)

Görüntüleri optimize etmek ve görüntü dosyası boyutunu küçültmek(reducing image file size) mantıklıdır. Optimize edilmemiş büyük resimler, web sayfalarınızın yüklenme hızını yavaşlatabilir. Bu, mobil kullanıcılar için sinir bozucu olabilir.

WordPress sürüm 4.4 ve üzeri, sunucunuzdaki bir görüntünün en küçük sürümünü otomatik olarak sunar.

Halihazırda WordPress'in(WordPress) en son sürümünü kullanıyorsanız ancak siteniz hala yeterince hızlı yüklenmiyorsa şunları yapabilirsiniz:

En Önemli İçerik Açık Değil(Most Important Content Isn’t Obvious)

Bazı web siteleri, masaüstünde açıldığında boş alanı doldurmak için birçok gereksiz içerikle yüklenir.

Mobil kullanıcıların bilincinde olmadan geliştirilen web siteleri genellikle bu kategoriye girer. Bu sitelerin yüklenmesi daha fazla zaman ve bant genişliği gerektirir.

Sayfalar mobil cihazlar için uygun şekilde tasarlanmadıysa, içeriğin bir kısmı çok fazla kaydırma olmadan mobilde görünmeyebilir.

Çoğu zaman, web sayfanızdaki bir öğe bilgisayarda tek yönlü ve mobil cihazda tamamen farklı görünür.

Örneğin, üç sütunlu bir fiyatlandırma sayfası, bunları bir bilgisayarda yan yana gösterecektir.

Ancak, bir mobil cihazda, ekran boyutu daha küçük olduğu için sütunlar üst üste yığılır. Bu davranış beklenebilir.

(Make)Mobil cihazlarda görüntülendiğinde ilk önce görünmesi için fiyatlandırma tablonuzun web sayfanızda en üst konumda olduğundan emin olun . Tablonuzun üzerinde çok fazla metin varsa, mobil kullanıcıların bunu görmek için aşağı kaydırması gerekir ve göremeyebilir.

En uygun mobil kullanıcı deneyimi için, en kritik içerik parçalarını sayfanın üst kısmına yerleştirin. Bir kullanıcının içeriğinizi görebilmesi için çok fazla kaydırma yapması gerekiyorsa, muhtemelen yapmayacaktır.

Çok fazla bilgi(Too Much Information)

Tablolar, çok adımlı formlar ve gelişmiş arama özellikleri gibi karmaşık kullanıcı arabirimi öğelerine sahip siteler, zayıf bir mobil kullanıcı deneyimine neden olabilir.

Bu öğeler, mobil ekranı doldurabilecek ve kullanıcının istediği bilgiyi bulmasını engelleyebilecek çok fazla bilgi içeriyor.

Bir yaklaşım, mobil kullanıcılardan bazı içerikleri kaldırmak veya gizlemek. Ancak bu, bu öğelere erişmek isteyen ziyaretçiler için ideal bir çözüm değildir.

Bu sorunu yaşamamak için mümkün olduğunca mobil uyumlu sitenizi optimize edin. Ayrıca, web sitenizin temel yapısına odaklanırken gereksiz öğeleri kaldırın.

Küçük Ekranlar İçin Veriler(Data For Small Screens)

Çok sayıda satır ve sütun içeren karmaşık tablolar, küçük mobil ekranlarda görüntülendiğinde sorun olabilir. En iyi düzeltme, duyarlı tablolar kullanmaktır.

WP Duyarlı Tablo( WP Responsive Table) gibi bir eklenti bunu başarmayı kolaylaştırabilir.

Yukarıdaki fiyatlandırma tablosunda olduğu gibi, bir mobil cihazda görüntülendiğinde sütunlar daha küçük ekrana sığacak şekilde yığılacaktır.

Verileri mobil cihazlarda göstermenin diğer yolları şunlardır:

  • Yatay kaydırma ihtiyacını ortadan kaldırmak için ızgara düzeni olmadan daha küçük bir tablo oluşturma.
  • Daha küçük bir ekrana daha iyi sığdırmak için bir masayı yan çevirerek.
  • Daha büyük tabloları tam sürüme bağlanan daha küçük olanlarla değiştirmek.
  • Tabloları pasta grafiklere dönüştürmek.

Mobil kullanım katlanarak arttığından, işletme web sitelerinin mobil uyumlu sürümlerle optimize edilmesi zorunludur. Yukarıdaki adımları izleyerek işlevsellikten ödün vermeden kullanıcı deneyimini geliştirin .(Enhance)

Ayrıca, sitenizin performansını her zaman izlemeli ve performansı ve kullanıcı deneyimini iyileştirmek için gerektiğinde ince ayarlar yapmalısınız.



Dilara Şen

About the author

Ben profesyonel bir yorumcu ve üretkenlik arttırıcıyım. İnternette video oyunları oynayarak, yeni şeyler keşfetmeyi ve teknoloji ihtiyaçları konusunda insanlara yardım ederek vakit geçirmeyi seviyorum. Xbox ile biraz deneyimim var ve 2009'dan beri müşterilerin sistemlerini güvende tutmalarına yardımcı oluyorum.


Related posts