Պատասխանատու դասավորությունը փորձարկելու լավագույն գործիքները: Ինչպե՞ս փորձարկել արձագանքող դիզայնը: Հարմարվողական դասավորության ստուգում

Այսօր կարիք չկա որևէ մեկին համոզել կայքի բջջային տարբերակի անհրաժեշտության մեջ։ Ի վերջո, ամեն օր ավելի ու ավելի շատ այցելուներ են լինում սմարթֆոններից և պլանշետներից: Այս գրելու պահին իմ բլոգի այցելուների մոտ 20%-ն օգտագործում է բջջային սարքեր՝ թերթելու համար: Այսինքն՝ յուրաքանչյուր հինգերորդն այցելում է իմ կայք հեռախոսից կամ պլանշետից։

Մի քանի տարի առաջ ես նույնիսկ չէի մտածում նման այցելուների մասին, բայց երբ նրանց թիվը գերազանցեց ընդհանուրի 10%-ը, ես սկսեցի օգտագործել հարմարվողական դասավորությունը: Սա հնարավորություն տվեց ճիշտ ցուցադրել բովանդակությունը շարժական սարքերախ և բարձրացնել հավատարմությունը ինչպես այցելուների, այնպես էլ որոնման համակարգերի նկատմամբ:

Կայքի բջջային տարբերակը և հարմարվողական դիզայն- դա նույնը չէ: Այս հոդվածը փորձարկման մասին է: հարմարվողական դասավորություներբ կայքի դիզայնը փոխվում է՝ կախված այցելուի սարքի էկրանի լուծաչափից։

Համոզվելու համար, որ ձեր կայքը ճիշտ է ցուցադրվում շարժական սարքերում, դուք պետք է ստուգեք, և դրա համար կան մի քանի օգտակար ծառայություններ և գործիքներ:

Հարմարվողական դասավորության արագ ստուգում

Հանրաճանաչ ինտերնետ բրաուզեր (բրաուզեր) Mozilla Firefoxհագեցած է ներկառուցված գործիքով՝ կայքի դիզայնը շարժական սարքերում ցուցադրելու համար համապատասխանությունը ստուգելու համար: Այն օգտագործելու համար անցեք «Մենյու» - «Զարգացում» - «Ադապտիվ դիզայն»: Կամ պարզապես սեղմեք ստեղնաշարի երեք ստեղնը միաժամանակ ++[M]

Դուք պետք է տեսնեք նման բան.


Փոխելով էկրանի լուծաչափը և կողմնորոշումը, դուք կարող եք ստուգել, ​​թե ինչպես է ձեր կայքը ցուցադրվելու բջջային այցելուներին:

Google զննարկիչ Chromeունի նաև ներկառուցված աջակցություն՝ կայքի դիզայնի հարմարվողականությունը ստուգելու համար: Դա անելու համար գնացեք ընտրացանկ, ընտրեք կետը « Լրացուցիչ գործիքներ», ապա «մշակողի գործիքներ» (կամ սեղմեք ստեղնը ).

Դրանից հետո սեղմեք արձագանքող դիզայնի պատկերակը (կամ միաժամանակ սեղմեք ստեղնաշարի վրա ++[M]):

Էկրանի մեջտեղում դուք կտեսնեք, թե ինչպես է ձեր կայքը կցուցադրվի բջջային սարքերի էկրաններին.

Բջջային դիզայնի SEO թեստավորում

Ինչպես գիտեք, երկու համաշխարհային որոնման առաջատարներ Google-ը և Yandex-ն ունեն իրենց անհամեստ կարծիքն այն մասին, թե ինչպես պետք է կայքը նայվի բջջային սարքերի էկրաններին։ Իսկ եթե կայքը ճանաչվում է որպես անհարմար բջջային այցելուների համար, ապա այն իջնում ​​է որոնման արդյունքներում։ Այսպիսով, կետից SEO հեռանկարԵթե ​​դուք չեք ցանկանում կորցնել բջջային այցելուներին, ապա դուք պետք է ունենաք ոչ միայն արձագանքող դիզայն, այլև որոնման համակարգերայն պետք է դիտարկել որպես այդպիսին, այսինքն՝ հարմար է շարժական սարքերի համար։

Հարմարվողականությունը ստուգելու համար Google ծառայությունգնացեք հետևյալ հասցեով և քշեք ձեր կայքի անունով. https://www.google.com/webmasters/tools/mobile-friendly/.

