Сайттың мобильді нұсқасы: қалай жасауға? жауап дизайн

жаңа деңгейге ретінде сайттың оңтайландыру байланысты таблеткалар, телефондар, - Бүгін, адамдардың көпшілігі ұялы гаджеттер арқылы онлайн өтіңіз. Пайдаланушы келеді және сайт мобильдік құрылғылар үшін оңтайландырылған емес екенін көреді, егер: Сіз суретті көре алмайсыз, түймесі шағын және оқылмайтын қаріптерді көшіп, жобалау жымқырылса - 100% 99 Ол шығады және басқа ыңғайлырақ іздеңіз бастайды деп. А тексеріп шығушы ресурс тиісті, т емес екенін тексеріңіз қояды. Е. іздеу сұрауын сәйкес келмейді. Сондықтан, беттің дизайны әрқашан мобильдік құрылғылар түрлі бейімделген болуы тиіс. Қандай мұны қалай, сайттың мобильді нұсқасы болып табылады, және қолдануға қандай жақсы жолы? Осы бапта Толығырақ.

Сондықтан, мобильді нұсқасы сайты бейімдеуге төрт негізгі тәсілдері бар.

Әдісі бір - жауап дизайн

Бейімді ерекшеліктеріне байланысты, бейне сайты өзгерту ұсынамыз экран өлшеміне. Жалпы, олар стандартқа 1600, 1500, 1280, 1100, 1024, және 980 пиксель үшін орнатылады. пайдалану жүзеге асыру үшін CSS3 Media сұранымдар. сайттың дизайны өзі өзгерген жоқ.

Осы әдістің артықшылықтары қамтуы тиіс:

• құрылымы өзі жайлы жобалау дисплей параметрлерін реттейді, және кез келген жаңарту нөлден дизайн дамуын талап етпейді, CSS және HTML күйге жеткілікті;
• URL мекенжайына бір - пайдаланушы бірнеше атауларды есте сақтау қажет емес, бір мекен-жайы бар ресурсты сұрыптау мен атағы оңай вебмастерге жұмысын, және іздеу жүйесін қиындатады болады бағыттауы үшін ешқандай қажеттілігі (бір мекен-жайдан экспедиторлық), бар.

Әрине, адаптивті үлгілер өздерінің меншікті кемшіліктер, ол арқылы The жолы астам еңбегі. Алайда, көптеген әзірлеушілер мысалы, Google корпорациясы, жауап дизайны Сайттың мобильді нұсқасы, осы тұжырымдамасын ұстанады. Осылайша, кемшіліктері:

• Жауап дизайн компьютерде ретінде мобильді құрылғыдағы бірдей тапсырмаларды қолдамайды. пайдаланушы айырбас бағамының немесе жақын банкомат маңызды ақпарат болуы мүмкін Банктің веб-сайт, мысалы, мобильді нұсқасы, болса, онда бұл дизайн жеткілікті. ол Бөлімдер мен бөлімшелердің көп күрделі құрылымдық ресурс болып табылады, егер Бірақ, адаптивті орналасу әрең келушілердің шағымдануға болады.
• Баяу тиеу сайтыңызда ненавистный сүйікті түрлендіреді. Бұл анимация, бейне клиптер, поп-UPS және мол басқа да белсенді элементтері бар ресурстарды, атап айтқанда, шынайы болып табылады. Себебі беттің ауыр салмағы жай пайдаланушы «баяулату» болады - ашулы алуға және барып сайттың ұстанымын іздеу - құлап.
• Мобильді нұсқа өшіру үшін еместігі - басқа елеулі кемшілігі болып табылады. элемент Орналасуды жасырын болса, сіз оны өшіру және тұрақты доменге баруға болады сайттардың айырмашылығы, сіз, оны ашу үшін ештеңе істей алмайды.

Дегенмен, арнайы дағдылар мен ресурс шығынсыз тез сайттың осы мобильді нұсқасы, кез келген гаджеттер бейімделуі мүмкін. Бірақ ол шағын, қарапайым, ақпараттық ресурстар мен мультимедиялық минимум, күрделі навигация және анимация жоқ үшін, өйткені бұл кемшіліктерді, жарасады. күрделі сайт үшін 2 басқа жолдарын жақындайды.

Екінші жолы - сайттың жеке нұсқасы

Бұл әдіс өте қарапайым болып табылады және жиі табысқа оқуға оңай мобильді құрылғыдағы сайты құрайды. Оның мәні, мысалы, қолдану арқылы жасалады және жеке URL НЕМЕСЕ субдомена орналастырылған, m.vk.com беттің жеке нұсқасын жасау болып табылады. Бұл жағдайда, негізгі функционалдық сақталады, тек әр түрлі веб-сайт дизайнын көрінеді. осындай әдісін артықшылықтары қол жетімді:

