Blogunuz Mobil Uyumlu Mu?


     Akıllı telefonların hayatımıza girmesiyle bilgisayar yerine telefonları daha fazla kullanır hale geldik. Mobil teknoloji bilgisayar ya da internet  kullanımızı değiştirmeye çoktan başladı bile. Mobil teknoloji dünyamızı ele geçirmeye başladı . 

     Bugün hemen hemen herkesin akıllı telefonu var ve sürekli internet üzerinden işlem yapılıyor. Birçok ülkede akıllı telefonların sayısı kişisel bilgisayar sayısını çoktan geçti. Hal böyleyken sitelerimizin , blogumuzun da mobil uyumlu olması oldukça önemli . 

     Sitemize giriş yapan misafirlerimiz çoğunluğu büyük ihtimalle mobil cihaz kullanıyordur. 


     Web siteleri neden mobil uyumlu hale getirilmelidir?

  • Bir web sitesinin masaüstü sürümü mobil cihazlarda tam görüntülenmeyebilir ve kullanımı daha zordur. Mobil uyumlu hale getirilmesiyle daha kolay okunabilir ve hızlı kullanılabilir.
  • Google aramalarının %60'ı mobil cihazlardan yapılıyor . ( Hitwise mobil arama araştırması)
  • İnternet kullanıcılarının çoğu akıllı telefon sahibi ve bunların %94 ü işlemlerini telefonlarından yapmakta 
  • Kullanıcıların mobil olmayan sitelerden çıkış yapması mobil uyumlu sitelere oranlar 5 kat daha fazla

Blogumu nasıl mobil uyumlu hale getiririm?

     Bu kısımda anlatacağım düzenleme blogger için mobil düzenlemedir. Bu; Popüler Sayfalar, Blog Arşivi, Öne Çıkan Yayın, Etiketler, Adsense Reklamı, Resim, Bağlantı Listesi, StatCounter veya başka herhangi bir eklenti olabilir. Yapılacak olan işlem tüm eklentiler (widget) için aynıdır. 

     
     Öncelikle blogger kontrol panelimizden tema komutunu seçiyoruz. 



     Ardından html 'yi düzenle diyerek kod alanına geçiyoruz. 



     Resimdeki gibi hangi gadget ta düzenleme yapılacaksa mobile='no' olan kısımlar mobile='yes' olarak değiştiriliyor. 

     Ben kod kısmında Ctrl+F tuş kombinasyonu ile mobile kelimesini aratıp no geçen tüm kısımları yes olarak değiştirdim.

      Ve şablonu kaydettim.

     

Tekrar tema kısmına geliyoruz.


Özelleştirme ayar düğmesine tıklıyoruz.


Karşımıza çıkan iletişim penceresinde  Evet. Mobil cihazlarda mobil tema göster seçeneğini işaretliyoruz. Dilerseniz mobil için farklı bir tema da seçebilirsiniz. İşleminizi bitirince kaydediyoruz. 

Şimdi size özel bir bilgi daha vereyim; Bir kodunuz var ve sadece mobilde görünsün istiyorsunuz. Yani masaüstü görünümde görünmesin ama mobilden girdiğimde bu widget'a eklediğim kodları göreyim diyorsanız mobile değişkenini 'only' yapmanız gerekiyor. mobile='only' şeklinde olacak. Böylece bu widget'ı sadece mobil görünümde göreceksiniz.