Як праверыць мабільную версію сайта? Спосабы тэставання мабільных сайтаў

Распрацоўка мабільнай версіі сайта - гэта не толькі магчымая капрыз распрацоўшчыкаў, дадатковая артыкул выдаткаў (або заробку, калі казаць пра падрадчыках) і праява клопату пра наведвальнікаў рэсурсу. Паводле апошніх заявах прадстаўнікоў карпарацыі Google, сайты, не якія адказваюць патрабаванням адаптыўнага дызайну, будуць пессимизированы ў пошуку, які ажыццяўляецца з мабільных прылад. Айчынная пошукавая сістэма Яндэкс таксама выпусціла рэкамендацыі "Як важна быць мабільным" і запэўніла, што, дзейнічаючы дзеля зручнасці карыстальнікаў мабільных прылад, будзе маркіраваць ў пошукавай выдачы мабільныя версіі і аддаваць перавагу адаптыўным старонках.

Так, распрацоўнікам у абавязковым парадку неабходна адаптаваць сайты для смартфонаў і правяраць спраўнасць адлюстравання рэсурсу. У адваротным выпадку ў хуткім часе можна чакаць страту значнай часткі трафіку, а значыць, і патэнцыйных кліентаў, бо новыя алгарытмы працы ад Google і "Яндэкс" ужо дзейнічаюць. Праверыць мабільную версію сайта можна рознымі спосабамі: змяненнем памераў акна браўзэра пры пераходзе ў рэжым распрацоўніка, пры дапамозе эмулятараў мабільных прылад або вэб-сэрвісаў.

Прыязная сайта мабільным прыладам

Адаптыўнасць да мабільных прылад ацэньваецца па розных параметрах. Важна праверыць мабільную версію сайта не толькі ў плане карэктнага адлюстравання, варта ўлічыць і іншыя фактары:

• адсутнасць анімацыі, "цяжкага" дызайну і малюнкаў;
• хуткасць загрузкі рэсурсу (павінна быць мінімальнай);
• адсутнасць неабходнасці гарызантальнай пракруткі;
• адсутнасць Silverlight-убудоў і Java-аплетаў;
• простая рух па сайта;
• у кодзе прапісаны мета-тэг viewport.

Калі пералічаныя ўмовы выкананыя, алгарытмы найбольш распаўсюджаных пошукавых сістэм распазнаюць вэб-старонку як прыдатную для мабільных прылад і павышаюць пазіцыю сайта ў выдачы ў адносінах да рэсурсаў, якія не адаптаваныя.

Рэальнае тэставанне на мабільных прыладах

Зручней усяго пратэставаць мабільную версію сайта на рэальных смартфонах. Дадзены спосаб дазволіць правесці выпрабаванні ў рэальных умовах. У ідэале правяраць вэб-рэсурс лепш на некалькіх прыладах, але калі бюджэт праекта не прадугледжвае выдаткі на набыццё некалькіх смартфонаў найбольш папулярных мадэляў, дастаткова будзе і прылады на базе Android або Apple.

Змена памераў акна браўзэра

Самым простым, але не аптымальным у плане праверкі, з'яўляецца змяненне памераў акна браўзэра. Калі старонка зробленая з дапамогай ужывання тэхналогіі адаптыўнай дызайну, праверыць мабільную версію сайта такім чынам можна. Але вось у тых выпадках, калі ужыты асобны дызайн, рэсурс мае патрэбу ў ясным ўказанні таго, што карыстальнік прыйшоў са смартфона, планшэта або іншага мабільнага прылады. Так, дадзены спосаб дазваляе праверыць наяўнасць мабільнай версіі сайта. А вось карэктнасць адлюстравання (у тэхнічным плане) ацаніць наўрад ці ўдасца.

Пераход у рэжым распрацоўніка ў браўзэры

Больш аптымальны спосаб праверыць мабільную версію сайта (Google або "Яндэкс", як зрэшты і іншыя пошукавыя сістэмы вылучаюць адаптыўнасць ў спісе найважнейшых фактараў, якія ўплываюць на ранжыраванне) - гэта перайсці ў рэжым распрацоўніка ў браўзэры. Спосаб працуе падобным чынам з некалькімі браўзэрамі:

• Mozilla: перайсці ў рэжым распрацоўніка можна, выбраўшы опцыю "Адаптыўны дызайн" у меню "Распрацоўка"; націснуўшы камбінацыю Ctrl + Shift + M; клікнуўшы па кнопцы "Рэжым адаптыўнага дызайну" на панэлі інструментаў вэб-распрацоўніка;
• Chrome: пераход у мабільны рэжым ажыццяўляецца націскам функцыянальнай клавішы F12, затым варта выбраць значок мабільнай версіі (смартфон у левым верхнім куце які з'явіўся акна).

У Opera пераход у рэжым распрацоўніка для праверкі мабільнай версіі ажыццяўляецца націскам камбінацыі Ctrl + Shift + i, але ёсць і іншы спосаб. Спецыяльная версія браўзэра - Opera Mobile Classic Emulator - дазваляе рознабакова ацаніць мабільны дызайн. Версіі праграмы існуюць для асноўных аперацыйных сістэм.

Эмулятары мабільных прылад: Android Studio і Apple Xcode

Праверыць мабільную версію сайта ( "Яндэкс" і Google) можна пры дапамозе эмулятараў мабільных прылад, якімі для Android і Apple з'яўляюцца адпаведна Android Studio або Apple Xcode.

Падобныя інструменты даволі сапраўды прайграваюць сайт у тым выглядзе, як ён будзе выглядаць на мабільных прыладах: у праграмах прадусталяваныя самыя распаўсюджаныя версіі браўзэраў для мабільных прылад. Аднак эмулятары не ўлічваюць хуткасць загрузкі і некаторыя іншыя нюансы, назіраць якія можна ў рэальных умовах.

Для праверкі досыць усталяваць адну з вышэйпералічаных праграм на кампутар і адкрыць сайт з эмулятара.

Вэб-сэрвісы праверкі мабільнага дызайну

Існуюць і больш простыя спосабы праверыць мабільную версію сайта. Напрыклад, анлайн-сэрвіс Responsinator дазваляе ацаніць карэктнасць адлюстравання рэсурсу на мабільных прыладах і зручнасць карыстання сайтам з боку карыстальніка. Рэсурс адлюстроўвае сайт у тым выглядзе, як ён выглядаў бы на шасці розных прыладах на базе Android або Apple і ў некалькіх арыентацыі.

Праверка аптымізацыі вэб-старонак для мабільных прылад

Іншыя рэсурсы, якія дазваляюць праверыць мабільную версію сайта, дадаткова ацэньваюць адаптыўнасць, а не толькі паказваюць, як выглядала б пляцоўка на розных прыладах. Самыя аўтарытэтныя сэрвісы: Google Mobile Friendly і "Яндэкс вэбмайстар" (праверка вэб-старонак). Ацэньваюць аптымізацыю сайта для мабільных прылад таксама сродак праверкі Bing або, напрыклад, Mobile Checker ад W3C.

Усё, што патрабуецца ад вэб-майстры пры ацэнцы версіі сайта для мабільных прылад пры дапамозе онлайн-сэрвісаў, так гэта ўвесці адрас рэсурсу і дачакацца заканчэння аналізу. Большасць вышэйзгаданых сэрвісаў правяраюць аптымізацыю па параметрах прыязнасці да мабільных прылад, якія былі пералічаныя вышэй.

Такім чынам, ацаніць адаптыўнасць вэб-рэсурсу можна некалькімі спосабамі: пачынаючы ад тэставання на рэальных смартфонах, планшэтах або іншых мабільных прыладах або змены памераў акна вэб-браўзэра, праверкі ў эмулятарах або ў рэжыме распрацоўніка вэб-браўзэраў і заканчваючы выкарыстаннем сэрвісаў ад "Яндэкс" і "Гугл". Праверыць мабільную версію сайта ўсебакова вельмі проста, а гэта дазволіць ўнесці неабходныя праўкі і палепшыць пазіцыі сайта ў пошукавай выдачы.