• ыңғайлы интерфейс;
• .. Easy өзгерістер өңдеуге және жасауға, сол нұсқасы болып табылады, негізгі ресурс бөлек бар;
• байланысты ол бейімделу үлгісіне қарағанда әлдеқайда жылдам болып сайттың жекелеген нұсқасы төмен салмағы;
• жиі ұялы беттің негізгі нұсқасына өту үшін мүмкіндігі бар.

Бірақ бұл жерде кемшіліктер жоқ емес еді:

• Бірнеше адрестер - жұмыс үстелінің және сайттың мобильді нұсқасы. пайдаланушыға екі опцияларды есте етіп қалай жасауға болады? Веб шеберлері жиі бағыттау (айдату) ұялы телефон үшін нұсқасын dekstopnoy, бірақ мобильді нұсқасы бұл бет жоқ болса, пайдаланушы қатені алады белгіленген. Мұнда, сол ресурстарды 2 дәрежелі қиын, және бұл ілгерілету жөніндегі тікелей әсер етеді іздеу қозғалтқышы бар қиындықтар бар.
• компьютерден сайттың Мобильді нұсқа, пайдаланушы қате, ол сондай-ақ сабаққа әсер етуі мүмкін екенін, абсурд қарап еді төмен болсаңыз.
• Бұл нұсқа, жұмыс үстелі әлдеқайда қысқартуға, ең алдымен, сондықтан пайдаланушы өте шектеулі функционалдық болады. нәрсе жетіспейтін болса, бірақ сол уақытта, келушінің беттің толық нұсқасын баруға болады.

Жалпы, жеке ұялы сайт өшіру төлейді және мобильді құрылғыларға арналған ресурс бейімдеу ең көп таралған тәсілдері болып табылады. Ол ірі онлайн бөлшек сауда, мысалы, Amazon арасында танымал болып табылады.

Үшінші жолы - ПЭАС-жобалау

Іздеу қозғалтқыш Google белсенді ұялы дизайн осы үрдісті қолдайды. Бұл сіздің телефон немесе планшетке арналған сайтты бейімделуге ең, күрделі қымбат, бірақ тиімді тәсілі болып табылады. Ол ПЭАС деп аталады. Ол әрбір жеке құрылғыға жүктеп алуға болады мобильдік қосымшасы Ресурсты бағытталған. Android үшін - GooglePlay бастап, бірақ Apple үшін - ӨЗІНЕН бар.

Мұндай қосымшалары жылдам, тегін, оңай, Have The қабілеті үшін сыйдыра әр түрлі ақпарат және The телефон жад және интернет-трафик емес, жеп-ақ кезде баратын сайт арқылы браузер. Олар жеңіл үшін енгізіңіз, өйткені The сілтеме ерік әрқашан туралы The экран бойынша қолмен, және бар ешқандай қажеттілігі ENTER күрделі атауы The браузер мекенжай жолағы.

Онда, әрине, осындай бағдарламашылар үлкен санының еңбегінің құны жоғары дамуына қиындық ретінде кемшіліктері де бар, олар бірнеше нұсқалары орналасуын істеу керек. Кейде мобильді құрылғы қолдану арқылы танылмайды. The қажеттілік тұрақты техникалық қолдау, кемшіліктерді түзету. Алайда, бұл параметр өнімді істен ескере ұсынылған үш үздік болып саналады.

ұялы сайты жасауға ең арзан жолы

Жоғарыдағы барлық әдістерді әрқашан ұзақ және күрделі, бірақ әлі күнге дейін ақылы жұмыс вебмастерге егер емес тартады. Егер сіз осындай дамыту қажеттігін көріп болмаса, сіз сайттың қарапайым және тегін мобильді нұсқасы жақындайды. оны ең оңай жолы қалай?

таңдамалы үлгілер (плагиндер) Жауап дизайн үшін жүктеңіз. Мысалы, WP Mobile детектор, WordPress Мобильді Pack, WPSmart Мобильді және басқалар. Олар дұрыс телефондағы сайты көрсету үшін көмектеседі, және сіз жақсы беттің мобильді нұсқасы бейімделу түзету керек бірнеше кеңестер алу.

әрине, бұл әдіс елеулі ресурстар үшін әрең қолайлы болып табылады. Қайта, бұл еркін опция шағын және өте қарапайым сайттар, блогтар, Жаңалықтар лентасы арналған болып табылады. Google іздеу жүйесі болып табылады деп ұмытып, сондай-ақ «Яндекс» емес пе, бүгін ұялы нұсқасы ауыр талаптар қояды, сондықтан осы әдісін пайдалана отырып, өз ұстанымдарын төмендету үлкен мүмкіндігі бар.

