Yıllardır uzmanlar, mobil cihazlardan gelen ziyaretçilerden web sitelerine gelen trafiğin önemli ölçüde arttığını söylüyorlar. Bu nedenle, birçok şirket akıllıca çevrimiçi varlıkları için bir mobil strateji benimsemeye başladı ve telefona ve diğer mobil cihazlara uygun deneyimler yarattı.
Nasıl yapılacağını öğrenmek için zaman harcadıktan sonra cep telefonları için web sayfaları tasarlama, ve stratejinizi uygularken, sitenizin ziyaretçilerinin bu tasarımları görebildiğinden emin olmak isteyeceksiniz. Bunu yapmanın birçok yolu vardır ve bazıları diğerlerinden daha iyi çalışır. Web sitelerinizde mobil desteği uygulamak için kullanabileceğiniz yönteme bir göz atın - bunu başarmanın bugünün web'inde en iyi yönteminin ne olduğuna dair sona yakın bir öneri.
Başka Bir Site Sürümüne Bağlantı Sağlayın
Bu, cep telefonu kullanıcılarını idare etmenin açık ara en kolay yöntemidir. Sayfalarınızı görüp göremeyecekleri konusunda endişelenmek yerine, sayfanın üst kısmına yakın bir yere sitenizin ayrı bir mobil sürümünü gösteren bir bağlantı koymanız yeterlidir. Ardından okuyucular mobil sürümü görmek veya "normal" sürümle devam etmek isteyip istemediklerini kendileri seçebilirler.
Bu çözümün yararı, uygulanmasının kolay olmasıdır. Mobil için optimize edilmiş bir sürüm oluşturmanızı ve ardından normal site sayfalarının üst kısmına yakın bir yere bir bağlantı eklemenizi gerektirir.
Dezavantajları şunlardır:
- Mobil kullanıcılar için sitenin ayrı bir sürümünü korumanız gerekir. Siteniz büyüdükçe, bu ikinci sürümü korumayı unutabilirsiniz ve siteleriniz senkronizasyondan düşebilir.
- Tabletler için üçüncü bir sürüm de oluşturuyor musunuz? için dördüncü bir versiyona ne dersiniz? giyilebilir? Cihaza özel versiyonların bu konsepti çok hızlı bir şekilde kontrolden çıkabilir.
- Sayfanın en üstüne, mobil olmayan okuyucuların görebileceği (ve muhtemelen tıklayabileceği) çirkin bir bağlantı koymalısınız.
Sonuç olarak, bu yaklaşım, modern bir mobil stratejinin parçası olması muhtemel olmayan eski bir yaklaşımdır. Bazen daha iyi bir çözüm geliştirilirken geçici bir düzeltme olarak kullanılır, ancak bu noktada gerçekten kısa vadeli bir yara bandıdır.
JavaScript'i kullanın
Yukarıda bahsedilen yaklaşımın bir varyasyonunda, bazı geliştiriciler bir tür tarayıcı algılama kullanır. müşterinin bir mobil cihazda olup olmadığını tespit etmek ve ardından onları bu ayrı mobil cihaza yönlendirmek için komut dosyası site. ile sorun tarayıcı algılama ve mobil cihazlar, dışarıda binlerce mobil cihazın bulunmasıdır. Hepsini tek bir JavaScript ile tespit etmeye çalışmak, tüm sayfalarınızı bir indirme kabusu haline getirebilir - ve yine de yukarıda bahsedilen yaklaşımla aynı dezavantajların çoğuna maruz kalırsınız.
CSS @media Handheld'i kullanın
@media handheld CSS komutu, görüntülemenin ideal bir yolu gibi görünüyor CSS sadece cep telefonları gibi elde taşınır cihazlar için stiller. Bu, mobil cihazlar için sayfaları görüntülemek için ideal bir çözüm gibi görünüyor. Bir Web sayfası yazarsınız ve ardından iki stil sayfası oluşturursunuz. "Ekran" medya türü için ilki, sayfanızı monitörler ve bilgisayar ekranları için biçimlendirir. "El tipi" için ikincisi, sayfanızı bu cep telefonları gibi küçük cihazlar için biçimlendirir. Kulağa kolay geliyor, ancak pratikte gerçekten çalışmıyor.
Bu yöntemin en büyük avantajı, web sitenizin iki versiyonunu sürdürmek zorunda kalmamanızdır. Sen sadece birini koru ve stil sayfası nasıl görünmesi gerektiğini tanımlar - bu da aslında istediğimiz nihai çözüme yaklaşıyor.
Bu yöntemle ilgili bir sorun, birçok telefonun medya türünü desteklememesidir - sayfalarını bunun yerine ekran medya türüyle görüntüler. Ve birçok eski cep telefonu ve el bilgisayarı CSS'yi hiç desteklemiyor. Sonuç olarak, 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ını Algılamak için PHP, JSP, ASP kullanın
Bu, mobil kullanıcıları bir mobil versiyon çünkü mobil cihazın kullanmadığı bir komut dosyası diline veya CSS'ye dayanmıyor. Bunun yerine, kullanıcı aracısına bakmak ve ardından kullanıcı aracısını değiştirmek için sunucu tarafı bir dil (PHP, ASP, JSP, ColdFusion, vb.) kullanır. HTTP isteği mobil cihazsa bir mobil sayfaya işaret etmek için.
Bunu yapmak için basit bir PHP kodu şöyle görünür:
Buradaki sorun, mobil cihazlar tarafından kullanılan çok sayıda başka potansiyel kullanıcı aracısının olmasıdır. Bu komut dosyası birçoğunu yakalayacak ve yönlendirecek, ancak hiçbir şekilde değil. Ve daha fazlası her zaman eklenir.
Ayrıca, yukarıdaki diğer çözümlerde olduğu gibi, yine de bu okuyucular için ayrı bir mobil siteye sahip olmanız gerekecek! İki (veya daha fazla!) web sitesini yönetmek zorunda olmanın bu dezavantajı, daha iyi bir çözüm aramak için yeterli bir nedendir.
WURFL'yi kullanın
Hâlâ mobil kullanıcılarınızı ayrı bir siteye yönlendirmeye 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ısı verilerini içeren değil, aynı zamanda bu kullanıcı aracılarının desteklediği özellikleri ve yetenekleri de içeren çeşitli DBI kitaplıklarıdır.
WURFL'yi kullanmak için, XML yapılandırma dosyasını indirir ve ardından dilinizi seçer ve API'yi web sitenize uygularsınız. Java, PHP, Perl, Ruby, Python, Net ile WURFL kullanmak için araçlar vardır. XSLTve C++.
WURFL kullanmanın yararı, her zaman yapılandırma dosyasına güncelleme yapan ve ekleme yapan çok sayıda insan olmasıdır. Bu nedenle, kullandığınız dosya siz daha indirmeyi bitirmeden güncelliğini yitirmiş olsa da, ayda bir kez indirin, okuyucularınızın alışkanlıkla kullandığı tüm mobil tarayıcılara sahip olacaksınız. sorunlar. Dezavantajı, elbette, bunu sürekli olarak indirmeniz ve güncellemeniz gerektiğidir - tüm bunlar, kullanıcıları ikinci bir web sitesine yönlendirebilmeniz ve bunun yarattığı dezavantajlardır.
En İyi Çözüm Duyarlı Tasarımdır
Peki, farklı cihazlar için farklı siteler bulundurmak çözüm değilse nedir? Duyarlı web tasarımı.
Duyarlı tasarım, çeşitli genişliklerdeki cihazlar için stiller tanımlamak üzere 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. O zaman mobil sitede hangi içeriğin gösterileceği konusunda endişelenmenize veya en son değişiklikleri mobil sitenize aktarmayı hatırlamanıza gerek yok. Ayrıca, CSS'yi bir kez yazdıktan sonra, yeni bir şey indirmeniz gerekmez.
Duyarlı tasarım, son derece eski cihazlarda ve tarayıcılarda (çoğu günümüzde çok az kullanımda olan ve sizin için fazla endişe etmemelidir) mükemmel şekilde çalışmayabilir, ancak katkı maddesi (içeriği kaldırmak yerine içeriğe stiller ekleyerek) bu okuyucular web sitenizi yine de okuyabilecekler, eski cihazlarında ideal görünmeyecek veya tarayıcı.