Mobil Trafikte ki Yükseliş ve Responsive Tasarımın Önemi

Özellikle de son birkaç yıla baktığımız da neredeyse ortalama bir bilgisayarın gücüne yakın akıllı telefon ve tabletlerin çıkması ile beraber mobil ziyaretçi sayılarında büyük bir artış yaşandı. Akıllı telefon ve tabletlerin günümüz bilgisayarlarına oranla daha kolay taşınabilir olması ve her ortamda rahatlıkla kullanılabilmesi kullanıcılar için büyük bir avantaj sağlıyor. Bu yüzden son birkaç yılda insanlar internette gezinmek için telefon ve tabletlerini kullanmaya başladılar.

Daha önce nasıl masaüstü bilgisayarlar yerine dizüstü bilgisayarları tercih ediyorsak şuanda da benzer nedenlerden dolayı akıllı telefon ve tabletler tercih edilmekte. Özellikle de tabletlerin 10 saate varan uzun şarj ömürleri kullanıcıların ilgisini üzerine çekiyor.

Durum böyle olunca da mobil trafikte büyük bir artış meydana geldi ve bu durum arama motorlarının ilgisini çekti. Biliyorsunuz arama motorları için em büyük kriterlerden birisi de kullanıcı memnuniyeti ve kullanıcının site içerisinde kolay gezinebilmesidir.

Bildiğimiz gibi akıllı telefonların amiral gemileri hariç diğer telefonlarının ekran çözünürlükleri oldukça düşük boyutlarda, tabletlerinde ekran çözünürlükleri genellikle 1024px altında olduğu için bu cihazları kullanan ziyaretçilerimiz normal temalar kullanan sitelerde dolaşmakta oldukça zorluk çekiyorlar. Örnek bir zorluğu dağıtımını yaptığım Burakisci V4 teması üzerinde gösterelim.

Gördüğünüz gibi site yatayda çok geniş kalıyor ve alt tarafta yatay bir scrollbar ortaya çıkıyor. Diğer yandan bu görünümde aşırı görsel gösterimi oluyor ve sayfa açılış hızı oldukça yavaşlıyor. Diğer yandan bu fazla sayıda ki görsel ziyaretçinin yazıya odaklanmasını zorlaştırarak, okuma güçlüğü çekmesine neden oluyor. Diğer yandan sayfa ilk açıldığı zaman genel görünümde duruyor ve yazıyı okumak için kullanıcının ekstra bir yakınlaştırma yapması gerekiyor. Örneğin Burakisci V4 temasının kullanıldığı bir siteye telefon ile girildiğinde oluşan genel görünüm, burada kullanıcının sayfaya zorunlu olarak yakınlaştırma yapması gerekiyor;

Şimdi ise geçenlerde dağıtımına başladığım Bislog temasının görünümünü inceleyelim ve responsive özelliği sayesinde ziyaretçiye sağladığı faydaları inceleyelim.

Gördüğünüz gibi responsive özelliği bulunan Bislog temasını kullanan siteye giriş yaptığımızda oluşacak görünüm şekilde ki gibidir. Şimdi bu görünüm ziyaretçilere ne gibi bir fayda sağlayacağını inceleyelim. Öncelikle site açılışta bu görünüm ile karşınıza geliyor, yani bir önceki görselde olduğu gibi genel görünüm tarzı bir olay bulunmuyor. Diğer yandan ziyaretçinin hiçbir yakınlaştırma yapmasına gerek kalmadan yazılar gayet okunaklı gözüküyor, diğer yandan yatay bir scrollbar ortaya çıkmıyor ve ziyaretçinin sayfayı sağa veya sola kaydırmasına gerek bırakmıyor. Diğer yandan normal görünüme oranla kullanılan görsel oranı iyice azaltılmış, sayfanın mobil ziyaretçiler için açılış hızı yükseltilmiştir.

Durum böyle olunca responsive tasarım kullanan siteler özellikle de mobil aramalarda üst sıralarda çıkmaya başladılar. Başta Google Analytics olmak üzere birçok büyük analiz sitesi istatistik bölümlerinde mobil trafikler için ayrıntılı birçok filtre göstermeye başladı ve başta Matt Cutts olmak üzere birçok önemli isim responsive tasarımların ziyaretçiler için önemini defalarca belirtmişlerdir. Hem kendi analizlerim hemde yabancı SEO bloglarımdan gördüğüm kadarıyla responsive tasarım kullanan sitelerin özellikle de mobil ziyaretlerinde büyük bir artış olduğu, mobil ziyaretçilerin hemen çıkma oranlarında ise büyük bir düşüş olduğu gözleniyor.

Şimdi kendi blogum üzerinden mobil trafiğin artışını göstereceğim.

Öncelikle geçtiğimiz yılın 1-7 Temmuz aralıklı Analytics verilerimi inceleyelim.

Gördüğünüz gibi geçen yıl bu dönemlerde bloguma giren ziyaretçilerin %97,14’ü bilgisayarlar üzerinden bloguma bağlanmış. Geriye kalan ufak kısım içerisinden de %2,65 oranında ziyaretçi telefonlar üzerinden %0,21 oranında ki ziyaretçiler de tablet üzerinden bloguma giriş yapmış. Şimdi ise bu yılın 1-7 Temmuz aralıklı Analytics verilerini inceleyelim.

Geçtiğimiz hafta bloguma giren ziyaretçileri incelediğimiz de ise bilgisayarlar üzerinden bloguma giriş oranının %86,19’a gerilediğini telefondan girişlerin %12,50’ye tabletten girişlerin ise %1,31’e yükseldiğini görüyoruz.

Gördüğümüz gibi farklı yılların aynı dönemlerine ait incelediğimiz bu basit verilere göre telefonlarla bloguma giren ziyaretçi sayısında yaklaşık %10’luk bir artık meydana gelmiştir. Bilgisayardan bloguma giriş oranı ise yaklaşık %11 azalmıştır. Tabi bu oranlar sektörlere göre farklılık göstermektedir.

Örneğin bir eğlence, kadın, moda, sağlık bloglarında bu seviyelerin %50’ler civarında bulunduğuna şahit oldum. Benim gibi daha çok webmaster ve bilgisayar oyunları üzerine yani direk bilgisayar kullanıcılarına hitap eden bloglarda ise bu artık %10 civarında oluyor. Aynı zamanda Google’dan gelen mobil hitte de büyük bir artış meydana geldi, bu bilgiye dair verileri ise gelecek yazılarımda paylaşacağım.

Buralardan da gördüğümüz gibi responsive tasarımın ziyaretçi dolayısı ile de SEO açısından önemi büyüktür. Başta WordPress olmak üzere Blogger vs. birçok blog sistemine özel onlarca ücretsiz ve ücretli responsive tasarım bulunmaktadır. Eğer WordPress’de responsive bir tasarım ararsanız Bislog temasına göz atmanızı bir öneririm :)

Anlaşılan bu yazı çok uzadı, yazıyı daha da uzatmadan burada keseyim. Önümüzde ki yazıda bu konu hakkında bilgi vermeye devam edeceğim, ayrıca WordPress tema geliştiricileri için temalarını responsive yapımı hakkında bazı bilgiler vermeye çalışacağım.