Mobil qurilmalarni mobil kontent yoki dizaynlarga yo'naltirish
Mutaxassislar yillar mobaynida mobil qurilmalardagi tashrif buyuruvchilarning veb-saytlariga kirib borishi keskin ortib borayotganini aytishmoqda. Shu sababli, ko'pgina kompaniyalar smartfonlarni mobil telefonlarga va boshqa mobil qurilmalarga mos keladigan tajribalarni yaratib, o'zlarining onlayn mavjudligi uchun mobil strategiyani qabul qilishni boshladilar.
Siz mobil telefonlar uchun veb-sahifalarni loyihalashtirishni va strategiyangizni amalga oshirishni o'rganib chiqqach, saytingiz mehmonlari ushbu dizaynlarni ko'rishlari mumkin. Buni qilishning ko'p yo'llari bor va boshqalar boshqalardan yaxshiroq ishlaydi. Sizning veb-saytlaringizda mobil qo'llab-quvvatlashni amalga oshirish uchun qo'llashingiz mumkin bo'lgan uslubni ko'rib chiqamiz - oxiriga yaqin tavsiyalar bilan birgalikda bugungi Web-saytga erishishning eng yaxshi usulidir.
Boshqa sayt versiyasiga bog'laning
Bu, mobil telefon foydalanuvchilari bilan ishlashning eng oson usuli. Sizning sahifalaringizni ko'rishlari yoki qila olmasliklari haqida tashvishlanishning o'rniga, sahifaning yuqorisiga yaqin joyda saytingizning alohida mobil versiyasini ko'rsatadigan havolani qo'ying. So'ngra o'quvchilar mobil versiyasini ko'rishni xohlaydilarmi yoki "oddiy" versiyasi bilan ishlashni davom ettirishni xohlaydilarmi, o'zlarini tanlashlari mumkin.
Ushbu yechimning foydasi - uni amalga oshirish oson. Mobil telefon uchun optimallashtirilgan versiyani yaratishni va oddiy sahifalar sahifasining yuqori qismiga ulanishni talab qiladi.
Kamchiliklari:
- Mobil foydalanuvchilar uchun saytning alohida versiyasini saqlashingiz kerak. Sizning saytingiz kattaroq bo'lgani uchun siz ikkinchi versiyani saqlab qolishni unutishingiz va saytlar sinxronlashdan qochishi mumkin.
- Siz planshetlar uchun uchinchi versiyani yaratasizmi? Qanday qilib takılabilir jihozlar uchun to'rtinchi versiya haqida? Qurilma uchun maxsus tushunchalar bu konsepsiyadan juda tez chiqib ketishi mumkin.
- Mobil bo'lmagan o'qiydiganlar ko'rishi mumkin bo'lgan (va ehtimol bosish mumkin) sahifaning yuqori qismida chirkin aloqa o'rnatishingiz kerak.
Natijada, bu yondashuv zamonaviy mobil strategiyaning bir qismi bo'lish ehtimoli yo'q eskirib qolgan. Ba'zida to'xtash-bo'shliqni tuzatish sifatida qo'llaniladi va yaxshi echim ishlab chiqiladi, lekin bu erda, albatta, qisqa muddatli band yordami mavjud.
JavaScript-dan foydalaning
Yuqorida aytib o'tilgan yondashuvning bir xil variantida, ba'zi bir ishlab chiquvchi mijozning uyali qurilmada ekanligini aniqlash uchun bir necha turdagi brauzerni aniqlash ssenariylaridan foydalanadi va keyin ularni alohida mobil saytga yo'naltiradi. Brauzerlarni aniqlash va mobil qurilmalar bilan bog'liq muammolar u erda minglab mobil qurilmalar mavjudligi. Barchasini bitta JavaScript yordamida aniqlashga harakat qilish uchun barcha sahifalaringizni yuklab olish kabusiga aylantirishingiz mumkin va siz yuqorida aytib o'tilgan yondashuv bilan bir qatorda bir xil kamchiliklarga duch kelasiz.
CSS-dan foydalaning
CSS-ning buyrug'i @media handheldi CSS uslublarini faqat mobil qurilmalar singari portativ qurilmalar uchun namoyish qilishning eng yaxshi usuli kabi ko'rinadi. Bu mobil qurilmalar uchun sahifalarni ko'rsatish uchun ideal echim kabi ko'rinadi. Siz bitta veb-sahifani yozasiz va keyin ikkita uslublar jadvalini yaratasiz. "Ekran" media turi uchun birinchi sizning sahifangiz monitorlar va kompyuter ekranlari uchun ishlatiladi. "Portativ" uchun ikkinchi sahifa sizning sahifangiz ushbu mobil telefonlar kabi kichik qurilmalar uchun ishlatiladi. Quloq soladi, lekin amalda amal qilmaydi.
Ushbu usulning eng katta afzalligi, sizning veb-saytingizning ikki versiyasini saqlab qolish shart emas. Siz faqat bitta narsani saqlaysiz va uslub sahifasi qanday ko'rinishga kerakligini aniqlaydi - aslida biz istagan oxirgi halga yaqinroq bo'lib qoladi.
Ushbu usul bilan bog'liq muammo, ko'plab telefonlarning portativ media turini qo'llab-quvvatlamasligi hisoblanadi, buning o'rniga ularning sahifalarini ekranning media turi bilan aks ettiradi. Ko'pchilik eski mobil telefonlar va handhelds CSS-ni umuman qo'llab-quvvatlamaydi. Oxir-oqibat ushbu usul ishonchsizdir va shuning uchun veb-saytning mobil versiyasini taqdim etishda kamdan kam foydalaniladi.
User-Agentni aniqlash uchun PHP, JSP, ASP dan foydalaning
Bu uyali foydalanuvchini saytning mobil versiyasiga yo'naltirishning juda yaxshi usuli hisoblanadi, chunki u mobil qurilmaning foydalana olmaydigan kodlash tiliga yoki CSS-ga tayanmaydi. Buning o'rniga foydalanuvchi-agentga qarash uchun HTTP so'rovini ko'chma qurilma bo'lsa mobil sahifaga yo'naltirish uchun o'zgartirish uchun server tomonidagi tilni (PHP, ASP, JSP, ColdFusion va boshq.) Ishlatadi.
Buning uchun oddiy PHP kodi shunday bo'ladi:
stristr ($ UA, "Windows CE") yoki
stristr ($ UA, "AvantGo") yoki
stristr ($ UA, "Mazingo") yoki
stristr ($ UA, "Mobile") yoki
stristr ($ UA, "T68") yoki
stristr ($ UA, Syncalot) yoki
stristr ($ UA, "Blazer")) {
$ DEVICE_TYPE = "MOBILE";
}
agar (isset ($ DEVICE_TYPE) va $ DEVICE_TYPE == "MOBILE") {
$ location = 'mobile / index.php';
header ('Manzil:'. $ location);
Chiqish;
}
?>
Muammo shundaki, mobil qurilmalar tomonidan ishlatiladigan ko'plab boshqa potensial foydalanuvchi-agentlar mavjud. Ushbu skript ko'pgina narsalarni qo'lga kiritadi va qayta yo'naltiradi, ammo bularning hammasi ham hech qanday vosita emas. Va har doim ham ko'proq qo'shiladi.
Bundan tashqari, yuqoridagi boshqa echimlar bilan bir qatorda, siz hali ham ushbu o'quvchilar uchun alohida mobil saytni saqlashingiz kerak bo'ladi! Ikki (yoki undan ortiq) veb-saytlarni boshqarishga to'g'ri keladigan bunday kamchilik, yaxshi echim topish uchun etarli sababdir.
WURFLdan foydalaning
Agar siz hali ham mobil foydalanuvchilaringizni alohida saytga yo'naltirishga qaror qilsangiz, WURFL (Simsiz Universal Resurs Fayl) yaxshi yechimdir. Bu nafaqat zamonaviy simsiz aloqa vositachisi ma'lumotlarini qamrab oladigan, balki foydalanuvchi-agentlarining xususiyatlarini va qobiliyatlarini qo'llab-quvvatlaydigan turli xil DBI kutubxonalari (va hozirda JB fayli).
WURFL-dan foydalanish uchun XML konfiguratsiya faylini yuklab oling va keyin sizning tilingizni tanlang va veb-saytingizda APIni qo'llang. WURFL-ni Java, PHP, Perl, Ruby, Python, Net, XSLT va C ++ bilan ishlatish uchun asboblar mavjud.
WURFL-dan foydalanishning foydasi - bu doimo konfiguratsiya faylini yangilash va yangilash uchun ko'plab odamlar mavjud. Siz foydalanayotgan fayl eskirib qolgan bo'lsa, uni yuklab olishni tugatmaguncha, uni oyda bir marta yuklab olgan bo'lsangiz, sizning o'quvchilaringiz odatiy tarzda foydalanadigan barcha mobil brauzerlarga ega bo'ladi. muammolar. Salbiy tomondan, albatta, siz doimo yuklab olishingiz va yangilab olishingiz kerak - buning uchun siz foydalanuvchilarni ikkinchi veb-saytga va tuzadigan kamchiliklarga boshqara olasiz.
Eng yaxshi yechim - jozibali dizayn
Shunday qilib, turli xil qurilmalar uchun turli saytlarni saqlab qolish bo'lsa, bu javob emas, nima? Jalb veb-dizayn .
Ta'sirli dizayn har xil kenglikdagi qurilmalar uchun uslublarni aniqlash uchun CSS-muhit so'rovlaridan foydalanadigan joy. Ta'sirchan dizayn mobil va mobil bo'lmagan foydalanuvchilar uchun bir veb-sahifa yaratish imkonini beradi. Keyinchalik, siz mobil saytda qanday tarkib paydo bo'lishidan xavotir olmang yoki mobil saytingizga so'nggi o'zgartirishlarni o'tkazishni unutmang. Bundan tashqari, CSS-ni yozganingizdan so'ng, sizga yangi hech narsa yuklab olishingiz shart emas.
Ta'sirchan dizayn juda qadimgi qurilmalarda va brauzerlarda juda yaxshi ishlamasligi mumkin (ularning ko'pchiligi bugungi kunda juda kichik foydalanishga ega va siz uchun juda ko'p tashvishlanmasliklari kerak), lekin u hissa qo'shishi sababli (kontentga uslublarni qo'shishdan ko'ra, bu kitobxonlar sizning veb-saytingizni o'qishni davom ettirishi mumkin, u faqat eski qurilmada yoki brauzerda ideal ko'rinmaydi.