Мобильді нұсқаны табысты дамыту кілттері

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

Сайттың мобильді нұсқасының артықшылықтары

Қазіргі заманда компьютерлік технологиялар адамның өмірінің барлық саласына еніп үлгерді. Біз тұрмыстық және кәсіби міндеттерді ғаламтор арқылы шешуге үйрендік. Көптеген адамдар дүкендерге, кафелерге барудан бас тартып, онлайн шоппинг пен жеткізу қызметтерін таңдайды. Қашықтан өзара әрекет уақыт пен қаражатты үнемдейді. Бұл — факт.

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

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

Бұл мәселенің маңыздылығын елемеуге болмайды.

Мобильді нұсқаның қажеттілігін дәлелдеу үшін келесі статистиканы ұсынамыз:

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

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

Бұл мобильді нұсқаның пайдасын көрсететін барлық дәлел емес.

Негізгі артықшылықтарын атап өтейік:

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

Осы айтылғандар сайттың мобильді нұсқасының маңыздылығын көрсетеді деп сенеміз. Енді оның техникалық және функционалдық параметрлері туралы сөз етейік.

Мобильді нұсқаның техникалық параметрлері

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

Келесілерге көз жеткізіңіз:

• robots.txt файлы JavaScript және CSS сканерлеуге рұқсат береді — олар контенттің көрсетілуін анықтайды;
• жоба беттері серверге HTTP - 200 OK коды түрінде жауап қайтарады. Егер бет табылмаса — 404 қатесі көрсетілуі керек;
• viewport тегі көрсетілген — ол контенттің дұрыс бейнеленуіне жауап береді;
• Flash элементтері қолданылмайды — заманауи смартфондардың көпшілігі оларды қолдамайды;
• Applet және Silverlight плагиндері өшірілген;
• интерактивті элементтер HTML5 арқылы жасалған — бұл олардың дұрыс жұмыс істеуін қамтамасыз етеді;
• мәтін өлшемі құрылғы экранының рұқсатына бейімделеді — бұл мазмұнды ыңғайлы оқу үшін қажет;
• егер мобильді нұсқа жеке жасалса, бағыттау (редирект) 302 коды арқылы орындалуы керек. 301 редирект жүйелік ақауларға әкелуі мүмкін.

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

Юзабилити

Бұл термин сайт функционалының пайдаланушыға қаншалықты ыңғайлы екенін білдіреді.

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

Төмендегі кеңестерді пайдаланып, жиі кездесетін қателіктерді болдырмауға тырысыңыз:

1. Қысқа және түсінікті тапсырыс формаларын қолданыңыз. Әр келуші тапсырыс немесе кері байланыс формасын табу үшін ұзақ айналдырғысы келмейді. Мобильді құрылғыдан бұл ыңғайсыз. Мәліметтерді тексеру үшін де қиын. Өтінімді 4–5 өрісі бар бірнеше кезеңге бөліп ұсынған жөн.
2. Компания телефонын ел коды көрсетілген күйде жазыңыз. Нөмірді сурет түрінде бермеңіз — оны толық жазған дұрыс, осылайша пайдаланушы бір батырманы басып, қоңырау шала алады. Белсенді батырмалар бұл жерде жақсы жұмыс істейді.
3. Қаріптің оңтайлы өлшемін және шетке дейінгі арақашықтықты баптаңыз. Маңызды ақпарат үшін ең аз қаріп өлшемі — 16 рх, шеткі шегініс — шамамен 15 рх. Бұл параметрлер мобильді құрылғыдан мәтінді ыңғайлы оқуға мүмкіндік береді. Тым ұсақ шрифт мәтінді түсініксіз етеді.
4. Мақсатты әрекеттерге арналған батырмалар сенсор арқылы басуға ыңғайлы әрі көзге анық көрінетін болуы тиіс. Өте кішкентай батырмалар пайдаланушыдан артық күш салуды талап етеді. Мысалы, 44 пиксельдік батырма 22 пиксельдікке қарағанда әлдеқайда ыңғайлы.
5. Автотолтыру функциясын қосыңыз. Бұл жеке деректер мен байланыс ақпаратын енгізуге кететін уақытты үнемдейтін пайдалы мүмкіндік. Мұндай ыңғайлылық пайдаланушыны қайта оралуға ынталандырады.

Мобильді нұсқаны әзірлеу кезінде бірнеше маңызды жайттарды ескеру қажет:

• интерактивті элементтердің арақашықтығы кемінде 27 рх болуы тиіс;
• ресурстың басты бетіне апаратын мәзірді ашылу экранында орналастырыңыз;
• мәтінді оңай айналдыру және үлкейту мүмкіндігін қосыңыз;
• қалқымалы терезелер мен қажетсіз баннерлерді алып тастаңыз — олар мазмұнға кедергі келтіреді және пайдаланушының сайттан шығып кетуіне себеп болуы мүмкін;
• бейнематериал орналастырған кезде толық экран режимінде көру мүмкіндігін қамтамасыз етіңіз.

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

Қосымша шешімдер

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

Дұрыс таңдау жасау үшін әр нұсқаның артықшылықтары мен кемшіліктерін салыстыру қажет.

Мобильді нұсқаның артықшылықтары

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

Кемшіліктердің ішінде бөлек электрондық пошта қажет болуы және функционалдық шектеулер бар.

Адаптивті интерфейсі бар сайттың артықшылықтары:

• әзірлеу ыңғайлылығы;
• бір ғана пошта жәшігін пайдалану.

Алайда мұндай нұсқаның кемшіліктері көбірек:

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

Мобильді нұсқаны таңдағанда келесі жайттарды да ескеріңіз:

• жеке URL мекенжайының болуы қажет. Бұл іздеу жүйелерінің ресурсты дұрыс қабылдауына әсер етеді. Екі нұсқа бөлек сайттар ретінде қарастырылуы керек;
• бейне мен суреттердің салмағы аз болуы тиіс — бұл сайттың жылдам жұмыс істеуін қамтамасыз етеді;
• мобильді құрылғыларда мәзір бөлімдері арасында ауысуларды барынша азайтыңыз — пайдаланушының мақсатты әрекетті бірнеше ғана басу арқылы орындауына мүмкіндік беріңіз;
• смартфондарға арналған бейімделген нұсқаларды және негізгі сайттың мақсатты беттеріне сілтемелерді орналастырыңыз. Егер бағыттау (редирект) дұрыс бапталған болса және атрибуттар көрсетілсе, іздеу жүйелері сіздің сайтыңызды достық ресурс ретінде таниды. Бұл сайттың бұғатталу қаупін болдырмайды.

Қорытынды

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

Негізгі табыс факторы — жауапкершілік пен кәсібилік. Тек осылай сапалы нәтиже алуға болады.

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

Мобильді нұсқа келесі қасиеттерге ие болуы керек:

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