Tip:
Highlight text to annotate it
X
Merhaba.
Ben Maile Ohye.
Google'ın Web Yöneticisi destek ekibinde
geliştirici programları teknik müdürüyüm.
Google Web Yöneticileri YouTube kanalımızda yayınlanan önceki
videolarda, web sitesi geliştirme konusuyla ilgili çok şey söyledik.
Ama çoğunlukla bunlar, varsayılan olarak masaüstü web sitelerine yönelikti.
Bu videoda, tamamen mobil web konusunu ele alacağız
ve yüksek trafiğe sahip, kullanıcı deneyimi kötü olan mobil sayfaları
nasıl iyileştireceğimize odaklanacağız.
Konuyu daha iyi anlamak için, kullanıcıların günümüzde
mobil sitelerden en çok neleri beklediklerini öğrenmek amacıyla
Google Mobil Reklamlar blog'unda şu bilgiyi görüyoruz: "Kullanıcıların %50'si
bir işletmeyi beğense bile, web sitesi mobil kullanıma
uygun değilse siteyi daha az kullandıklarını
söylüyor."
Akıllı telefon arama sonuçları sıralamalarındaki değişikler
başlıklı Web Yöneticisi Merkezi blog'u yayınımızda,
çalışma arkadaşlarım Pierre Far ve Yoshikiyo Kato,
arama yapanlara kötü deneyim sunan web sayfalarına ilişkin akıllı telefon
sıralamalarındaki düşüşle ilgili ileri düzey uyarılar sağlıyorlar.
Genellikle bu kötü deneyimler, bir 404 sayfasına
veya ilgili mobil sayfa yerine ana sayfaya yapılan,
istenmeyen yönlendirmelerden ya da
sonsuz döngülerden kaynaklanmaktadır.
Bugün, akıllı telefon sitesi geliştirme üzerinde çok durmayacağız,
bunu çoğunuz yaptınız zaten. Daha çok,
mükemmel bir kullanıcı deneyimi oluşturma konusuna bakacağız.
Sitenizi iyileştirmek için yararlı olabilecek önkoşullar şunlardır:
web sitesi analizinin yüklenmiş olması
(Google Analytics'i kullanacağım) ve ayrıca
masaüstü ile mobil sitelerinizin sahibi olduğunuzu doğruladığınız
Web Yöneticisi Araçları.
Duruma göre yanıt veren bir web tasarımı kullanıyorsanız
sadece tek bir sitenin sahipliğini doğrulamanız yeterlidir.
Masaüstü ve mobil sayfalarınız için ayrı URL'leriniz varsa,
(www ve m. gibi), iki siteyi de doğrulamanız gerekir.
İşleme, sorunu tespit etmekle başlayalım.
Önce, mobil sitemizle ilgili üst düzey sorunlara göz atacağız.
Ardından, yüksek trafikli ancak kötü kullanıcı deneyimine sahip
bağımsız sayfaları işaretleme konusuna bakacağız.
Videonun ikinci yarısında söz konusu sorunlu sayfaların
iyileştirilmesine odaklanacağız.
Bu videonun amacına uygun olarak,
YouTube tişörtleri ve Android heykelcikleri gibi
Google hediyelik eşyalarının satıldığı bir e-ticaret sitesi
olan, www.googlestore.com adresindeki
Google Store'u yönettiğimi varsayacağız.
Bu siteyi kullanarak, sorunu tespit etmekle işe başlayacağız.
Şimdi analiz verilerimizi masaüstü ve mobil trafik
olarak segmentlere ayıralım.
Çok iddialı olsaydım tablet segmenti de oluşturabilirdim.
Google Analytics'te, Yeni Segment Oluştur'u seçin.
Teknoloji'yi seçip cihaz kategorisinde "şunu içerir" seçeneği için Masaüstü
filtresi belirleyerek bir masaüstü trafik segmenti oluşturun.
Mevcut bir ön ayar kullanılarak
mobil trafik segmenti oluşturulabilir.
Şimdi, analiz verilerime baktığımda,
mobil ve masaüstü ziyaretçilerinin davranışlarında
farklılıklar olduğunu görebiliyorum.
Sayfa düzeyinde sorunları bulmaya çalışmadan önce,
tüm mobil trafiğimizi etkileyen olası üst düzey
sorunları araştıralım.
Kitleye Genel Bakış'ta, masaüstü ve mobil trafik
segmentlerini belli bir tarih aralığına ayarlayıp
anormallikleri arayacağız.
Müşterilerimin ülkelerini ortalama cihaz bazında
karşılaştırdığımda, mobil trafiğin masaüstü trafiğe
kıyasla önemli ölçüde düşük olması bir anormallik olabilir.
155 bin ziyaretçiden oluşan mobil trafiğin, siteme gelen
tüm trafiğin yaklaşık %22'sini oluşturduğunu görebiliriz.
%22 değeri, mobil sitemin çok kötü
sorunlar yaşamadığına dair
iyi bir işarettir.
Ziyaretçilerim, mobil trafiğin, masaüstü trafiğin 1/5'i ilâ 1/3'ü
aralığında olduğu ülkelerden geliyor.
Yani %22 değeri yaklaşık olarak doğrudur.
Yine Kitleye Genel Bakış'ta, sitemizde mobil kullanıcıların
dönüş sayısının masaüstü kullanıcılara göre önemli ölçüde daha az
olup olmadığını kontrol edebiliriz ve bu aynı zamanda üst düzey
bir sorunun da işareti olabilir.
İki pasta grafikte, mobil ve masaüstü cihazlardan
yeni ziyaretçilerin ve geri gelen ziyaretçilerin
dökümü verilmektedir.
Sitemiz nispeten iyi görünüyor, çünkü yeni ve geri gelenlerin
mobil dağılımı masaüstü dağılımıyla
hemen hemen aynı.
Örneğin, mobil ziyaretçilerimizin sadece %5'i bu siteye
geri gelirken, masaüstünde bu oran iki kat olsaydı
bu durum bir soruna işaret edebilirdi.
Mobil sitemizle ilgili üst düzey sorunları
kontrol etmenin diğer bir yöntemi de masaüstü ve
mobil ziyaretçi akışını karşılaştırmaktır.
Masaüstünde, kullanıcılarımızın çoğunluğunun başlangıç sayfası
ana sayfamızdır.
Ardından, ziyaretçilerimizin %20'si /shop.axd/home adresinden
ana alışveriş sayfasını ziyaret etmekte, %53'ü ise ayrılmaktadır.
Mobil ziyaretçi akışı nispeten benzer ama
biraz daha düşük rakamlar gösteriyor.
Ana alışveriş sayfasına devam edenler, masaüstü
segmentindeki %20'ye kıyasla mobil ziyaretçilerde %12 olurken,
siteden ayrılanların oranı ise masaüstü ziyaretçilerin %53'üne
kıyasla mobil ziyaretçilerde %59'dur.
Ana sayfadan ayrılma istatistiği,
katılım açısından çok sağlıklı olmasa da
- ki bunu başka bir videoda ele alacağız -
mobil sitemize özgü çok önemli sorunlar
olduğunu göstermemektedir.
Şimdiye kadar, mobil sitemizde üst düzey bir
araştırma gerçekleştirdik.
Bir sonraki işlemimiz, yüksek trafikli ancak kullanıcı deneyimi
kötü olan bağımsız sayfaları işaretlemek olacak.
Bunu yapmak için Google Analytics'in
Açılış Sayfası bölümüne gidelim.
Açılış sayfaları, ziyaretçilerin ister Arama Ağı'ndan
ister web'deki bir bağlantıdan veya tarayıcıya adres yazarak
siteye ilk girdiği sayfadır.
Açılış sayfaları, sayfa görüntüleme sayılarına göre sıralanabilir,
bu da yüksek trafik sorunlarını bulmamıza yardımcı olur.
İlk olarak, ortalama mobil hemen çıkma oranını
ve masaüstü ile mobil hemen çıkma oranları arasındaki ortalama
farkı bulalım. Bu oran, bizim örneğimizde %7'dir.
Ortalama mobil hemen çıkma oranının belirgin düzeyde
üstünde olan veya mobil ve masaüstü hemen çıkma
oranları arasındaki ortalama farkın üzerindeki yüksek
trafikli sayfaları işaretleyeceğiz.
Mobil kullanıcılarım için ikinci en popüler açılış sayfasının
/You+Tube'daki YouTube kategori sayfası olduğu
anlaşılıyor.
Son birkaç ayda 9000'den fazla kişinin ziyaret ettiği
bu popüler sayfa maalesef ortalama mobil hemen çıkma
oranını ikiye katlıyor.
Daha sonra iyileştirmek üzere bu sayfayı işaretleyelim.
Açılış sayfalarımda, birkaç satır aşağıda,
/Accessories/Google+Watch+Set.axd için %87 ile
ortalama mobil hemen çıkma oranının dört katını görüyoruz.
Bu sayfayı da daha sonra iyileştirmek üzere işaretleyeceğiz.
Daha da kötüsü, bir kaç satır daha aşağıda,
/Google+Redesign/Wearables/Men+s+T+Shirts/page sayfası için mobil hemen çıkma oranının
masaüstüne göre üç kat fazla olduğu görülüyor.
Ortalama mobil hemen çıkma oranı, masaüstünden
yaklaşık %8 daha yüksek.
Ama bu erkek tişörtleri kategorisi sayfası için
bu değer üç kat büyük.
Bu sayfayı da işaretleyeceğiz.
Google Analytics Açılış Sayfaları'na ek olarak
mobil kullanıcıların davranışlarını izlemek için Etkinlikler'i kullanabiliriz.
Örneğin burada, bir mobil sayfada tam site bağlantısının
tı***ıp tıklanmadığını test etmek için
kullandığım kod var.
Tam siteye gitmek için yapılan tıklamaları takip etmek,
muhtemelen sayfanın mobil kullanıcı için istenenden daha az
kullanılabilirliğe veya işlevselliğe sahip olduğuna işaret eder.
Etkinlikler'den, belirli bir sayfa için bir etkinliğin sıklığına ilişkin
toplam bir görüntü elde edebilirsiniz.
Ustalaştıkça, "bize ulaşın", "telefon" veya
"e-posta" tıklamaları gibi mikro dönüşüm etkinliklerini
izlemek de faydalı olabilir.
Şu ana kadar, kullanıcıyı deneyimi kötü olan yüksek trafikli,
birkaç mobil sayfayı tespit ettik.
Bu videonun ikinci yarısında,
iyileştirmeler yapmak için farklı yaklaşımlara
odaklanacağız.
Biraz önce işaretlediğimiz şu üç sayfayı iyileştirmeye çalışacağız:
YouTube kategori sayfası, Google+Redesign Wearables
Erkek Tişörtleri kategori sayfası ve Aksesuarlar Google
Saat Seti bireysel ürün sayfası.
Özellikle mobil konusunda, iyileştirme
yapılabilecek en iyi yer, Davranış'ın altındaki
Site Hızı bölümüdür.
Bu, Site Hızı Sayfa Zamanlaması bölümünde,
bir sayfanın, site ortalamasına göre daha mı yavaş yoksa daha mı hızlı
yüklendiğini görebiliriz.
Varsayılan olarak, sayfa görünüm sayısına göre sıralama yapılır.
Böylece, yüksek trafikli sayfalardan hangilerinin aynı zamanda
ziyaretçiler için çok yavaş olduğu kolayca görülür.
Daha geçen hafta, bir arkadaşım ve meslektaşım olan
Nick Mihailovski ile birlikteydim. Kendisi Google Analytics ile
çok çalışmıştır. Toplam sayfa görüntüleme
sayısı bakımından en popüler üçüncü sayfa olan
YouTube Kategori Sayfası'nın yüklenmesinin
yaklaşık 20 saniye sürmesine, başka bir deyişle sitemin mobil
ortalamasından %350 daha yavaş olmasına çok şaşırmıştık.
Bu sayfanın hemen çıkma oranının yüksek olması,
anlaşılan performansının kötü olmasından kaynaklanıyor.
Mobil kullanıcıların 20 saniye bekleyecek kadar sabırlı
olduklarını düşünmek pek doğru olmaz.
Bu sayfayı iyileştirmek için bazı şeyleri hızlandırmamız
gerektiği açık.
Site Hızı Önerileri'nde YouTube Kategori Sayfası için
dokuz öneri listeleniyor.
Mobil kullanıcılarda kötü deneyimin nedeni genellikle sayfa hızıdır.
Başka bir nedeni de kullanılabilirliğin kötü olmasıdır.
Mobil sayfalardaki kullanılabilirlik sorunları hakkında tam bir
fikir edinmek için mümkünse ziyaretçilerinizin kullandığı
cihazlarla sitenizi görüntülemeyi ve
etkileşimde bulunmayı deneyin.
Ancak, müşterilerin cihazlarından edinemiyorsanız,
mobil kullanıcının nasıl bir görüntüyle karşılaştığına dair
genel fikir edinmenin kolay bir yolu Chrome Geliştirici Araçları'dır.
Ayarlar ve ardından Geçersiz Kılmalar bölümünde sayfayı
görüntülemek için farklı mobil kullanıcı aracılarını seçebilirsiniz.
Araştırmak için ikinci sayfamın URL'sini girdim:
/Google+Redesign/Wearables/Men+s+T+shirts.
Bu kategori sayfası, masaüstü ve mobil hemen çıkma oranları
arasındaki ortalama farkın üç katına sahip.
Kullanılabilirlik sorunlarını bulmak için,
istenmeyen yönlendirmeler, rahatsız edici pop-up pencereler,
çok küçük yazı tipleri veya düğmeler ve
kullanımı zorlaştırıcı başka şeylerin olup olmadığına
bakacağım.
Belirli bir ürünü tıkladığımızda,
sayfanın geniş, odaklanması ve kapatılması zor
bir pop-up pencere görüntülediğini
hemen fark ediyoruz.
Ayrıca, yazı tipi ve düğmeler de
bir mobil cihaz için fazla küçük.
Ama bir kategori sayfasındaki her öğe için büyük,
odaklanması ve kapatılması zor pop-up pencereler oluşturmanın
bu mobil sayfanın hemen çıkma oranının yüksek olmasına
önemli katkıda bulunduğunu düşünebiliriz.
Ayrıca, kullanılabilirlikle ilgili bu kötü deneyim
tüm kategori sayfalarımda olduğundan, iyileştirmeyi site
genelinde yapmayı tercih edeceğim.
Şimdiye kadar, hız ve kullanılabilirlik konusunu inceledik.
Şimdi de içeriğin iyileştirilmesinden bahsedelim.
İşaretlediğimiz yüksek trafikli, ancak kullanıcı deneyimi
kötü olan son mobil sayfa /Accessories/Google+Watch+Set.axd idi.
Bu ürün sayfasında Google logolu, sade bir
su geçirmez kol saati satılıyor.
Bu sayfayı, mobil hemen çıkma oranının ortalamanın dört katı
olması nedeniyle işaretledik.
Sayfayı bir mobil kullanıcı aracısıyla görüntülediğimizde
yüksek hemen çıkma oranına yol açacak olağandışı hiçbir şey görmüyoruz.
Örneğin sayfada, sitenin diğer kısımlarındakine benzer
küçük yazı tipleri ve düğmeler var.
Bunların iyileştirilmesi gerekse de, ana neden
bu olamayacak kadar geniş bir kullanımı var.
Ayrıca, rahatsızlık veren pop-up pencereler de yok,
dolayısıyla neden bu da olamaz.
Mobil hemen çıkma oranının neden bu kadar yüksek olduğunu
daha iyi anlamak için kullanıcının
/Accessories/Google+Watch+Set sayfasına gelme amacını
belirlemeye çalışalım.
Mobil ziyaretçilere göre bölümlenmiş Trafik Kaynakları'nda,
ikincil boyut olarak kaynağı ekleyebiliriz.
Sonra, pasta grafik görünümüne tıkladığımda,
bu sayfaya gelenlerin %82'sinin, mobil telefonlarını kullanarak
Arama Ağı üzerinden geldikleri görünüyor.
Arama sorguları amaca yönelik olduğundan,
doğrulanmış mobil sitemizin Web Yöneticisi Araçları
hesabına gidelim.
En Alakalı Sayfalar'ı seçelim ve mobil aramalara göre filtreleyelim.
/Accessories/Google+Watch+Set
sayfası En Alakalı Sayfalar'da en etkin sorgu olan Google Saat
ile birlikte listelenmektedir.
Bu sorguyu bir akıllı telefonda yaptığımızda
en üstteki arama sonucunun ağızlarda çok dolaşan
Google akıllı saati olduğunu görüyoruz.
İşte.
Yani arama yapan ortalama kişiler tıklayarak ürün sayfamıza
geldiklerinde, beklediklerini bulamadıkları anlaşılıyor.
Kullanıcıların çoğu Google logolu, suya dayanıklı kauçuk saatimizi değil,
ağızlarda dolaşan akıllı cihaz Google saatini görmek istiyor.
Mobilde, arama yapan ve memnun olmayanlar büyük olasılıkla
siteyi hemen terk edeceklerdir.
Masaüstünde ise, akıllı cihazı bulmak için başka sayfaları
deneyebilirler.
Sayfanın mobil deneyimini geliştirmek için,
daha nitelikli trafik getirebilirim.
Bazı seçenekler arasında, arama sonucunun
ürünü daha iyi tanımlayan bir sonuç olması için başlığı
veya meta açıklamayı düzenleme bulunmaktadır.
Öğeyi yeniden adlandırmayı da deneyebilirim.
Örneğin, Google Logolu Kol Saati adını verebilirim,
böylece arayan kişi açısından aradaki fark daha belirgin olur.
Bu son sayfayla birlikte, işaretlediğimiz sayfaların
tümünü ele almış olduk.
Mobil web sitenizi, müşterilerinizi mutlu edip hayal kırıklığına uğratmayacak şekilde
oluşturma ve iyileştirme konusunda ek kaynakları burada bulabilirsiniz.
İzlediğiniz için teşekkür ederiz.