Başlarken

Mobil cihazlar için site oluştururken bilmem gereken en önemli üç şey nedir?

1. Müşterilerin işini kolaylaştırın.

Sitenizdeki ziyaretçilerin amaçlarını tamamlamalarına yardımcı olun. Ziyaretçileriniz blog yayınlarınızla eğlenmek, restoranınızın adresini almak veya ürünlerinizle ilgili yorumlara göz atmak isteyebilirler. Walgreens'de GVP ve e-ticaret konusunda Baş Teknoloji Yöneticisi Abhi Dhar şu açıklamayı yapıyor: “Mobil siteyle ilgili tüm çalışmalarımızı, müşterilerimizin hayatını kolaylaştırmak amacıyla yapıyoruz.”

Sitenizi, görev tasarımından sitenizi ziyaret etmeye ve görevi tamamlamaya kadar, müşterilerinizin en sık yaptıkları görevleri kolayca tamamlayabilecekleri biçimde tasarlayın.

Müşterilerinizin gerçekleştireceği potansiyel adımlarının ana hatlarını çıkarın ve bu adımların mobil bir cihazda kolayca tamamlanabileceğinden emin olun. Deneyimi basitleştirmeye ve kullanıcı etkileşimlerinin sayısını azaltmaya çalışın. Bu örnekte: (1) müşteri satın alacağı lambalar için arama yapar ve bir siteyi tıklar; (2) lamba seçeneklerine göz atar ve (3) istediği lambayı satın alır.

2. Mobil müşterilerinizin yaygın görevleri ne kadar kolaylıkla tamamladıklarına bakarak web sitenizin etkinliğini ölçün.

Mobil site oluşturmak için önceliklendirme yapmak gerekir. Mobil ortamda müşterileriniz için en önemli ve en yaygın kullanılan görevlerin neler olduğunu öğrenerek başlayın. Bu görevlerin desteklenebilmesi çok önemlidir. Bu yüzden, mobil sitenizin ölçütü, müşterilerin yapmak istedikleri şeyleri ne kadar iyi yapabildikleri olarak değerlendirilir. Site tasarımınızı, kullanım kolaylığını destekleyecek şekilde yapmanın da yolları vardır. Arayüzünüzde tutarlılığa ve platformlar arasında birleşik bir deneyim sağlamaya odaklanın.

MediaPost'a göre "Konu mobil alışveriş sitelerine gelince, araştırmaya cevap verenlerin %48'ine göre, mobil alışveriş yapanların en önem verdiği özellik, ziyaret ettikleri sitenin kullanım kolaylığıdır".

3. Tüm cihazlarda tutarlı bir mobil şablon, tema veya tasarım seçin (bir başka deyişle, duyarlı web tasarımı kullanın).

"Duyarlı web tasarımı" (DWT), kullanıcı masaüstü bilgisayar, tablet veya mobil telefonun hangisinde olursa olsun, sayfanın aynı URL'yi ve kodu kullanması, ancak görüntünün ekran boyutuna "duyarlı" olarak ayarlanması anlamına gelir. Google, diğer tasarım kalıpları yerine DWT kullanılmasını önerir. DWT kullanmanın yararlarından biri de, sitenizin iki değil sadece bir sürümünü yönetmek gerekmesidir (yani, www.example.com adresinde masaüstü sitenin ve m.example.com'da mobil sürümünü yönetmek yerine hem masaüstü hem de mobil ziyaretçiler için www.example.com gibi tek bir siteyi yönetirsiniz).

Duyarlı site, aynı URL'yi ve kodu kullanarak görüntüyü farklı ekran boyutlarına göre ayarlar. Mobil sayfanın m.example.com, tablet sayfasının t.example.com vb. kullanması yerine yukarıdaki üç cihaz da www.example.com'u kullanır.

DWT kullanımı, Baines & Ernst'e birden fazla web sitesi oluşturmadan, site deneyimini farklı ekran boyutlarında optimize etme olanağı sağladı. Ziyaretçilerin, ziyaret başına %11 daha fazla sayfada gezindiklerini ve mobil dönüşümlerin %51 arttığını fark ettiler."

“Dönüşümler”, bir müşteri ürün satın alma, şirkete telefon etme veya bültene abone olma gibi istenilen bir eylemi yerine getirdiğinde gerçekleşir.

Duyarlı web tasarımının nasıl uygulanacağı konusundaki ayrıntılar için Web'in Temelleri'ndeki geliştirici içeriğine bakın. Mobil, tablet ve masaüstü web siteleri için farklı uygulamalara sahip olmanın artılarını ve eksilerini karşılaştırmak istiyorsanız Çok Ekranlı Tüketici için Web Siteleri Oluşturma'ya bakın.

Yeni başlayanların kaçınmak isteyecekleri en önemli üç yanlış nedir?

1. Yanlış - Mobil müşterilerin unutulması.

İyi mobil sitelerin faydalı olduğunu unutmayın. Ziyaretçileriniz ister ilginç bir makale okuyor ister mağazanızın konumuna göz atıyor olsunlar, bu siteler işlerini tamamlamada kendilerine yardımcı olur. Sadece mobil cihazlara göre biçimlendirilmiş (mobil cihazlarda güzel görünen) bir site oluşturma tuzağına düşmeyin; çünkü böyle bir sitede yararlı işlevler çıkarılmıştır. Bunun yerine mobil uyumlu (mobil kullanıcılar için gerçekten yararlı olacak ve kullanıcıların en yaygın görevleri için optimize edilmiş) bir site oluşturmaya çalışın.