Ահա թե ինչպիսին է իմ բլոգը ստուգելու արդյունքը.

Yandex-ի հետ դա մի փոքր ավելի բարդ է, ստուգելու համար դուք պետք է գրանցվեք Yandex.Webmaster ծառայության մեջ և օգտագործեք ինտերֆեյսի բետա տարբերակը.

Առցանց ծառայություններ հարմարվողականությունը ստուգելու համար

Այս ծառայությունների հիմնական խնդիրն է ներկայացնել (ցույց տալ), թե ինչ տեսք կունենա ձեր կայքը բջջային սարքի վրա: Նման ֆունկցիոնալությամբ բազմաթիվ կայքեր կան։ Ես մեջբերեմ դրանցից ընդամենը մի քանիսը. Շատ դեպքերում նրանք կրկնօրինակում են FireFox-ի և Chrome-ի ներկառուցված ֆունկցիոնալությունը:

Google չափափոխիչ

Ես նորից կսկսեմ Google-ից, որն ունի իր հարմարվողականության ցուցադրման ծառայությունը՝ http://design.google.com/resizer/#

Quirktools screenfly

Երկրորդ լավ ծառայությունը http://quirktools.com/screenfly/ է: Այն ցույց կտա, թե ինչպես կարող է ձեր կայքը դիտվել նույնիսկ հեռուստատեսությամբ:

Symby.ru ադապտեստ

Դե, «ներքին արտադրողին» չվիրավորելու համար ես մեկ այլ կայքի օրինակ կտամ՝ http://symby.ru/adaptest/: Մեկ էջում դուք կտեսնեք միանգամից մի քանի դիտումներ՝ տարբեր էկրանի լուծումներով:

Կայքի բջջային տարբերակի արագությունը

Այն բանից հետո, երբ համոզվեք, որ ձեր կայքը ռեսպոնսիվ է և ճիշտ է ցուցադրվում սարքերի մեծ մասի էկրաններին, դուք պետք է ստուգեք դրա աշխատանքի արագությունը: Կրկին բջջային այցելուների հետ կապված:

PageSpeed ​​Insights

Google-ը միշտ առաջ է ընթանում՝ https://developers.google.com/speed/pagespeed/insights/: Այս ծառայությունը ցույց կտա, թե ինչպես է կայքը նայում հեռախոսի էկրանին և կտա առաջարկություններ՝ ինչպես օպտիմալացնել կոդը՝ բջջային սարքերում ներբեռնման արագությունը բարձրացնելու համար:

WebPageTest

Եվ վերջում ես կտամ ծառայության օրինակ, որը ոչ միայն ցույց կտա, թե ինչպես է կայքը նայում բջջային սարքում, այլև ցույց կտա դրա աշխատանքի արագությունը՝ http://www.webpagetest.org/

եզրակացություններ

Իմ կարծիքով ամենօրյա աշխատանքում կայքի դիզայնում փոփոխություններ կատարելիս ավելի հեշտ է օգտագործել ներկառուցված հնարավորությունները Firefox բրաուզերներև Chrome. Դրանից հետո, իհարկե, դուք պետք է ստուգեք որոնման համակարգերի հավատարմությունը ձեր դիզայնին: Եվ միայն դրանից հետո հոգին հանգստացնելու կամ պարծենալու համար կարող եք օգտվել առցանց ծառայություններից։

Ժամանակակից օգտվողը կայքեր է զննում ոչ միայն համակարգչից, այլև սմարթֆոնից կամ պլանշետից: Մարդկանց հարմարության համար կայքի ստեղծողները պետք է արձագանքեն այն բոլոր ընդհանուր սարքերում և բոլոր լուծումներով ցուցադրելու համար: Ուստի յուրաքանչյուր վեբ դիզայներ և վեբ ծրագրավորող պետք է իմանա ռեսպոնսիվ դիզայնի սկզբունքները։ Կայքի հարմարվողականությունը ստուգելու համար կան բազմաթիվ հատուկ ծառայություններ, որոնցից մենք ընտրել ենք ամենահարմարն ու ֆունկցիոնալը, որոնցից օգտվելն անվճար է։

XRespond

Այս գործիքն աջակցում է սարքերի հսկայական ընտրանի, որոնք կարելի է դիտել՝ կայքը կողք պտտելով: Խորհուրդ ենք տալիս էջանշել XRespond-ը:

