Mobil web sitesi iyileştirme için kontrol listesi ve videolar

10 Aralık 2013, Salı

Akıllı telefon web sitenizi geliştirmeye nereden başlayacağınızdan emin değil misiniz? Tüm tavsiyeleri nasıl önceliklendireceğinizi mi merak ediyorsunuz? Mobil web sitesi iyileştirmesine verimli bir yaklaşım sağlamaya yardımcı olacak bir kontrol listesi yayınladık. Kontrol listesindeki birçok konu ilgili bir iş vakasına veya araştırmaya bağlantı verirken, diğer konular Google Analytics ve Webmaster Tools verilerinin iyileştirme sürecinde nasıl işlevsel hale getirileceğini açıklayan bir video içeriyor. Aşağıda, tam kontrol listesinin kısaltılmış bölümleri yer almaktadır. Görmek istediğiniz başka bir şey varsa veya eklememizi istediğiniz başka konular varsa lütfen bize bildirin.

Adım 1: Müşterilerinizi hayal kırıklığına uğratmayı bırakın

• Tüm mobil kullanıcı aracıları için hantal ekstra pencereleri kaldırın |
  Google önerisi,
  En çok nefret edilen reklam teknikleri
• Kapatılması zor olabilen JavaScript açılır pencereleri.
• Özellikle uygulama indirmeye yönelik katmanlar (bunun yerine iOS 6+ Akıllı Uygulama Başlıkları veya eşdeğeri, yan navigasyon, e-posta pazarlaması vb. gibi bir başlık kullanmayı düşünün).
• Görev tamamlanmadan önce istenen anket talepleri.
• Cihaza uygun işlevsellik sağlayın
• Kullanıcının cihazında bulunmayan eklentiler veya videolar gerektiren özellikleri kaldırın (örneğin, Adobe Flash bir iPhone’da veya Android 4.1 ve üzeri sürümlerde oynatılamaz). |
  İş vakası
• Tablet kullanıcılarına masaüstü sürümünü (veya mevcutsa tablet sürümünü) sunun. |
  Araştırma
• Tam masaüstü deneyiminin mobil telefonlarda erişilebilir olduğunu ve seçildiğinde oturum süresince tam masaüstü sürümünde kaldığını kontrol edin (yani, kullanıcının her sayfa yüklemesinden sonra “masaüstü sürümü”nü seçmesi gerekmemelidir). |
  Araştırma
• Yüksek trafikli, kötü kullanıcı deneyimine sahip mobil sayfaları düzeltin
• Performansta hızlı düzeltmeler yapın (ve rekabetin gerisinde kalıyorsanız devam edin) |
  İş vakası
• “Müşterilerinizi hayal kırıklığına uğratmayı bırakın” bölümündeki tüm konuları görmek için lütfen tam
  Mobil web sitesi iyileştirme kontrol listesine bakın.

Adım 2: Görev tamamlamayı kolaylaştırın

• Tarama, dizine ekleme ve arama deneyimini optimize edin |
  İş vakası
• Robots.txt tarafından engellenen kaynakların (CSS, JavaScript) engelini kaldırın.
• Mobil uygulamanıza göre arama motoru en iyi uygulamalarını hayata geçirin:
• Duyarlı tasarım: CSS @media sorgusunu eklediğinizden emin olun.
• Ayrı mobil site: rel=alternate media ve rel=canonical etiketlerinin yanı sıra, Google’ın Yönlendirmeyi Atla özelliğini uygulamasına yardımcı olan Vary: User-Agent HTTP başlığını ekleyin.
• Dinamik sunum: Vary: User-Agent HTTP başlığını dahil edin.
• Siteniz için popüler mobil persona iş akışlarını optimize edin

Adım 3: Müşterileri hayranlara dönüştürün!

• Mobil uygulamalarla arama entegrasyon noktalarını değerlendirin |
  Duyuru,
  Bilgi
• Değer yaratmak için yeni yollar üzerine beyin fırtınası yapın
• Mağaza içi alışveriş yapanlar gibi mobil davranışlara göre inşa edin. |
  İş vakası
• Akıllı telefon GPS’inden, kamerasından ve ivmeölçerinden yararlanın.
• Paylaşımı veya sosyal davranışları artırın. |
  İş vakası
• Kaydırma, sallama, dokunma gibi sezgisel/eğlenceli dokunsal işlevleri değerlendirin.

Yazan:
Maile Ohye,
Geliştirici Programları Teknik Lideri