Бұл әдістің көмегімен, ең алдымен, жарнама және қалқымалы баннерлер кесуге болады, бірақ бет «лагты» жылдам жүктеуге болады.

ұялы нұсқаларын құру принциптері

Ма CREATE мобильді нұсқасы The сайты тегін заряд немесе The көмек мемлекеттік Webmaster, ол құрады ПЭАС жүйесін немесе пайдаланып бейімдеу үлгісі. оның тиімді жұмыс істеуі үшін ең маңызды нәрсе, бірнеше өте маңызды принциптерін ұстануға қажет. Сондықтан, қандай сайттың мобильді нұсқасы болуы тиіс? ол, тиімді тиімді және жемісті қалай жасауға болады?

Жою барлық қажетсіз

Минимализм - сайттың мобильді нұсқасын әзірлеуші ұмтылуға тиіс нәрсе. ол гүл, түймелер, баннер толық ақпаратты алуға елестету қиын ретінде, және сіз дұрыс материал табу үшін шексіз айналдыру үшін бар. Мобильді жобалау қарапайым және таза болуы тиіс. түс кеңістігін (мысалы, компания) бөліп 2-3 таңдаңыз. Олардың бірі ақ, егер ол жақсы. шағын экран анық және оқылатын аймақ туралы кеңістік бөліңіз. Виртуалды пернелер тұр көрінетін үшін The пайдаланушы анық ноу жерге басыңыз, және ара - бұл өнімнің нысаны үшін толтыру The деректер, сондықтан ақпараттық жеткізу және төлеу.

жұмыс үстелі нұсқасы пайдалы болар еді және пайдаланушы үшін өмірін жеңілдету үшін, барлық қосымша параметрлер, мұнда тек қиындық әкеледі. тек ең маңызды элементтері қалдырыңыз. Анимация, жарнама баннерлер, мультимедиялық, ең алдымен, тек жұмыс сайт немесе қосымша кедергі және негізгі нүктеге азайтпайды болады.

туралау

Сұрақ туралау дұрыс істеу керек, егер ретінде, пайдаланушы маңызды сөздер ғана ұшын алады, өткірлігі бұдан кем емес болып табылады. әдетте, тігінен шетпен сол жақ және қабылданады. Телефоныңызда сіздің RSS жем арқылы аударуға қалай елестете. Сіз жоғарыдан төмен, бірақ сол жақ немесе оң жағына бұл істеу.

одақ

өткелдерде ұзақ тізбегін мүмкіндігі жоқ болса, бір бірнеше қадамдар біріктіруге тырысады. Мысалы, сайт бірнеше кезеңмен деректерді енгізу қажет - .. атауы, содан кейін әрбір ұяшықта мекенжай тек 2 толтыру оларды сұраңыз, шағын жасушаларының жиынтығы алуға тырысады пайдаланушыға мәжбүр етпеуге мақсатында жеке үй, көше, үй, т.б. болып табылады - атауы және мекен-жайы.

және ажырату

Кейде, керісінше, ол ақпараттың шамадан тыс мөлшерін бөлу үшін қажет. Мысалы, ашылмалы мәзірі сіз жеткізуге 80 қалалардың тізімі бар. Облыс бойынша топтастыру оларды, пайдаланушы ұзақ тізім бойынша жылжу үшін ие емес, сондықтан. Ол облыс орталығының орнатылуға немесе ауданы қалалардың басқа тізімін түседі кезде.

тізімдер

Айтпақшы, тізімдер туралы. Олардың екі - әліпби тәртібімен немесе өзге тәртiппен бекітілген, және ауыстыру бар. Олардың таңдау берілетін болады қандай байланысты.

пайдаланушы ол іздейді дәл білмейді жағдайда ыңғайлы Бекітілген. Мысал үшін, қала, саны, немесе күні. Екінші нұсқа ұзақ күрделі атауларды немесе бірінде вариация жиынтығы және сол аты, және әрбір бар жағдайларда жарамды ашылмалы тізім пайдаланушы мақсатқа жақын қадам. Қонақта көмек қажет болған кезде жиі қолданылатын autosubstitution бар Таңдауы. Мысалы, сайт тоқу инелер сатып ұсынады. Пайдаланушы Іздеу сұранысы «Металл спицы» кіреді, және «спицы 5 мм» «Спицы 4.5 мм» және т ұшы дақ. D.

Автотолтыру

