Mobil cihazları mobil içeriklere veya tasarımlara yönlendirin
Yıllardır uzmanlar, mobil cihazlardaki ziyaretçilerden gelen web sitelerine yönelik trafiğin önemli ölçüde arttığını söylüyor. Bu nedenle, pek çok şirket, çevrimiçi mevcudiyetleri için bir mobil stratejiyi benimsemeye ve telefon ve diğer mobil cihazlara uygun deneyimler yaratmaya akıllıca başladı.
Cep telefonları için web sayfalarını nasıl tasarlayacağınızı ve stratejinizi nasıl uygulayacağınızı öğrenmeye zaman ayırdıktan sonra, sitenizin ziyaretçilerinin bu tasarımları görebilmesini sağlamak da isteyeceksiniz. Bunu yapmanın birçok yolu vardır ve bazıları diğerlerinden daha iyi çalışır. Burada, web sitelerinizde mobil desteği uygulamak için kullanabileceğiniz yönteme bir göz atın. Bu, bugünün Web'inde başarmak için en iyi yöntemin ne olduğuna dair bir tavsiyeyle birlikte!
Başka bir site sürümüne bağlantı sağlayın
Bu, uzak, cep telefonu kullanıcıları işlemek için en kolay yöntem. Sayfalarınızı görüp göremeyeceği konusunda endişelenmek yerine, sayfanın üst kısmına yakın bir yerde sitenizin ayrı bir mobil sürümünü gösteren bir bağlantı yerleştirmeniz yeterlidir. Daha sonra, okuyucular mobil versiyonu görmek isteyip istemediklerini kendileri seçebilir veya "normal" versiyona devam edebilirler.
Bu çözümün yararı, uygulanması kolay olmasıdır. Mobil cihazlar için optimize edilmiş bir sürüm oluşturmanızı ve ardından normal site sayfalarının başına yakın bir yerde bir bağlantı eklemenizi gerektirir.
Dezavantajları şunlardır:
- Mobil kullanıcılar için sitenin ayrı bir sürümünü korumalısınız. Siteniz büyüdükçe, bu ikinci sürüme sahip olmayı unutmayın ve siteleriniz senkronizasyondan düşebilir.
- Ayrıca tabletler için üçüncü bir sürüm oluşturuyor musunuz? Giyilebilir cihazlar için dördüncü versiyona ne dersiniz? Bu aygıta özgü sürümler kavramı çok çabuk kontrolden çıkabilir.
- Sayfanın üst kısmında, mobil olmayan okuyucuların görebileceği (ve muhtemelen tıklayabileceğiniz) çirkin bir bağlantı oluşturmanız gerekir.
Sonuçta, bu yaklaşım modern bir mobil stratejinin parçası olma ihtimali olmayan modası geçmiş bir durumdur. Daha iyi bir çözüm geliştirilirken bazen bir stop-boşluk düzeltmesi olarak kullanılır, ancak bu noktada kısa süreli bir grup yardımcısıdır.
JavaScript'i kullan
Yukarıda bahsedilen yaklaşımın bir varyasyonunda, bazı geliştiriciler, müşterinin bir mobil cihazda olup olmadığını saptamak ve daha sonra bu ayrı mobil siteye yönlendirmek için bir çeşit tarayıcı tespit komut dosyası kullanmaktadır. Tarayıcı algılama ve mobil cihazlarla ilgili sorun, orada binlerce mobil cihaz bulunmasıdır. Hepsini bir javascript ile algılamaya çalışmak, tüm sayfalarınızı bir indirme kâbusuna dönüştürebilir ve yine de yukarıda bahsedilen yaklaşımla aynı sorunların birçoğuna maruz kalırsınız.
CSS ve # 64; medya el cihazlarını kullanın
CSS komutu @media el cihazı, CSS stillerini sadece cep telefonları gibi el cihazları için görüntülemek için ideal bir yol gibi görünüyor. Bu, mobil cihazlar için sayfaları görüntülemek için ideal bir çözüm gibi görünüyor. Bir Web sayfası yazıp iki stil sayfası oluşturursunuz. "Ekran" medya türü için ilk ekran ve monitörler için sayfanızı stilleri. "Elde Taşınabilir" için ikinci sayfa, bu cep telefonları gibi küçük cihazlar için sayfanızı stilleri. Kulağa kolay geliyor, ama gerçekten pratikte çalışmıyor.
Bu yöntemin en büyük avantajı, web sitenizin iki versiyonunu korumak zorunda kalmamanızdır. Birini koruyorsunuz ve stil sayfası, nasıl görünmesi gerektiğini - ki aslında istediğimiz son çözüme yaklaşıyor.
Bu yöntemle ilgili bir sorun, birçok telefonun elde taşınan medya türünü desteklememesidir - sayfalarını bunun yerine ekran medya türü ile gösterirler. Ve daha eski cep telefonları ve el bilgisayarları CSS'yi desteklemiyor. Sonunda, bu yöntem güvenilmezdir ve bu nedenle bir web sitesinin mobil sürümlerini sunmak için nadiren kullanılır.
Kullanıcı Aracısı Tespit Etmek İçin PHP, JSP ve ASP Kullanımı
Bu, mobil kullanıcıları sitenin mobil bir sürümüne yönlendirmenin çok daha iyi bir yoludur, çünkü mobil aygıtın kullanmadığı bir kodlama diline veya CSS'sine güvenmez. Bunun yerine, kullanıcı aracısına bakmak için bir sunucu tarafı dili (PHP, ASP, JSP, ColdFusion, vb.) Kullanır ve ardından bir mobil aygıtsa, bir mobil sayfaya yönlendirmek için HTTP isteğini değiştirir.
Bunu yapmak için basit bir PHP kodu şöyle görünecektir:
stristr ($ ua, "Windows CE") veya
stristr ($ ua, "AvantGo") veya
stristr ($ ua, "Mazingo") veya
stristr ($ ua, "Mobil") veya
stristr ($ ua, "T68") veya
stristr ($ ua, "Syncalot") veya
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBİL";
}
if (isset ($ DEVICE_TYPE) ve $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobil / index.php';
başlık ('Yer:'. $ konum);
çıkış;
}
?>
Buradaki problem, mobil cihazlar tarafından kullanılan çok sayıda ve daha fazla potansiyel kullanıcı aracısı olmasıdır. Bu betik bir çoğunu yakalayacak ve yönlendirecek, ancak hiçbir şekilde yol göstermeyecek. Ve her zaman eklenir.
Ayrıca, yukarıdaki diğer çözümlerde olduğu gibi, yine de bu okuyucular için ayrı bir mobil site tutmanız gerekecek! İki (veya daha fazla) web sitesini yönetmek zorunda kalmanın bu dezavantajı, daha iyi bir çözüm bulmak için yeterli sebep.
WURFL kullan
Mobil kullanıcılarınızı ayrı bir siteye yönlendirmeye hala kararlıysanız, WURFL (Kablosuz Evrensel Kaynak Dosyası) iyi bir çözümdür. Bu, bir XML dosyası (ve şimdi bir DB dosyası) ve yalnızca güncel kablosuz kullanıcı aracı verilerini içermeyen, aynı zamanda bu kullanıcı-aracıların hangi özellikleri ve yetenekleri desteklediği çeşitli DBI kitaplıklarıdır.
WURFL'yi kullanmak için XML yapılandırma dosyasını indirir ve dilinizi seçer ve web sitenizdeki API'yi uygularsınız. Java, PHP, Perl, Ruby, Python, Net, XSLT ve C ++ ile WURFL kullanımı için araçlar vardır.
WURFL kullanmanın yararı, yapılandırma dosyasına her zaman güncelleme ve ekleme yapan birçok kişi olmasıdır. Bu nedenle, kullandığınız dosya, indirme işlemini tamamlamadan hemen önce güncelliğini korusa da, ayda bir kez indirirseniz, okuyucularınızın alışkanlık duymadan kullanabileceği tüm mobil tarayıcılara sahip olmanızın olasılığı da o kadar artar. sorunları. Dezavantajı, elbette, bunu sürekli olarak indirip güncellemeniz gerektiğidir - böylece kullanıcıları ikinci bir web sitesine ve yarattığı dezavantajlara yönlendirebilirsiniz.
En İyi Çözüm Duyarlı Tasarımdır
Bu yüzden, farklı cihazlar için farklı sitelerin bakımı cevap değilse, nedir? Duyarlı web tasarımı
Duyarlı tasarım, çeşitli genişlikteki aygıtların stillerini tanımlamak için CSS medya sorgularını kullandığınız yerdir. Duyarlı tasarım, hem mobil hem de mobil olmayan kullanıcılar için tek bir Web sayfası oluşturmanıza olanak tanır. Ardından, mobil sitede hangi içeriğin görüntüleneceği konusunda endişelenmenize gerek yoksa en son değişiklikleri mobil sitenize aktarmayı unutmayın. Ayrıca, CSS'yi yazdıktan sonra yeni bir şey indirmek zorunda değilsiniz.
Duyarlı tasarım, son derece eski cihazlarda ve tarayıcılarda mükemmel bir şekilde çalışmayabilir (çoğu bugün çok küçük kullanımda olan ve sizin için bir endişe olmamalıdır), ancak katkı maddesi olduğu için (içeriğe içerik eklemek yerine içerik eklemek) Bu okuyucular web sitenizi hala okuyabilecek, eski cihazlarında veya tarayıcılarında ideal görünmeyecek.