Bir web sitesini tüm cihazlar için yapılandırmanın birçok yolu vardır. Üzerinde düşünülecek faktörler arasında maliyet, siteyi oluşturmak için gereken süre, kullanabileceğiniz insan kaynakları ve altyapı ve müşterilerinizin ihtiyaçları yer alır.

Hangi yapılandırmayı seçerseniz seçin, temel bir ilke olarak kesinlikle tüm sitelerinizi tek bir alandan (example.com gibi) yayınlamanızı öneririz. Özellikle, masaüstü siteniz example.com alanında barındırılıyorsa, mobil sitenizi a.com/example gibi ayrı bir alana yerleştirmeyin.

Tek bir alan yöntemine bağlı kalın, marka ve URL değerini ise kullanıcılarınızla birlikte oluşturun. Bu ilkeyi akılda tutarak, mobil cihazlara uygun bir web sitesi tasarlamanın üç temel yöntemini ele alabiliriz: duyarlı tasarım, dinamik reklam sunumu ve tamamen ayrı bir mobil site.

Duyarlı Tasarım

Duyarlı web tasarımı (kısaca DWT), tüm platformlar için tek bir HTML kod tabanını kullanan bir akıllı tasarım tekniğidir. Bir başka deyişle, tüm görüntüleme cihazları tek bir URL'deki aynı koddan okuma yapar. İçerik, önceden tanımlı kesme noktalarına ve akışkan sayfa düzenine dayanarak kendi boyutunu, kullanılan ekrana uyacak şekilde ayarlar.

DWT önceden iyi bir planlama yapılmasını gerektirir. Maliyetler başlangıçta yüksek olabilir, ancak cihaza özel strateji belirlendiğinde sitelerin bakımı daha az kaynak gerektirebilir.

Avantajları:

  • Tüm içerik için tek bir URL. Bir içerik parçası için tek bir URL kullanmak, kullanıcıların içeriğinizle etkileşim kurmasını, içeriğinizi paylaşmasını ve içeriğinize bağlanmasını kolaylaştırır. Ayrıca, arama motorlarının içeriğinizi keşfetmesi ve dizine eklemesi de daha kolay olacaktır.
  • Sorunsuz bir kullanıcı deneyimi. Tüm içeriğin sunumu özelleştirilmiştir ve cihaza özgü işlevler hâlâ kullanılabilir.
  • Esnek içerik yönü. DWT, kullanıcıların cihazın yönünü yatay veya dikey olarak değiştirmesine doğal bir şekilde olanak verir.
  • Yönlendirme yoktur. Yükleme süresi azalmış, performans ise artmıştır.

Dezavantajları:

  • Dikkatli bir planlama gerektirir. Tüm HTML tek bir yerden paylaşıldığından, her cihaz ve kullanıcı için optimum performans sunan özel ve sorunsuz bir deneyim geliştirmek üzere dikkatli bir planlama yapılması zorunludur.
  • Kaçınılması gereken yaygın hatalar:
    Aşırı miktarda veri. Mobil kullanıcılardan, büyük ekranlar ve yüksek hızlar için tasarlanmış tam boyutlu resimleri indirmelerini istemeyin. HTTP isteklerini azaltmaya ve CSS ile JavaScript kullanımını minimuma indirmeye çalışın. Önce görülebilir içeriği yükleyin ve kalan her şeyi sonraya bırakın.

Kimler içindir?

Kullanıcılara tutarlı bir deneyim sağlamaya odaklanan ve tek bir web ekibiyle tüm cihazlara yönelik bütünsel planlama yapabilen işletmeler. (Starbucks.co.uk, PCworld.co.uk ve TescoBank.com bu yaklaşımı kullanıyor.) Yeni cihazlar ortaya çıktıkça, DWT'nin kapsamı bunlarla da uyumlu olacak şekilde genişletilebilir. Karışıklık veya yönlendirme olmadan makalelere bağlanmak ve onları paylaşmak için tek bir URL kullanımı iyi bir çözümdür.

Dinamik Sunum:

Bu yöntemde, web sunucusu ziyaretçinin kullandığı cihazı algılar ve ardından tam olarak o cihaz için tasarlanmış özel bir sayfa sunar. Cep telefonları ve tabletlerden akıllı TV'lere kadar tüm cihaz türleri için özel sayfalar tasarlanabilir.

Avantajları:

  • Özel bir kullanıcı deneyimi. Her kullanıcı tam olarak kendi cihazı için oluşturulmuş içeriğe ve sayfa düzenine ulaşır.
  • Daha kolay değişiklik yapma. İçeriği veya sayfa düzenini, diğer sürümlere dokunmak zorunda kalmadan tek bir ekran boyutu için ayarlayabilirsiniz.
  • Daha kısa yükleme süreleri. Ekibiniz, içeriği her cihazda optimum yükleme süreleri elde edecek şekilde düzenleyebilir.
  • Tek bir URL. Duyarlı Tasarımda olduğu gibi, Dinamik Sunum da tüm kullanıcıları tek bir URL'de tutar.