Бұл нүкте, онлайн нәрсе сатуға және сіз төлеу стандартты түрінде толтыру қажет сайттар үшін, әсіресе, жеткізу және т.б.. Н. адам онда, ең алдымен, телефоннан сатып етеді, онда ол компьютерге алуға уақыты жоқ, бұл процесті білдіреді, ол сатып алу-ақ тез және ыңғайлы жасауға қажет.

Осы нысаны қазірдің өзінде толтырылған деректер болуы мүмкін, ол ең танымал жауаптар жүгінуге болады. Сіз сол өңірде жұмыс істейді Мысалы, егер, ағымдағы күнді, қолма-қол ақшамен төлеу әдісін, қаланы кірістіру үшін. Олар өзгертуге болады, бірақ сіз нысанаға тигізу, егер пайдаланушы уақыт сақталуы мүмкін.

Барлық барлық қаралған, оқып

ұялы сайт дизайнын жасау арқылы, барлық телефондар әр түрлі, және сол Vision екенін есте сақтаңыз. Мүмкін сіздің сайт шағын экранда бірге қаралатын болады, сондықтан қаріп, түйме қарапайым және оқылатын болуы тиіс - олар келесі бетке жету түртіңіз және мүмкін емес еді жеткілікті үлкен, және ол Интернетке әсіресе суреттер, бөлек үлкен ашылуы тиіс дүкен.

кейбір статистика

мобильді құрылғыларға бейімдеу үшін сайт туралы айта отырып, ол бұл процесс желісін жылжыту үшін қаншалықты маңызды түсіну статистика жүгінуге қажет.

Төмендегі сандар. Бүгін гаджеттер өте жас балалар мен кейбір қарт қоспағанда, шамасы, халықтың 87% -ын құрайды. Экономистер мобильдік коммерция өсімі алдағы 5 жылда 100 есе болжам. Алайда, сайттар ғана 21% мобильді құрылғылармен жұмыс істеу үшін бейімделген. Сондықтан, Интернет-трафик және электронды коммерция нарығы тек 5 шағын бөлігі алып жатыр.

осы көрсеткіштерді қарастырайық. ол сіздің ресурс бейімделе мағынасы бар ма? Әрине, иә. сонша ғарыш осы нарықта бар, ал Сонымен қатар, сіз оған өз сегментін алуға болады.

қажеттілігі мобильді нұсқасы қайда

Мобильді нұсқа пайдаланыңыз жоғары рейтингін алуға бағытталған кез келген платформада, үшін қолайлы болып табылады. Өйткені, бұл оған сіздің сайтта қалуға қолайлы қоршаған ортаны жасау, пайдаланушы тікелей әсері болып табылады.

мобильді нұсқасы өмір сүре алмайды:

• жаңалықтар порталдар, ол жұмыс істеуге жол немесе мектепте олардың ең көп қаралған телефон ретінде;
• әлеуметтік желілер - сол себепті, плюс бар байланыс фактор онлайн болып табылады, сондықтан ол ыңғайлы, достық чат құрылады болып табылады;
• бір нәрсе іздеп, ал адамдар, сауда .. көмек, веб шарлау, т.б.;
• Онлайн сауда - сауда сапарлары туралы уақыт жұмсауға және ұялы Интернет арқылы барлық сатып алмайды клиенттерді тарту мүмкіндігі.

орнына жасасу

Бүгін, ұялы технологиялар нарығында көшбасшы болуға ұмтылуда, сондықтан, белсенді өсу және даму сатысында тұр, кез-келген компания өзінің интернет-ресурс талаптарға сай болуын қамтамасыз ету керек. Байланысты сайттар үнемі жаңғырту және түрлі құрылғыларға бейімдеу керек өсіп пайдаланушы сұрауларына. Ол адам белгілі бір ресурсында болуы ыңғайсыз болса, ол, өнімнің немесе баға туралы ақпаратты алу, тапсырысты орналастыру, жеткізу туралы сұрау мүмкін емес екені түсінікті, ол барлық осы болады сайты, таба алады. Сондықтан, бәсекелестікті жеңіп үшін, ол, икемді ыңғайлы, функционалдық және қызықты ресурс болуы маңызды болып табылады.

ол Android сайтына немесе IOS Мобильді нұсқа көмектеседі жеткізіңіз. тегін үлгілерді пайдалану бағыттауда субдомена және оған көшу бойынша жаңа сайт жасау, бейімдеу үлгіні немесе пайдаланушы ыңғайлы енгізу және беттегі қалуы мүмкін, ол арқылы мобильді қосымшаны жасау - Мұны істеу үшін, редизайн жоғарыда жолдарын бірін таңдаңыз.

Мұндай тәсіл қолданыстағы клиенттердің адалдығын сақтап көмектеседі ғана емес, сонымен қатар, жаңа келушілерді тарту үшін мүмкіндік береді.