Պատասխանատու

Responsinator ծառայությունը թույլ է տալիս ստուգել կայքի ցուցադրումը լանդշաֆտային և դիմանկարային կողմնորոշումներով iPhone սմարթֆոններ, Nexus եւ iPad պլանշետ. Կա նաև HTTP-ի և HTTPS-ի միջև անցնելու հնարավորություն:

Պատասխանատու դիզայնի ստուգիչ

Պատասխանատու դիզայնի ստուգիչը հնարավորություն է տալիս ստուգել կայքի հարմարվողականությունը սմարթֆոնների վրա, ներառյալ նոր հեռախոսները, ինչպիսիք են, օրինակ, Google Pixel, պլանշետներ, մոնիտորների տարբեր լուծումներ, ինչպես նաև թույլ է տալիս ինքներդ կարգավորել պատուհանի չափը։

Մեթ Քերսլի

Անգլիայից դիզայներ և ծրագրավորող Մեթ Քերսլին իր կայքում գործարկել է իր սեփական ծառայությունը, որտեղ կարող եք ստուգել կայքի հարմարվողականությունը, որտեղ լռելյայն լայնությունը 240 պիքսել է։ Քերսլին որոշեց չավելացնել լրացուցիչ չափսեր և սահմանափակվեց հինգով` 240px, 320px, 480px, 768px, 1024px:

Դիզայները տեղադրել է գործիքի կոդը github-ում նրանց համար, ովքեր ցանկանում են տեղադրել այն իրենց կայքում:

Ես արձագանքու՞մ եմ:

Ես արձագանքու՞մ եմ: հիանալի ընտրություն է, եթե Ձեզ անհրաժեշտ է արագ ստուգել կայքի հարմարվողականությունը մի քանի սարքերում և ցուցադրել այն հաճախորդին սքրինշոթով:

Mobile Friendly Test

Google-ն ունի բազմաթիվ ծառայություններ, որոնք օգնում են վեբ-վարպետին, և Mobile-Friendly Test-ը դրանցից մեկն է: Շարժական սարքերի համար հարմար թեստը տարբերվում է մեր ցուցակի մնացած վեբ ծառայություններից. այն չի կարող օգտագործվել՝ տեսնելու, թե ինչպես է կայքը ցուցադրվում տարբեր սարքերում: Նրա գործառույթն է ստուգել կայքի օպտիմալացումը բջջային սարքերում, միաժամանակ խորհուրդներ տալով, թե ինչպես լուծել խնդիրները: Google-ի խորհուրդների արժեքի մասին կասկած չկա:

Որոնման համակարգերը ձգտում են բարելավել որոնման արդյունքները բջջային սարքերի (սմարթֆոններ, պլանշետներ) օգտատերերի համար, այնպես որ տարբեր էկրանների չափերի համար օպտիմիզացված կայքերը կցուցադրվեն ավելի բարձր, քան այն կայքերը, որոնք չունեն նման օպտիմալացում: Սա նաև ներառում է բջջային տարբերակներըկայքեր.

Բջջային բարեկամական կայքի նշաններ.

  1. Հարմար ընթեռնելի բովանդակություն (կարդա առանց խոշորացման), մեծ ձևի դաշտեր և կոճակներ:
  2. «Ծանր» նկարների բացակայություն, Ֆլեշ՝ էլեմենտներ և ավելորդ անիմացիա։
  3. Java հավելվածների և Silverlight հավելվածների բացակայություն:
  4. Հորիզոնական ոլորման տող չկա:
  5. Կայքի բեռնման նվազագույն արագությունը:
  6. Առավել պարզ նավարկություն.
  7. Տեսադաշտի մետա թեգը ավելացվել է:

Կայքի «շարժունակության» ստուգման ծառայություններ

Ծառայությունների աշխատանքը ցուցադրելու համար եկեք վերցնենք իմ լավ գործընկերների՝ CONTEXT թարգմանչական գործակալության կայքը:

1.Google Mobile Friendly

Դուք կարող եք ստուգել ցանկացած կայք՝ ուղղակի մուտքագրելով դրա հասցեն տողում:

Ցուցադրում է էկրանին, թե ինչպես է կայքը նայում սմարթֆոնի վրա և տալիս է շարժական սարքերի համար դրա օպտիմալացման ընդհանուր գնահատականը:

Ի տարբերություն այլ ծառայությունների, այստեղ դուք կարող եք ստուգել ոչ թե յուրաքանչյուր կայք, այլ միայն ձեր սեփականը: Այսինքն, այն բանից հետո, երբ կայքը կավելացվի վեբ վարպետի ինտերֆեյսին` դրա նկատմամբ իրավունքների հաստատմամբ:

Ծառայությունը ցուցադրում է ընդհանուր վարկանիշը, ստուգում է համապատասխանության 6 կետերը և ցույց է տալիս, թե ինչպես է կայքը նայում սմարթֆոնի վրա:

3. Bing Checker

Ստուգվում է ընդհանուր օպտիմալացում գումարած 4 կետի համապատասխանությունը:

Այն նաև ցույց է տալիս, թե ինչպես է կայքը նայում սմարթֆոնի էկրանին (իհարկե, ՕՀ-ի պատուհաններում, մինչդեռ նախորդ ծառայությունները ցուցադրում էին android սմարթֆոն =)):

4. Բջջային ստուգիչ W3C-ի կողմից

Բոլոր ծառայություններից «ամենաերկարը»: Այնքան «երկար», որ չսպասեցի թեստի ավարտին =)

Ես սպասեցի 5 րոպե, իսկ մնացած ծառայությունները հաղթահարեցին 5-20 վայրկյանում:

5. Պատասխանատու

Ի տարբերություն մյուսների, այն ոչ մի գնահատական ​​չի տալիս, այլ ցուցադրում է, թե ինչպես է ձեր կայքը նայում 6 տարբեր սարքերի վրա՝ երկու կողմնորոշմամբ IOS-ում և Android-ում, ինչը շատ լավն է։

UPD1՝ 07/20/2017:

6. Ադապտատոր

Ծառայությունը առաջարկվում է այս հոդվածի մեկնաբանություններում: Անձամբ չեմ օգտագործել, բայց կարծես թե բավականին լավ է: Հնարավորությունները նման են ռեսպոնիզատորին, բայց կա նաև հարմարվողականության արդյունքի գնահատում։

UPD2՝ 3.11.2017:

7. iloveadaptive.com

Մեկ այլ նոր ծառայություն առաջարկվում է մեկնաբանություններում։ Ինչ վերաբերում է ինձ, մի քիչ ծանր ու անիրագործելի, բայց դա ավելին է, քան արդյունք է տալիս մեծ հնարավորություններ. Կա նույնիսկ տեսակավորում ըստ ՕՀ-ի։

Եզրակացություն

Անկասկած, բջջային սարքերի համար կայքի հարմարեցումը պարզապես հարգանքի տուրք չէ նորաձևությանն ու ժամանակին, այլ ժամանակակից կայքի անհրաժեշտ հատկանիշը, որն օգնում է ոչ միայն վերջնական օգտագործողին:

Ուստի խորհուրդ եմ տալիս բոլորին, ովքեր ցանկանում են ավելի մոտ լինել հաճախորդին և ունենալ ավելի շատ այցելություններ/առաջնորդներ, հնարավորինս շուտ հարմարեցնել իրենց կայքերը: Հարց տվեք ինձ -

«Business Motor թիմի նախագծի մենեջեր, վեբ վարպետ, հեղինակային հեղինակ.
Բջջային հարմարեցում - նշաձողկայքի աշխատանք. Շարժական սարքերի վարկանիշային գործոնի ներդրմամբ՝ ինբորդինգը դարձել է ավելի կարևոր: Մենք ձեզ ասում ենք, թե ինչպես իրականացնել կայքի շարժունակության հիմնական թեստավորում»

Բջջային սարքերում կայքի ցուցադրման հարմարավետությունը գործոն է, որի կարևորությունը վերջին տարիներըանշեղորեն աճում է: Եվ այստեղ խոսքը ոչ միայն այն օգտատերերի աճող թվի մեջ է, ովքեր կայքերը դիտում են սմարթֆոններից և պլանշետներից, այլ նաև որոնողական համակարգերի մակարդակով վարկանիշում:

Google-ը պաշտոնապես հայտարարեց այս գործոնի ազդեցության մասին կայքի դիրքի վրա 21.04.2015թ. Բոլորովին վերջերս տեղեկություններ հայտնվեցին Yandex բլոգում։ Ալգորիթմը, որը հաշվի է առնում կայքի ցուցադրման հարմարավետությունը շարժական սարքերում, ստացել է «Վլադիվոստոկ» անվանումը և, ըստ Yandex-ի ներկայացուցիչների, այն արդեն ակտիվորեն ներդրվում է Ռուսաստանում։

