Мобилдик оптимизациясы жок веб -сайттардын саны азайып баратса да, кээ бирлери үстөл үчүн гана иштелип чыккан бойдон калууда. Тилекке каршы, Google'дун мурунку "мобилизатору" веб кызматы токтотулган. Кызматтын руханий мураскери - Google Weblight, мобилдик көрүү үчүн сайттарды кайра карап чыгуунун ордуна жай байланыштарды оптималдаштыруунун тегерегинде иштелип чыккан. Google кызматынан тышкары, мобилдикти эске алуу менен сайтты иштеп чыгууда эске алынышы керек болгон бир катар практикалар жана куралдар бар.
Кадамдар
2 ичинен 1 -бөлүк: Google Weblight менен тажрыйба жүргүзүү
Кадам 1. Weblight кантип иштээрин талдап көрүңүз
Weblight - бул начар шарттарда колдонуучуларга баракчаларды тезирээк жана жеңилирээк жүктөө үчүн Google тарабынан түзүлгөн алгоритм. Бул Weblight колдонуучу интерфейсине ээ эмес жана арткы жагында иштейт дегенди билдирет. Барактар мобилдик платформа үчүн ачык оптималдаштырылган эмес, бир аз жеңилдетилген тажрыйбаны камсыз кылып, алардын татаал элементтеринен ажыратылган.
Кадам 2. Weblight менен сайттын өзгөрүүлөрүн текшерүү
Мобилдик түзмөгүңүздө, веб -сайттын дарегинин аягына толук сайтыңыздын URLин кошуңуз (мисалы, эгер сиздин веб -сайтыңыз "mywebsite.com" болсо, анда сиз https://googleweblight.com/?lite_url=https://mywebsite.com). Барак өзүнө жөнөкөйлөтүлгөн, бирок функционалдуу версиясын жүктөйт. Алынган элементтер менен, кээ бир сайттар мобилдик түзмөктүн экрандарында алда канча жакшы көрүнүшү мүмкүн.
3 -кадам. Чектөөлөрдү таануу
Бул колдонуучунун өз ара аракеттенүүсү үчүн иштелип чыккан ачык конвертер куралы эмес экенин унутпаңыз. Веб -сайтка кол менен кирип жатканда, бир аз колдонсо болот, Weblight ылдамдык үчүн эмес, колдонууга ыңгайлуу.
2 ичинен 2 -бөлүк: Мобилдик шайкештик үчүн долбоорлоо
Кадам 1. Мобилдик түзмөктүн чектөөлөрүн эске алыңыз
Мобилдик түзмөктөр бир нече аспектилерди бөлүшөт, бул аларды рабочийлеринен айырмалап турат. Бул негизги өзгөчөлүктөр мобилдик керектөө үчүн сайтты түзүүдө негизги ойлор болушу керек.
- Чакан экрандар жана вертикалдуулук: Мобилдик түзмөктөрдөгү экран чечимдери дайыма жакшырып турса да, өлчөмү жана форма фактору сайттын дизайны үчүн тынчсыздануу бойдон калууда. Сайтты бир мамычанын макетине долбоорлоо телефондор үчүн эң жакшы (планшеттер көбүнчө рабочий сайттарды ашыкча көйгөйсүз колдоно алышат).
- Тийүү интерфейстери: Барактын элементтери манжанын көлөмүн эске алуу менен жайгаштырылышы керек. Чычканды колдонуучу элементтерди азайтуу же тийүү үчүн кайра иштеп чыгуу керек (мисалы, ачылуучу менюлар).
- Маалымат ылдамдыгы: Мобилдик түзмөктөрдүн эң чоң артыкчылыктарынын бири - Wi -Fi диапазонунан тышкары колдонуу, бирок маалымат байланыштары адатта жайыраак жана анча ишенимдүү эмес. Колдонуучу интерфейстери (UI) жөнөкөй бойдон калууга жана мазмун көрүнөө жана жеткиликтүү болууга тийиш. Өтө көп башаламандык жүктөө убактысын кыскартып, навигацияны кыйындатат.
Кадам 2. Контентти башкаруу системасын (CMS) кызматын колдонуңуз
Аз ресурстар менен иштеп жаткандар үчүн Wordpress же Squarespace сыяктуу CMS кызматын колдонуу арзан баада, колдонуучуга ыңгайлуу мобилдик дизайн үчүн эң сонун вариант. Жооптуу веб дизайнын колдонгон темалар мобилдик сайт үчүн эң оңой шаблонду камсыз кылат.
Жооптуу веб -дизайн - бул веб -дизайн теориясы, ал платформалардын дизайнын жана колдонулушун жылмакай өткөрүп берүү үчүн суюктуктун дизайн элементтерин колдонууга көмөктөшөт
Кадам 3. Иш тактасын колдонуу менен мобилдик түзмөктүн экрандарын текшериңиз
Вебсайттын эстетикасын жана функционалдуулугун текшерүү үчүн мобилдик түзмөктөрдү тууроого мүмкүндүк берген бир катар акысыз веб -тиркемелер бар. Бул куралдарды колдонуу каалаган тест түзмөгүн тандоо сыяктуу оңой, андан кийин алдын ала көрүү үчүн веб -сайтка кирүү. Көбү экрандын багыты, пикселдин тыгыздыгы, ал тургай браузерди тандоо сыяктуу өзгөрмөлөр үчүн куралдарды камтыйт. Бир нече популярдуу мисалдар:
- Chrome Түзмөк Эмулятору
- mobilephoneemulator.com
- screenfly (quirktools чакан тобу)
- mobiletest.me (акы төлөнүүчү мүчөлүк)