2. Yanlış - Mobil sitenin masaüstü siteden farklı bir alan adında, alt alan adında veya alt dizinde uygulanması.

Her ne kadar Google çoklu mobil site yapılandırmasını desteklese de, ayrı mobil URL'leri oluşturmak, sitenizin bakımı ve güncellenmesi için gereken çalışma miktarını önemli ölçüde artırır ve çeşitli teknik sorunlara yol açabilir. Çoğu durumda, duyarlı web tasarımı (DWT) kullanarak ve masaüstü ile mobil cihaza aynı URL'den içerik sunarak işleri önemli ölçüde basitleştirebilirsiniz. Duyarlı web tasarımı, Google'ın önerilen yapılandırmasıdır.

3. Yanlış - Çevreden ilham almak yerine yalıtılmış bir biçimde çalışma.

İlham almak ve en iyi uygulamaları öğrenmek için kendi alanınızda bulunan ya da rakiplerinize ait olan diğer sitelere göz atın. Kendi sektörünüzde mobil sitesi olan ilk kişi olmasanız da, bu işi sizden önce yapmış olanlardan bilgi alma avantajına sahipsiniz. The Mobile Playbook (Mobil Oyun Kitabı) ve Google Multi-screen Success Stories (Google Çok Ekranlı Başarı Öyküleri) içinde de pek çok fikir bulabilirsiniz.

Bir geliştiriciyle birlikte çalışırken nelere dikkat etmeliyim?

Mobil uyumlu sitenizi oluşturmak üzere bir geliştiriciyle çalışırken iyi bir sonucu garanti etmek için aşağıdaki adımları izleyin.

1. Geliştiricinizin referanslarını ve mobil web siteleri portföyünü göstermesini isteyin.

Geliştiricinizin duyarlı web tasarımı (DWT) konusunda deneyimi olup olmadığını sorun. Sadece masaüstü olan bir siteniz varsa geliştiricinizin bir masaüstü sitesinden duyarlı siteye geçiş deneyimi olup olmadığını araştırın. Geliştiricinin oluşturduğu diğer sitelere bakın. Geliştiricinin referansları ve eski müşterileriyle konuşup hakkındaki görüşlerini öğrenin. Bir geliştiricinin portföyüne bakmak için Google'ın PageSpeed Insights'ı gibi araçları kullanabilirsiniz. PageSpeed Insights, bir sayfanın hızını engelleyen veya kullanılabilirliğine zarar veren etkenleri öne çıkarır.

Web'in Temelleri hem hız, hem de kullanıcı deneyimi açısından PageSpeed Insights mobil testini geçer.

2. Geliştiricinizin mobil müşterinizi anladığından emin olun.

Geliştiriciye işiniz hakkında bilgi verin ve mobil sitede optimize edilmesini istediğiniz en sık yapılan görevleri sağlayın. Geliştiricinizin mobil müşterilerin ihtiyaç duyduğu işlevleri destekleyen bir site geliştirdiğinden emin olun.

3. Geliştiricinizden hız konusunda taahhütte bulunmasını isteyin.

Müşterilerinizi, sayfalarınız onların tarayıcısında yüklenirken çok uzun süre bekletmeyin. Geliştiricinize PageSpeed Insights'ı (yukarıdaki araç) ve sayfaların daha hızlı yüklenmesine yardımcı olacak teknikleri bilip bilmediklerini sorun. Sözleşmenize, sayfalarınızın WebPagetest'e göre rakiplerinizinkilerle aynı hızda "oluşturulmasını" ekleyebilirsiniz. Ya da, bu fazla zor gelirse, geliştiricinizin "Düzeltilmesi Gerekiyor" olarak işaretlenmiş hiçbir sorunun bulunmadığı yeşil onay işaretine sahip bir PageSpeed Insights sonucu için taahhütte bulunmasını sağlayabilirsiniz. (Sayfalar yeşil onay işareti alamazsa sorunun düzeltilmesinin masraflarını ve yararlarını karşılaştırmak sizin ve geliştiricinizin sorumluluğundadır). Mobil sayfa hızı hakkında daha fazla bilgiyi "Mobil web sitesi performansıyla ilgili hızlı çözümler" adlı videoda bulabilirsiniz.

4. Geliştiricinize web analizi aracı yükletin.

Google Analytics gibi bir web analizi aracı yükleyerek sitenizin performansı hakkında toplu bilgilere erişebilirsiniz.

5. Hem sizin hem de geliştiricinizin Google'ın Web Yöneticisi Yönergeleri hakkında bilgi sahibi olduğundan emin olun.

Bu yönergeler Google'ın sizin site içeriğinizi nasıl bulduğu, işlediği ve sıraladığı konusunda bilgiler içerir.

6. Sözleşmenizin, mobil sitenizin ilk lansman sonrasında iyileştirmesini kapsadığından emin olun.

Sitenizi daha iyi bir hale getirmek üzere büyük olasılıkla müşterilerden geri bildirim alacak, web analizinden veriler toplayacak ve bunları sitenize katmak isteyeceksiniz.

Google AdWords’ün, önerilen mobil ve çok ekranlı satıcılar listesi'ni dikkate almak isteyebilirsiniz. Mobil web sitesi uygulaması hakkında daha fazla bilgi edinmek için Mobil Site SEO'su ile ilgili dokümanlarımıza bakın.