Բջջային կապի օգտատերերի կարիքներին կայքերի հարմարեցման կարևորությունը մեծանում է և կշարունակի աճել ապագայում: Բջջային հարմարվողականությունը կարտացոլվի ինչպես այցելուների փոխակերպումների, այնպես էլ որոնման արդյունքներում էջի վարկանիշում: Բայց ինչպե՞ս կարող եք իմանալ, արդյոք ձեր նախագիծը համապատասխանում է այս պահանջներին: Ինչպե՞ս որոշել, արդյոք կայքը հարմար է շարժական սարքերի համար ամեն մանրամասնությամբ: Այս մասին մենք կխոսենք մեր այսօրվա վերանայման ժամանակ:

Արդյո՞ք կայքը հարմար է շարժական սարքերի համար:

Ախտորոշման առաջին փուլը կայքն ինքնուրույն բացելն է շարժական սարքերում: Բայց նույնիսկ այստեղ ամեն ինչ այնքան էլ պարզ չէ, որքան կարող է թվալ, քանի որ հարմարվողականության որոշակի խնդիրներ կարող են դրսևորվել միայն որոշակի բրաուզերներում և էկրանի որոշակի չափսերում: Այս պատճառով խորհուրդ ենք տալիս թեստավորել.

  • էկրանի ուղղահայաց կողմնորոշմամբ սմարթֆոնի վրա (ներառյալ մոտ 300 պիքսել լայնությամբ նեղ էկրանների վրա);
  • էկրանի հորիզոնական կողմնորոշմամբ սմարթֆոնի վրա (480 պիքսել լայնությունից);
  • Էկրանի ուղղահայաց և հորիզոնական կողմնորոշմամբ պլանշետների վրա (768 պիքսել լայնությունից):

Կայքը փորձելը բնական է տարբեր սարքերմիշտ չէ, որ անհարմար է: Եթե ​​միայն այն պատճառով, որ ձեռքի տակ կարող են լինել ոչ բոլոր անհրաժեշտ գործիքները դրա համար: Դուք կարող եք լուծել այս խնդիրը՝ օգտագործելով բջջային էկրանի տարբեր էմուլյատորներ: Այնուամենայնիվ, կապ երրորդ կողմի ծառայությունկամընտիր. նմանատիպ էմուլյատորը նախապես տեղադրված է Google Chrome. Այն օգտագործելու համար պարզապես բացեք հետաքրքրող կայքը, սեղմեք F12 (զանգահարեք մշակողի վահանակին) և սեղմեք բջջային հեռախոսի պատկերով պատկերակը.

Կարևոր է նաև հաշվի առնել առանձնահատկությունները բջջային բրաուզերներ, քանի որ նրանք նույնպես կարող են ունենալ իրենց առանձնահատկությունները։ Փորձարկելիս կարևոր է կայքը դիտել հետևյալում.

  • նախապես տեղադրված Android OS բրաուզեր;
  • Google Chrome բջջային;
  • «արագ» բրաուզերներ, օրինակ՝ Opera Mini կամ UC Browser;
  • Safari (օրինակ, iPhone-ում):

Ինչպե՞ս են որոնման համակարգերը տեսնում ձեր կայքը:

Առաջին ավտոմատ թեստը, որը դուք պետք է անցնեք, եթե ձեզ հետաքրքրում է ձեր կայքի հարմարվողականության խնդիրը բջջայինի համար հարմար թեստ Google-ի կողմից. Այս գործիքը բավականին պարզ է և միանշանակ որոշում է կայացնում շարժական սարքերի համար էջի օպտիմալացման վերաբերյալ: Եվ եթե այս պատասխանը ոչ է, ապա գրեթե վստահ է, որ կայքը համարվում է անհարմար փոքր էկրանների և մակարդակի համար Google ալգորիթմներ- դրանից բխող բոլոր հետեւանքներով:

Եթե ​​կան պահանջներ սմարթֆոնների էկրանների վրա բովանդակության ձևաչափման վերաբերյալ, դրանք կցուցադրվեն այստեղ: Սա թույլ կտա արագ ախտորոշել ցուցադրման հատուկ խնդիրները և անմիջապես անցնել դրանց լուծմանը.

