Mobil cihazları mobil məzmuna və ya dizaynlara istiqamətləndirin
İndiyə qədər mütəxəssislər, mobil qurğulardakı ziyarətçilərdən veb saytlara trafikin kəskin artdığını söyləyirlər. Bu səbəbdən, bir çox şirkət smart telefon və digər mobil qurğulara uyğun təcrübə yaratmaq üçün onların onlayn varlığı üçün mobil strategiyanı əhatə etməyə başladılar.
Mobil telefonların veb səhifələrini necə tərtib etdiyini və stratejinizi necə tətbiq etdiyini öyrənmək üçün vaxtınızı keçirdikdən sonra, sitenizin ziyaretçilerinin bu dizaynları görebileceğinden əmin olmaq isteyirsiniz. Bunu edə biləcəyiniz bir çox yol var və bəzi işlər başqalarından daha yaxşıdır. Web sitelerinizdeki mobil dəstəyi həyata keçirmək üçün istifadə edə biləcəyiniz metodlara nəzər yetirsiniz - bu məqsədə nail olmaq üçün ən yaxşı üsulun bugünkü Web-də olduğu üçün sonuna yaxın bir təkliflə yanaşı!
Başqa bir sayt versiyasına bir əlaqə verin
Bu, mobil telefon istifadəçilərini idarə etmək üçün ən asan üsuldur. Sayfalarınızı göremeyip göremeyip endişelenmemek yerine, sitenizin ayrı bir mobil versiyasını işaret eden sayfanın üst kısmına yaxın bir yere bağlayın. Daha sonra oxucular mobil versiyasını görmək və ya "normal" versiyaya davam etmək istəmədiklərini özləri seçə bilərlər.
Bu həllin faydası tətbiq etmək asandır. Mobil üçün optimallaşdırılmış bir versiya yaratmaq və sonra normal site səhifələrinin üst hissəsinə yaxın bir yerdə əlavə etmək tələb olunur.
Bu çatışmazlıqlar aşağıdakılardır:
- Mobil istifadəçilər üçün saytın ayrı bir versiyasını saxlamaq lazımdır. Siteniz daha da büyüdükçe, ikinci versiyanı və sitelerinizin senkronizasyondan qaça biləcəyini unutma.
- Tablet üçün üçüncü bir versiyanı da yaratmısınız? Necə wearables üçün dördüncü versiyası haqqında? Cihaza uyğun versiyaların bu anlayışı nəzarətdən tez çıxa bilər.
- Mobil olmayan oxucuların görəcəyini (və ehtimala vurun) səhifənin üst hissəsindəki çirkin bir link qoymalısınız.
Nəhayət, bu yanaşma müasir mobil strategiyanın bir hissəsi olmağının mümkün olmadığını göstərir. Daha yaxşı bir həll inkişaf edərkən bəzən bir stop-gap düzəlişi olaraq istifadə edilir, ancaq bu nöqtədə həqiqətən qısa müddətli qrup yardımıdır.
JavaScript istifadə edin
Yuxarıda göstərilən yanaşmanın bir varyasyonunda, bəzi inkişaf etmiş müştəri mobil cihazda olub-olmadığını aşkar etmək üçün bir növ brauzer aşkarlama ssenarisini istifadə edir və daha sonra onları ayrı-ayrı mobil saytlara yönləndirir. Brauzer aşkarlanması və mobil qurğularla bağlı problem, orada minlərlə mobil qurğunun olmasıdır. Hamısını bir JavaScript ilə algılamaya çalışmaq üçün bütün səhifələrinizi yükləyici bir kabusa çevirə bilərsiniz və siz hələ yuxarıda göstərilən yanaşma ilə eyni nöqsanların əksəriyyətinə məruz qalırsınız.
Mediya cihazını CSS & # 64 istifadə edin
CSS komandası @media el cihazı, mobil telefonlar kimi yalnız əl cihazları üçün CSS üslublarını göstərmək üçün ideal bir yol kimi görünür. Bu, mobil cihazlar üçün səhifələri göstərmək üçün ideal bir həll kimi görünür. Bir veb səhifəni yazıb sonra iki üslub cədvəlini yaradın. "Ekran" media növü üçün ilk sizin səhifə monitorlar və kompüter ekranları üslubları. "Əl" üçün ikinci səhifə sizin mobil telefonunuz kimi kiçik cihazlara aiddir. Asan səslənir, amma həqiqətən praktikada işləmir.
Bu metodun ən böyük üstünlüyü ondan ibarətdir ki, veb saytınızın iki versiyasını saxlamağa ehtiyac yoxdur. Yalnız birini saxlayırsınız, stil hesabatı isə necə görünməli olduğunu müəyyənləşdirir - əslində istədiyimiz son həllinə daha da yaxınlaşır.
Bu üsulla bir problem bir çox telefonun el media tipini dəstəkləməməsidir. Bunun əvəzinə ekranların media növü ilə səhifələrini göstərməkdir. Və bir çox köhnə mobil telefonlar və əllər CSS-i tamamilə dəstəkləmir. Sonda bu üsul etibarsızdır və bu səbəbdən veb saytın mobil versiyasını çatdırmaq üçün nadir hallarda istifadə olunur.
İstifadəçi Agenti aşkarlamaq üçün PHP, JSP, ASP istifadə edin
Mobil cihaz istifadəçisinin istifadə etmədiyi bir skript dili və ya CSS-nə istinad etmədiyi üçün mobil istifadəçiləri saytın mobil versiyasına yönləndirmək üçün daha yaxşı bir yoldur. Bunun əvəzində istifadəçi agentinə baxmaq və sonra bir mobil cihaz olduqda mobil səhifəyə keçmək üçün HTTP sorğunu dəyişdirmək üçün bir server tərəfi dilini (PHP, ASP, JSP, ColdFusion və s.) Istifadə edir.
Bunu etmək üçün sadə PHP kodu belə görünür:
stristr ($ ua, "Windows CE") və ya
stristr ($ ua, "AvantGo") və ya
stristr ($ ua, "Mazingo") və ya
stristr ($ ua, "Mobil") və ya
stristr ($ ua, "T68") və ya
stristr ($ ua, "Syncalot") və ya
stristr ($ ua, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
əgər (isset ($ DEVICE_TYPE) və $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php';
başlıq ('Yer:'. $ location);
çıxış;
}
?>
Buradakı problem mobil qurğular tərəfindən istifadə edilən çox sayda potensial istifadəçi vasitələrdən ibarətdir. Bu skript bir çoxları tutacaq və yönəldəcək, lakin heç bir şəkildə. Və daha çox hər zaman əlavə olunur.
Üstəlik, yuxarıda göstərilən digər həllərlə olduğu kimi, bu oxucular üçün hələ də ayrı bir mobil sayt saxlamağınız lazımdır! İki (və ya daha çox) veb saytını idarə etmək üçün bu çatışmazlıq daha yaxşı bir həll axtarmaq üçün kifayətdir.
WURFL istifadə edin
Hələ də mobil istifadəçilərinizi ayrı bir sayta istiqamətləndirməyə qərar verdiyiniz halda, WURFL (Wireless Universal Resource File) yaxşı bir həlldir. Bu, sadəcə, müasir simsiz istifadəçi agent məlumatlarını deyil, həmin istifadəçi agentlərinin xüsusiyyətlərini və bacarıqlarını da dəstəkləyən bir XML faylıdır (və indi bir DB faylı) və müxtəlif DBI kitabxanalarıdır.
WURFL'yi istifadə etmək üçün, XML konfiqurasiya faylını yükləyin və sonra dilinizi seçin və veb-saytınızda API tətbiq edin. Java, PHP, Perl, Ruby, Python, Net, XSLT və C ++ ilə WURFL-dən istifadə etmək üçün vasitələr var.
WURFL-dən istifadə etmənin fayda olması, konfiqurasiya faylına hər zaman yenilənmə və əlavə etmək çox adamın olmasıdır. Yəni, istifadə etdiyiniz fayl onu yükləməmişdən əvvəl demək olar ki, bitməmiş olsa da, ayda bir dəfə yüklədiyiniz təqdirdə oxucularınızın adətən istifadə etməməsi üçün bütün mobil brauzerlərə sahib olacaqsınız problemlər. Əlbəttə, əlverişsiz vəziyyətdədir ki, bu, daimi olaraq download və yeniləməliyinizdir - belə ki, istifadəçiləri ikinci veb saytına və yaradan çatışmazlıqlara yönəldə bilərsiniz.
Ən yaxşı həlli həssas dizayndır
Belə ki, müxtəlif qurğular üçün müxtəlif saytların saxlanılması cavab deyilsə, nədir? Həssas web dizaynı .
Müxtəlif genişlikli cihazlar üçün üslubları təyin etmək üçün CSS media sorgularını istifadə etdiyiniz məsuliyyət dizaynıdır. Həssas dizayn, həm mobil, həm də qeyri-mobil istifadəçilər üçün bir İnternet səhifəsi yaratmağa imkan verir. Sonra mobil saytda hansı məzmunun görünəcəyindən narahat olmağınız yoxsa mobil saytınıza ən son dəyişiklikləri köçürməyi unutmayın. Plus, bir dəfə CSS yazdığınız zaman yeni bir şey yükləmək lazım deyil.
Həssas dizayn, son dərəcə köhnə cihazlar və brauzerlər üzərində mükəmməl işləməyəcək (əksəriyyəti bu gün çox kiçik istifadədədir və sizin üçün bir narahatlıq olmamalıdır), ancaq additive olduğundan (kontentə üslub əlavə edərək, uzaq) bu oxucular hələ də veb-saytınızı oxuyacaqlar, yalnız köhnə cihaz və ya brauzerlərdə ideal görünməyəcəklər.