Garchi mobil optimallashtirilmagan veb -saytlar soni kamayib borayotgan bo'lsa -da, ba'zilari faqat ish stoli uchun mo'ljallangan. Afsuski, Google -ning oldingi "mobilizatori" veb -xizmati to'xtatildi. Xizmatning ma'naviy vorisi Google Weblight bo'lib, u mobil ko'rish uchun saytlarni qayta ko'rib chiqishdan ko'ra, sekin ulanishni optimallashtirishga mo'ljallangan. Google xizmatidan tashqari, mobil qurilmalarni hisobga olgan holda sayt ishlab chiqishda e'tiborga olish kerak bo'lgan bir qancha amaliyot va vositalar mavjud.
Qadamlar
2 -qismning 1 -qismi: Google Weblight bilan tajriba o'tkazish
Qadam 1. Weblight qanday ishlashini tahlil qiling
Veb -yorug'lik - bu tarmoq yomon sharoitda foydalanuvchilarga sahifalarni tezroq va engil yuklashini ta'minlash uchun Google tomonidan yaratilgan algoritm. Bu shuni anglatadiki, Weblight -da foydalanuvchi interfeysi yo'q va u orqa tomonda ishlaydi. Sahifalar mobil platformasi uchun aniq optimallashtirilgan emas, balki yengilroq tajribani ta'minlab, ularning murakkab elementlaridan tozalanadi.
Qadam 2. Weblight yordamida sayt o'zgarishini sinab ko'ring
Mobil qurilmangizda veb -sayt manzilining oxiriga to'liq sayt URL manzilini qo'shing (masalan, agar sizning veb -saytingiz "mywebsite.com" bo'lsa, siz https://googleweblight.com/?lite_url=https://mywebsite.com saytiga kirasiz)). Sahifa o'zining soddalashtirilgan, lekin funktsional versiyasini yuklaydi. O'chirilgan elementlar yordamida ba'zi saytlar mobil qurilmalar ekranlarida ancha yaxshi ko'rinishi mumkin.
Qadam 3. Cheklovlarni tan oling
Shuni yodda tutingki, bu aniq foydalanuvchi konvertatsiyasi vositasi emas. Veb -saytga qo'lda kirishni bir zumda ishlatish mumkin bo'lsa -da, Weblight foydalanish uchun emas, balki tezlik uchun mo'ljallangan.
2 -dan 2 -qism: Mobil moslik uchun dizayn
Qadam 1. mobil qurilma cheklovlarni yodda tuting
Mobil qurilmalar bir nechta jihatlarni baham ko'radi, bu ularni ish stolidagi hamkasblaridan ajratib turadi. Bu asosiy xususiyatlar mobil aloqa uchun sayt yaratishda asosiy e'tiborga olinishi kerak.
- Kichik ekranlar va vertikallik: Garchi mobil qurilmalarda ekran o'lchamlari doimiy ravishda takomillashib borayotgan bo'lsa -da, o'lcham va shakl omili sayt dizayni uchun muammo bo'lib qolmoqda. Saytni bitta ustunli tartibda loyihalash telefonlar uchun eng yaxshisidir (planshetlar ko'pincha ish stoli saytlaridan ortiqcha muammosiz foydalanishi mumkin).
- Sensorli interfeyslar: Sahifa elementlari barmoq o'lchamini hisobga olgan holda joylashtirilishi kerak. Sichqonchani boshqarish elementlarini tegizish uchun minimallashtirish yoki qayta loyihalash kerak (masalan, ochiladigan menyular).
- Ma'lumot uzatish tezligi: Mobil qurilmalarning katta afzalliklaridan biri - Wi -Fi tarmog'idan tashqarida foydalanish, lekin ma'lumotlar ulanishi odatda sekinroq va kamroq ishonchli. Foydalanuvchi interfeysi (UI) oddiy bo'lib qolishi va tarkib ko'rinadigan va ochiq bo'lishi kerak. Haddan tashqari tartibsizlik yuklanish vaqtini pasaytiradi va navigatsiyani qiyinlashtiradi.
Qadam 2. Kontentni boshqarish tizimi (CMS) xizmatidan foydalaning
Kam resurslar bilan rivojlanayotganlar uchun Wordpress yoki Squarespace kabi CMS xizmatidan foydalanish arzon narxlardagi, foydalanuvchilar uchun qulay bo'lgan mobil dizayn uchun ajoyib imkoniyatdir. Veb -dizaynga javob beradigan mavzular mobil sayt uchun eng oson shablonni taqdim etadi.
Javob beradigan veb -dizayn - bu dizaynning tekis o'tishi va platformalarda qulay foydalanish uchun dizayn elementlaridan foydalanishni rag'batlantiruvchi veb -dizayn nazariyasi
Qadam 3. Ish stoli dasturlari yordamida mobil qurilmalar ekranlarini sinab ko'ring
Veb -sayt estetikasi va funksionalligini sinab ko'rish uchun mobil qurilmalarga taqlid qilishga imkon beruvchi bir qancha bepul veb -ilovalar mavjud. Ushbu vositalardan foydalanish kerakli sinov qurilmasini tanlash, keyin ko'rish uchun maqsadli veb -saytga kirish kabi oson. Ko'pchilik ekran yo'nalishi, piksel zichligi yoki hatto brauzer tanlash kabi o'zgaruvchilar uchun vositalarni o'z ichiga oladi. Bir nechta mashhur misollar:
- Chrome qurilma rejimi emulyatori
- mobilephoneemulator.com
- screenfly (quirktools to'plami)
- mobiletest.me (pulli a'zolik)