Խնդրում ենք նկատի ունենալ. կայքի սքրինշոթը տեղադրված է բջջային էկրանսկանավորման արդյունքները կարող են չհամընկնել այն ձևի հետ, որը դուք տեսնում եք ձեր սմարթֆոնի վրա: Ամենից հաճախ դա պայմանավորված է նրանով, որ միայն որոնման համակարգի կողմից ինդեքսավորված ֆայլերը մասնակցում են շարժական սարքերի համար հարմար թեստին, իսկ ոճային ֆայլերը (css) և սցենարները (js) հաճախ փակվում են robots.txt մակարդակում ինդեքսավորման համար: Ի դեպ, Google-ի վերջին առաջարկությունների համաձայն, դրանք պետք է տեսանելի դարձվեն որոնման համակարգերին։

Կայքի օպտիմիզացում բջջային սարքերի համար Google-ում և Yandex-ի վեբ-վարպետի գրասենյակում

Կարևոր է նշել, որ տեղեկատվություն այն մասին, թե ինչպես է կայքը համապատասխանում շարժական սարքերում ցուցադրման հարմարության մասին որոնման համակարգերի գաղափարներին, կարելի է ստանալ վեբ վարպետների գրասենյակներում. Google Search Consoleև Yandex.Webmaster-ը (առայժմ միայն նոր հաշվի բետա տարբերակում):

Google Search Console-ի արդյունքները ընթացիկ ստուգումէջերը հասանելի են այստեղ՝ Որոնել տրաֆիկ=> Բջջային սարքերում դիտելու հեշտություն: Այս էջը կրկնօրինակում է այն տեղեկատվությունը, որը մենք կարող ենք ստանալ՝ օգտագործելով շարժական սարքերի համար հարմար թեստը, սակայն տրված է կայքի բոլոր ինդեքսավորված էջերի համար, քանի որ դրանք սուզվում են Google ռոբոտների կողմից.

Yandex-ի նոր վեբ-վարպետի գրասենյակում զանգվածային ընթացիկ ստուգման տվյալները դեռ չեն ցուցադրվում: Փոխարենը, դուք կարող եք գտնել մի գործիք, որը նման է Google-ի բջջային սարքերի համար հարմար թեստին: Դրա միջոցով դուք կարող եք ձեռքով ստուգել, ​​թե արդյոք որոնման համակարգի ալգորիթմները հարմար են համարում սմարթֆոններում դիտելու համար որոշակի էջ:

P.S.

Ինչպես է կայքը և դրա հարմարվողականությունը ընկալվում որոնման համակարգերի կողմից, չափազանց կարևոր խնդիր է, բայց օգտատերերի փորձը նույնքան կարևոր է: Այսպիսով, ըստ պաշտոնական հատկանիշների, էջը կարող է լիովին բավարարել շարժական սարքերում դիտման հեշտության պահանջները, սակայն իրականում «կենդանի» օգտատերերի համար այս հարմարավետությունը կասկածելի կլինի: Սրա ուղղակի արդյունքն ավելի ցածր փոխակերպումներ են, կորցրած վաճառքներ, ավելի վատ վարքային գործոններ(որն իր հերթին նույնպես ազդում է վարկանիշի վրա):

Այս ցիկլի հաջորդ հոդվածում, մեկ շաբաթից, մենք ձեզ կպատմենք, թե ինչպես կարելի է կայքը տեսնել իր այցելուների աչքերով, ինչպես գտնել «խցաններ» բջջային էկրանում և ինչ չափանիշներով պետք է գնահատել դրա հարմարավետությունը:

եզրակացություններ

Բջջային սարքերում կայք դիտելու հեշտությունը գնալով ավելի կարևոր դեր է խաղում ինչպես փոխակերպման, այնպես էլ էջերի որոնման վարկանիշում:

Կայքի հարմարվողականությունը գնահատելու առաջին քայլը տարբեր էկրանների և բջջային տարբեր բրաուզերների վրա փորձարկումն է:

Պարզելու համար, թե ինչպես են որոնման համակարգերը գնահատում կայքի ցուցադրման հարմարավետությունը շարժական սարքերում, կօգնի Google-ի բջջային սարքերի համար հարմար թեստը, ինչպես նաև համապատասխան գործառույթը վեբ-վարպետի գրասենյակներում (Google Search Console և նոր գրասենյակվեբ վարպետ Yandex-ում):