Dezavantajları:

  • Aynı içeriğin çoğalması. Birden çok özel sayfa, aynı içerik setinden birden fazla bulunması anlamına gelir. Gelişmiş bir İçerik Yönetimi Sistemine sahip değilseniz, cihaza özgü tüm sayfalarda içeriğin güncel olmasını sağlamak zor bir iş olabilir.

Yaygın hatalar:

  • Hatalı cihaz algılama. Sunucularınızın mevcut tüm cihazları tanımak için komut dosyaları çalıştırması gerekir. Bu adım, sunucunun tablet kullanıcılarına mobil cihazlar için optimize edilmiş bir site göndermesi gibi sorunları önler. Hatalı algılamaları veya hizmet kesintilerini önlemek için web yöneticinizin dizini güncel ve sorunsuz çalışır durumda tutması gerekir. Bir başka sık yapılan yanlış ise, sunucunun cihazın ekran duruş yönü için bir seçim yapması (çoğunlukla dikeydir), ancak kullanıcının cihazını farklı bir yönde tutmasıdır.
  • Değişen kullanıcı deneyimleri: Birden çok siteniz varsa ve belirgin ölçüde farklı görünüyorlarsa kullanıcıların kafası karışacaktır. Sayfaları her ekrana yönelik olarak özelleştirmek önemli olsa da, markanızın görünümü ve tasarımı tüm biçimlerde ayırt edilebilir olmalıdır.

Kimler içindir?

Dinamik sunum, web sitelerinde sık sık değişiklik yapan ve genellikle tek bir cihaz için ekran ayarlaması (yalnızca mobil sitelerinde ayarlama yapmak gibi) yapması gereken şirketler için yoğun kaynak kullanımı gerektiren bir çözümdür. Bu çözüm için gerekli olan farklı ve muhtemelen karmaşık web sitesi kod gruplarını yönetebilecek nitelikli BT personeli (veya bir hizmet sağlayıcı firma) zorunludur.

Ayrı bir Mobil site:

Üçüncü seçenek, orijinal masaüstü sitenizden ayrı bir mobil site oluşturmaktan ibarettir. Sisteminiz mobil cihaz kullanan ziyaretçileri saptar ve onları mobil cihazlar için optimize edilmiş sitenize yönlendirir (genellikle m.adiniz.com gibi bir alt alan adı kullanarak). Ayrı mobil siteyi yalnızca mobil cihaz kullanıcıları görür. Tablet, İnternet özellikli TV veya diğer cihazların kullanıcıları ise yine orijinal masaüstü sitenizi görür.

Avantajları:

  • Özel bir kullanıcı deneyimi. Yalnızca mobil kullanıcılara yönelik olarak tasarlanmış ayrı bir mobil site oluşturmak size son derece büyük bir serbestlik tanıyabilir.
  • Daha kolay değişiklik yapma. İçerik veya tasarım değişiklikleri, diğer cihazları etkilemeden sitenin mobil sürümüyle sınırlandırılabilir.

Dezavantajları:

  • Birden çok URL. Bir web sayfasını paylaşmak, mobil ve mobil olmayan siteleriniz arasındaki yönlendirmelerin ve entegrasyonun dikkatli bir şekilde yapılmasını gerektirir. Ayrıca, yönlendirmeler daha uzun sayfa yüklenme sürelerine yol açar.
  • Aynı içeriğin çoğalması. İki farklı içerik seti bulundurmak veri yönetimi işini daha karmaşık hale getirebilir.

Yaygın hatalar:

  • Hatalı yönlendirmeler. Bir mobil kullanıcı, sitenin masaüstü sürümünün derinlerindeki bir sayfaya ulaşıyorsa, sitenizin mobil sürümünün genel ana sayfasına yönlendirilmediğinden emin olun. Ayrıca, bir masaüstü site URL'sinin mevcut olmayan bir mobil URL'ye yönlendirmesi şeklinde ortaya çıkan akıllı telefonlara özgü hataları önlemek de önemlidir.
  • Eksik notlar. İki yönlü not, Googlebot'un içeriğinizi keşfetmesine ve algoritmalarımızın masaüstü ve mobil sayfalarınızın arasındaki ilişkiyi anlamasına ve bu sayfalarla ilgili doğru işlem yapmasına yardımcı olur.
  • Tutarsız kullanıcı deneyimi: Akıllı telefon sitenize bakan kullanıcılar, bunun masaüstü sitenizde gördükleri işletmeyle aynı olduğunu fark etmelidir. Bu sayede, karışıklık ve genel olarak olumsuz kullanıcı deneyimi önlenebilir.

Kimler içindir?

Herhangi bir nedenle mobil sitelerini bağımsız olarak yönetmesi gereken işletmeler. Örneğin, bazı işletmeler mobil ortam için farklı bir hizmet sağlayıcıdan yararlanmak veya DWT ile mümkün olmayan bir mobil yapı istiyor olabilir. Kurulum nispeten kolay olduğundan ve oldukça uygun maliyetli olabileceğinden, ihtiyaçları basit olan küçük işletmeler için ayrı mobil site iyi bir çözüm olabilir.