Կամ բջջային տարբերակը: Ո՞րն է ավելի լավ հարմարվողական դասավորությունը կամ բջջային տարբերակը: Ինչ ընտրել հարմարվողական դասավորությունը կամ բջջային տարբերակը

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

բջջային տարբերակ

Կայքի բջջային տարբերակը կայքի առանձին տարբերակն է, որը նախատեսված է սմարթֆոնների և պլանշետների համար: Սովորաբար ունի դիզայն օպտիմիզացվածշարժական սարքերի համար, որպեսզի բովանդակությունը ներկայացվի մարդու համար ընթեռնելի ձևով, և բեռնումը տեղի ունենա գրեթե ակնթարթորեն: Սովորաբար տեղադրվում է ենթադոմեյնի վրա m.site.ru կամ mobile.site.ru տեսքով:

Առավելությունները

Հարմարավետություն

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

Ներբեռնման արագություն

Որպես կանոն, բջջային տարբերակի դիզայնը շատ պարզեցված է, իսկ կոդը և սկրիպտները նվազագույնի են հասցվում, ինչը հանգեցնում է շատ արագ բեռնումկայք բջջային սարքերի վրա:

Կայքի խմբագրումներ

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

Անցում հիմնական տարբերակին

Շատ դեպքերում օգտատերը առանց խնդիրների կարող է անցնել կայքի հիմնական տարբերակին, եթե անհրաժեշտ լինի օգտվել բջջային տարբերակում անհասանելի ֆունկցիոնալությունից:

Թերություններ

կրկնօրինակում

Տարբեր ենթադոմեյնների կրկնօրինակ բովանդակությունը բացասաբար է անդրադառնում որոնման համակարգի առաջխաղացման վրա: Որպես կանոն, ծրագրավորողները զբաղվում են բջջային տարբերակի ստեղծմամբ, իսկ SEO-ի մասնագետները՝ առաջխաղացումով։ Եվ եթե նույնիսկ թեստային տարբերակի վրա հաշվի առնվեն SEO-ի մասնագետների բոլոր ցանկությունները, փաստ չէ, որ նրանք կտեղափոխվեն մարտական ​​տարբերակ իրենց սկզբնական տեսքով։ Հաճախ տեղափոխության ժամանակ ինչ-որ բան փոխվում է, ինչ-որ բան ավելանում է։ Արդյունքում մենք կարող ենք վարկանիշային խնդիրներ ստանալ բջջային տարբերակի կրկնօրինակների պատճառով:

Թարմացնել

Հիմնական կայքում ավելացված ամբողջ բովանդակությունը պետք է կրկնօրինակվի բջջային տարբերակում: Իսկ եթե կայքը, օրինակ, է լրատվական պորտալև ամեն օր թարմացվում է, սա կարող է բավականին ծախսատար գործընթաց լինել:

Ֆունկցիոնալ սահմանափակում

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

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

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

Հարմարվողականորեն նախագծված կայքը հավասարապես հարմար է ցուցադրվում ինչպես աշխատասեղանի, այնպես էլ շարժական սարքերի վրա:

Առավելությունները

Իրականացման հեշտությունը

Որպես կանոն, հարմարվողական դասավորությամբ, էկրանի լայնությունը ճշգրտվում է ցանկալի ցուցադրման չափին: Այս ամենը կարելի է անել HTML-ով և CSS-ով։ Իսկ ժամանակակից CMS-ն ու շրջանակները թույլ են տալիս դա անել ընդամենը մի քանի կտտոցով: Այո, և ժամանակակից ձևանմուշները անմիջապես ապահովում են հարմարվողական դիզայն: Մնում է միայն տեղադրել այն: և մի քանի րոպեից դուք կունենաք հարմարվողական դիզայն, որը հարմար է ցանկացած լսարանի համար:

SEO

Եթե ​​բջջային տարբերակում մենք բախվում ենք բովանդակության կրկնօրինակմանը տարբեր ենթադոմեյններում, ապա այստեղ նման խնդիր չկա։ Էջը կունենա՞ մեկ հասցե (URL): իսկ էկրանի լուծաչափը կամ սարքը փոխելիս մենք չենք խախտի դիզայնը կամ չենք վերահղվի դեպի բջջային տարբերակը։ Այս տարբերակն ավելի լավ է լուծում կրկնօրինակ բովանդակության խնդիրը, քան rel="canonical" ատրիբուտները կամ արգելքները robots.txt-ում բջջային տարբերակում:

Թերություններ

ծանրություն

Սովորաբար, հարմարվողականությամբ, նրանք թողնում են բոլոր ֆունկցիոնալությունը հասանելի օգտվողներին: Սա նշանակում է, որ բջջային այցելուները կարող են բախվել սկրիպտների և շատ տեղեկատվության կույտի հետ, որոնք դժվար կլինի անմիջապես ծածկել սմարթֆոնի փոքրիկ էկրանին: Թեև նորմալ է, որ աշխատասեղանն ունի 200-250 ԿԲ չափս, բջջային հեռախոսը սովորաբար պահանջում է 50 ԿԲ-ից պակաս:

Այցելության նպատակը

Հաճախ օգտատերերը գնում են կայք՝ պարզելու կոնտակտային տվյալները, ուղղությունները, մասնաճյուղերի առկայությունը և այլն: Իսկ որոշ կայքերում նրանք ստիպված կլինեն անցնել մի քանի ծանր էջեր՝ իրենց նպատակին հասնելու համար։

Ոչ մի ընտրություն

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

Ներքևի տող. հարմարվողական դասավորությո՞ւն, թե՞ բջջային տարբերակ:

Այստեղ չկա մեկ ճիշտ պատասխան: Յուրաքանչյուր առաջադրանքի համար ընտրված է լավագույն տարբերակ. Իսկ ռեսպոնսիվ դիզայնը, որն իդեալական է մի կայքի համար, միայն մեկ այլ դեպքում կառաջացնի օգտագործելիության խնդիրներ։ Խոշոր խաղացողները և մեծածավալ կայքերը կարող են ավելի հեշտ լինել բջջային հավելված, որը կպարունակի միայն այն ֆունկցիոնալությունը, որն անհրաժեշտ է օգտատերերին:

Մեր կարծիքն այն է, որ եթե դուք ունեք միայն տեղեկատվական կայք, ապա հարմարվողական դիզայնը կատարյալ է: Քանի որ տեքստի և նկարների սեղմումը շատ ավելի հեշտ է, քան որոշել, թե ինչպես կարելի է փոխել հսկայական հաշվիչը կայքում՝ առանց օգտագործելիությունը կորցնելու:

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

Դե, եթե դեռևս չունեք կայք և պարզապես մտածում եք այն ստեղծելու մասին, ապա ավելի լավ է անմիջապես մշակման մեջ դնեք պատասխանատու դիզայն։

Որոնման խթանման արժեքը և դրա արդյունքը կախված են նրանից, թե ինչպես ենք մենք հարմարեցնում կայքը շարժական սարքերի համար:

Էջանիշներին

Ashmanov & Partners-ի օպտիմիզատոր Դմիտրի Մրաչկովսկին պատմել է, թե ինչպես ընտրել հարմարվողական և շարժական կայքի միջև, և ինչ ոչ ակնհայտ խնդիրների առաջ կկանգնեք:

Պատասխանատու և շարժական կայքերի առավելությունները

Դժվար է միանշանակ պատասխանել այն հարցին, թե սմարթֆոնների և պլանշետների հարմարեցման որ տեխնոլոգիան է ավելի արդյունավետ. SEO հեռանկար. Նույնիսկ խոշոր խաղացողների մեջ ես առավելություն չնկատեցի հօգուտ որոշ որոշման։ M.Video, DNS, Wildberries, Aviasales-ն օգտագործում են հարմարվողական դասավորություն, իսկ Lamoda, 220 Volt, Ulmart, Yandex.Market-ը՝ բջջային կայքեր: Բայց եկեք տեսնենք, թե ինչ օգուտներ են ստանում առաջինն ու երկրորդը:

«M.Video» կայքի հարմարվողական դասավորությունը և «220 վոլտ» կայքի բջջային տարբերակը

Պատասխանատու դասավորությունը օգնում է անել առանց առանձին բջջային տարբերակ մշակելու: Սա առավելություններ ունի.

• Մեզ պետք չէ առանձին էջի կառուցվածք՝ շարժական սարքերում ցուցադրելու համար։ Բավական է շտկել կայքի աշխատասեղանի տարբերակը օգտագործելով CSS.
• Սեղանի և բջջային տարբերակների համար օգտագործվում է մեկ URL: Ուստի կայքի բովանդակությունը կրկնօրինակված չէ, էջերը չեն մրցակցում միմյանց հետ, իսկ առաջխաղացման աշխատանքը ազդում է աշխատասեղանի և բջջային որոնումների վարկանիշի վրա։

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

• Բջջային կայքը կարող է հնարավորինս հեշտ և արագ բեռնվել՝ հեռացնելով անհարկի ֆունկցիոնալությունը կոդի մակարդակում:
• Ինտերֆեյսը կարող է բարելավվել բջջային օգտատերերի համար՝ ավելացնելով ֆունկցիոնալություն, որը հասանելի չէր կայքի աշխատասեղանի տարբերակում:
• Ցանկության դեպքում օգտատերը միշտ կարող է շարժական սարքի վրա անցնել կայքի հիմնական տարբերակին:

Ուզում եմ նշել ևս մեկ տեխնոլոգիա՝ RESS-ը: Այն օգտատիրոջը ցույց է տալիս աշխատասեղանի կամ շարժական կաղապար՝ կախված սարքից, սակայն էջի URL-ը չի փոխվում։ RESS-ը համատեղում է վերը նկարագրված հարմարվողական և շարժական տարբերակների առավելությունները: Բայց այն ունի նաև երկու թերություն՝ բարդ և թանկ իրականացում և սխալներ հեռախոսի հազվագյուտ և ոչ հանրաճանաչ մոդելների նույնականացման հարցում:

Պատասխանատու դասավորության հետ կապված խնդիրներ

Responsive-ը խնայող և հարմար լուծում է, սակայն որոնման խթանման առումով այն ունի մի քանի թակարդներ։

Հարմարվողականի սխալ մեկնաբանում

Ոմանք սխալ են իրականացնում հարմարվողական դասավորությունը և կոդի մեջ միանգամից երկու կաղապար են ցուցադրում՝ աշխատասեղան և բջջային: Կախված օգտագործողի սարքից, կոդի ցանկալի մասը մնում է տեսանելի, իսկ մնացածը թաքնված է ցուցադրման միջոցով. ոչ մեկը: Սա երեք խնդիր է առաջացնում.

1. Բովանդակության բոլոր տարրերը բեռնվում են երկու անգամ՝ տեքստեր, պատկերներ, H1 և H6 վերնագրեր, հացահատիկ, հարակից և ցուցադրված ապրանքներ և այլն: Իսկ որոնողական համակարգերն իսկապես չեն սիրում կրկնօրինակներ:
2. Բովանդակության չօգտագործված մասերը թաքցված են CSS-ով: Որոնողական համակարգերի կարծիքն այս հարցում միանշանակ չէ։ Google-ը հայտարարել է, որ անտեսում է թաքնված բլոկների բովանդակությունը, իսկ Yandex-ը՝ որ հաշվի է առնում էջի ողջ բովանդակությունը։ SEO-ի փորձագետների մեծ մասը համաձայն է, որ նման սխեման ստեղծում է տուգանքի վտանգ:
3. Կոդը կրկնօրինակվում է, և կայքը ավելի դանդաղ է բեռնվում:

Նման իրականացումը սխալ մոտեցում է RESS տեխնոլոգիայի նկատմամբ:

Թաքցնել ավելորդ տարրերը

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

JavaScript-ի սխալ օգտագործում

Ոմանք օգտագործում են JS՝ բջջային սարքերում անհարկի բլոկներ չցուցադրելու համար: Բայց այս մեթոդը ավելի լավ չէ, քան ցուցադրումը. ոչ մեկը: Վտանգ կա, որ որոնիչները չեն ինդեքսավորեն իրենց համար նախատեսված բովանդակությունը նույնիսկ աշխատասեղանի տարբերակում։ Որոնման համակարգերԸնդհանուր առմամբ, AJAX-ի բովանդակությունը միշտ չէ, որ ճիշտ է ընկալվում, հատկապես, եթե ճիշտ ինդեքսավորման մի շարք պայմաններ չեն պահպանվում:

Ինչու են մարդիկ դեռ օգտագործում արձագանքող դիզայն:

Հարմարվողականի ընտրությունը սովորաբար պայմանավորված է երկու հիմնական առավելություններով՝ կայքի միայն մեկ տարբերակի մշակում և բազմաթիվ URL-ների հետ կապված խնդիրների բացակայություն:

Այն նաև հարմար լուծում է մի քանի մարզեր առաջխաղացման համար։ Մենք կենտրոնացնում ենք մեր բոլոր ջանքերը մեկ տիրույթի վրա և արդյունքներ ենք ստանում աշխատասեղանի և բջջայինի որոնումներում: Դա անելու համար անհրաժեշտ է Yandex.Directory-ում հետաքրքրող շրջանները կապել կայքի հետ:

Իսկ Google-ի համար էջ ստեղծեք մասնաճյուղերի հասցեներով, որպեսզի որոնողական համակարգը հասկանա, թե որ մարզերում եք աշխատում։ Հարմարվողական դասավորությունը մեկ տիրույթով շատ հաջողությամբ օգտագործվում է M.Video-ի կողմից: Խանութը բարձր դիրքեր ունի բջջային և աշխատասեղանի արդյունքներում՝ ապրանքների, կատեգորիաների և տեղեկատվության հարցումների համար:

Դուք կարող եք գնալ այլ ճանապարհով՝ օգտագործել աշխարհա-ենթադոմեյններ՝ էջերի տեքստի համապատասխանությունը մեծացնելու համար: Այս դեպքում ենթադոմեններին, ինչպիսիք են spb.site.ru, samara.site.ru, kazan.site.ru, նշանակվում են շրջաններ Yandex.Webmaster-ի միջոցով, այնուհետև վերնագրերն ու մետա թեգերը վերագրվում են տեղանունով: Մեկ այլ գումարած այն է, որ հեշտ է ստեղծել առանձին վերլուծություններ գեո-ենթադոմեյնների համար՝ արդյունքներին հետևելու համար ըստ տարածաշրջանի: Խթանման այս մեթոդը կիրառվում է MediaMarkt-ի կողմից:

Կայքերի բջջային տարբերակների հետ կապված խնդիրներ

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

Կրկնակի խթանման աշխատանք

Բջջային կայքը օպտիմիզացված և առաջխաղացված է հիմնական կայքից առանձին, և դա պահանջում է ավելի շատ ռեսուրսներ, քան հարմարվողականի դեպքում: Դուք պետք է սկսեք օպտիմալացնել, որպեսզի բջջային տարբերակը ճիշտ ինդեքսավորվի և չմրցի աշխատասեղանի հետ: Դա անելու համար կապեք դրանք Yandex.Webmaster-ում և Search Console-ում, սահմանեք ճիշտ rel="alternate" ատրիբուտները, կարգավորեք ինդեքսավորումը և XML քարտեզի ստեղծումը:

Քաոս՝ բովանդակության բացարձակ հղումների պատճառով

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

• Եթե ​​աշխատասեղանի տարբերակն ունի օգտագործողի գործակալ, օգտատերը կտեսնի էջի բջջային տարբերակը։
• Մնացած դեպքերում օգտատերը կտեսնի աշխատասեղանի էջ, իսկ բջջային տարբերակի ստեղծման աշխատանքն ապարդյուն կլինի։

Այս դեպքում կարող է խախտվել կայքի ներքին հղման կշիռը։ Այս խնդրից խուսափելու համար օգտագործեք հարաբերական հղումներ ձեր բովանդակության մեջ: Այսինքն՝ href հատկանիշի համար https://site.ru/page/-ի փոխարեն նշեք /page/:

Սեղանի և շարժական կայքերի բովանդակությունն ու կառուցվածքը կարող են տարբերվել: Ուստի տրամաբանական է որոնման մեջ ինդեքսավորել երկուսի բովանդակությունը՝ սխալներից խուսափելու համար։ Google-ը բջջային տարբերակում առաջարկում է նշել, որ աշխատասեղանի կայքի բովանդակությունը կանոնական է: Մյուս կողմից, որոնողական համակարգն ասում է, որ ոչ կանոնական էջերի բովանդակությունը հաշվի չի առնվում։

Այս առումով Yandex-ի հետ ամեն ինչ պարզ է. այն առանձին ինդեքսավորում է բջջային և աշխատասեղանի էջերի բովանդակությունը: Դա անելու համար պարզապես rel="alternate" հատկանիշը հիմնական տարբերակից դրեք բջջայինի վրա, ինչպես նաև կարող եք տեղադրել 301 վերահղումներ աշխատասեղանի տարբերակից դեպի բջջային տարբերակը՝ հաշվի առնելով սարքի օգտատեր գործակալը։

Mobile-first ինդեքսի անհասկանալի պահանջներ

Mobile-first ինդեքսին անցմանը նախապատրաստվելու համար տրամաբանական է որպես կանոնական էջ ընտրել կայքի բջջային տարբերակը։ Ճիշտ է, բջջային հեռախոսի վերաբերյալ առաջարկություններում կան որոշ անորոշություններ: Օրինակ, Google-ի ուղեցույցներում ասվում է, որ բջջային և աշխատասեղանի տարբերակների բովանդակությունը պետք է նման լինի, բայց չի բացահայտում «նմանության» աստիճանը։

Բայց ի՞նչ, եթե աշխատասեղանի որոնման մեջ վարկանիշը պահանջում է որոշակի բովանդակության բլոկ, որը բջջային տարբերակում կլինի ավելորդ, բայց առաջնահերթությունը կտրվի բջջային տարբերակին:

Հատված Google-ի շարժական կայքերի ինդեքսավորման ուղեցույցից

Հատված Google-ի զեկույցից mobile-first ինդեքսի ներդրման վերաբերյալ

Տուրբո էջերի անմիտ օգտագործումը

Ոմանք անխտիր նորարարում են որոնիչները՝ վարկանիշի վրա ազդելու ակնկալիքով: Օրինակ, Yandex turbo էջերը, որոնք որոնման մեջ չեն փոխարինում լիարժեք բջջային էջերին, ներառում են օգտվողի ֆունկցիոնալության մի փոքր մասը և ավելի քիչ են փոխակերպվում: Եթե ​​դուք ունեք կոմերցիոն կայք և վստահ եք բջջային տարբերակի որակի վրա, մի շտապեք իրականացնել «turbo»-ն՝ նույնիսկ հոդվածներով և ակնարկներով էջերի համար:

Արտաքին հղումների ազդեցության նվազեցում

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

Տարածաշրջաններում խթանման առանձնահատկությունները

Վերևում մենք խոսեցինք հարմարվողականությունը տարածաշրջանային խթանելու երկու եղանակների մասին՝ օգտագործելով մեկ տիրույթ և աշխարհա-ենթադոմեյններ: Մտածեք այս տարբերակները բջջային տարբերակների համար:

Առաջին դեպքում մենք գովազդում ենք հիմնական տիրույթը և բջջային ենթադոմեյնը m.site.ru: Նրանցից յուրաքանչյուրը պետք է սահմանի տարածաշրջանները Yandex.Directory-ի միջոցով: Խնդիրն այն է, որ երբեմն անհնար է ինքնուրույն կապել կայքի բջջային տարբերակը մասնաճյուղին: Դուք ստիպված կլինեք կապ հաստատել տեխնիկական աջակցության հետ, բայց դա արդյունք չի երաշխավորում: Դուք չեք կարող ստեղծել առանձին կազմակերպություն կայքի բջջային տարբերակի համար: Հետեւաբար, եթե կան շատ ճյուղեր, ապա պարտադիր կարող է երկար ժամանակ տևել:

Մենք ընդհանրապես բացառում ենք m.spb.site.ru կամ spb.m.site.ru նման ենթադոմեյնների օգտագործման տարբերակը: Չնայած Kholodilnik.ru-ն, օրինակ, օգտագործում է այն։ Բայց այս դեպքում, դուք պետք է կարգավորեք հասցեները բջջային և աշխատասեղանի տարբերակների բոլոր տարածաշրջանների միջև, պահեք դրանք թարմացված, հետևեք փոփոխություններին և վերահսկեք վեբ վարպետների ծառայությունները: Սա հսկայական աշխատանք է, որը դժվար թե իր արդյունքը տալ:

Բջջային հեռախոսի համապատասխանության ստուգման ներկայացում

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

Yandex-ի տեխնիկական աջակցության հետ կապի մի հատված՝ կայքի բջջային տարբերակին տարածաշրջան նշանակելու մասին

Ինչու են օգտագործվում բջջային տարբերակները:

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

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

Որ տարբերակն ընտրել

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

Գրել

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

Տարբերակ 1. արձագանքող դիզայն

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

կողմ :

1. Յուրաքանչյուր էջի միայն մեկ տարբերակ: Էջը հարմարվում է սարքի տեսակին՝ բովանդակությունը ցուցադրելու համար (որոշվում է սարքի տեսակը, այնուհետև ցուցադրվում է տարբեր բովանդակություն):
2. Այս մոտեցումը զգալիորեն հեշտացնում է կայքի սպասարկումը:
3. Պատասխանատու դիզայնը չի հիմնվում օգտվողի գործակալի հայտնաբերման վրա, ինչպես դա անում են մյուս երկու տարբերակները: Հայտնաբերում Օգտագործողի գործակալ(այսինքն՝ հայտնաբերել, թե որ զննարկիչը կամ սարքը վեբ էջ է խնդրում) ինքնին վատ չէ, բայց կատարյալ չէ, և եթե գործընթացում անսարքություն լինի, օգտվողները կարող են ստանալ սխալ տարբերակձեր կայքը: Բացի այդ, այն ազատում է որոնողական սարդերին՝ ձեր կայքը սողալու տարբեր վայրերում Օգտագործողի գործակալՍա նշանակում է, որ ձեր կայքը ավելի լավ ինդեքսավորվի:
4. Պատասխանատու վեբ կայքերի ձևավորումները սովորաբար ավելի արագ են բեռնվում բրաուզերներում: Քանի որ բոլոր սարքերը ստանում են նույն բովանդակությունը, օգտվողի գործակալի պատճառով հնարավոր հարցումների վերահղման հայտնաբերման գործընթաց չկա: Բոլորը գիտեն, որ արագությունը կարևոր է:

Մինուսները:

1. Գոյություն ունեցող կայքի վերաձևավորումը պահանջում է որոշակի ժամանակ և ջանք: Այսպիսով, եթե դուք ունեք մեծ կայք, արձագանքող դիզայնի անցնելը կարող է լավագույն ընտրությունը չլինել:
2. Կախված ձեր կայքի գտնվելու վայրից, բջջային հեռախոսի էկրանին բովանդակություն սեղմելը կարող է բավականին դժվար լինել:
3. Նավիգացիոն տարրերը միշտ չէ, որ ցուցադրվում են ճիշտ չափը, իսկ սավառնող մակերեսի վրա տարրերը ընդհանրապես չեն աշխատում սենսորային էկրաններ. Սա կարող է փոփոխություններ առաջացնել նավիգացիայի մեջ:
4. Կան դեպքեր, երբ շատ պատկերներով արձագանքող էջերը ավելի դանդաղ են բեռնվում բարձր արագությունդիզայնի արձագանք.

Եթե ​​որոշել եք ռեսպոնսիվ դիզայնով կայք ընտրել, հիշեք, որ անպայման պետք է ստուգեք ձեր կայքը տարբեր բրաուզերներև սարքեր (կամ օգտագործել լավ Օգտագործողի գործակալ emulator) նախքան կայքը գործարկելը:

Պատասխանատու դիզայնի լավ օրինակ է կայքը: կայք :

Բջջային տարբերակը բավականին լավ է փոխում կայքը։

Տարբերակ 2. Դինամիկ սպասարկում

Դինամիկ սպասարկման կամ վերահղման էությունն այն է, որ Օգտագործողի գործակալայցելուին (այսինքն, թե ինչ սարք է նա օգտագործում ձեր կայքը դիտելու համար), այնուհետև սերվերի մակարդակով վերահղում դեպի ցանկալի URL: Դինամիկ վերահղումը կարող է իրականացվել մի քանի եղանակով.

Դինամիկ վերահղման իրականացման եղանակներից մեկը միակողմանի վերահղումն է, որի ժամանակ շարժական օգտատերերը վերահղվում են հիմնական սովորական կայքից դեպի իր բջջային տարբերակը:

Երկրորդ տեսակը՝ երկկողմանի վերահղումը, այն է, երբ օգտատերերը նաև շարժական տարբերակից վերահղվում են դեպի աշխատասեղանի տարբերակ: Կոդի մասերը, որոնք պատասխանատու են նման վերահղման համար, երբեմն կոչվում են կառավարման պիտակներ։ Սա իրականացնելիս նշվում է պիտակը rel = "այլընտրանք"սովորական տարբերակում, մատնացույց անելով շարժական կայքը; իսկ բջջային կայքում տեղադրվում է պիտակը rel = "այլընտրանք"մատնացույց անելով հիմնականը ամբողջական տարբերակըկայք։

Կողմերը:

1. Քանի որ վերահղումը կատարվում է սերվերի մակարդակով, կլինի միայն մեկը URLյուրաքանչյուր էջի համար:
2. Դինամիկ վերահասցեավորումը լավ է աշխատում նաև սովորական հեռախոսների՝ բջջային հեռախոսների համար, որոնք պարունակում են ֆիքսված գործառույթների շարք, բայց այնքան էլ ընդարձակ չեն, որքան սմարթֆոնները: Օրինակ, բջջային հեռախոսները սովորաբար չեն կարող ներբեռնել հավելվածներ, բայց հիմնականում ունեն վեբ զննարկման որոշ հնարավորություններ: Մեծ տարբերությունն այն է, որ բջջային հեռախոսները չեն կարողանում մշակել css, այնպես որ նրանք չեն կարող լավ վարվել արձագանքող դիզայնի հետ: Հետևաբար, կարևոր է իմանալ ձեր լսարանը և իմանալ, թե ինչ տեսակի շարժական սարքեր են նրանք օգտագործում:
3. Եթե ​​ցանկանում եք այն ունենալ հատուկ ձեր բջջային օգտատերերի համար, ապա այս տարբերակը ձեզ թույլ կտա դա անել, քանի որ բջջային օգտատերերը և սովորական տարբերակի օգտատերերը ցուցադրում են այլ կոդ: HTML.

Մինուսները:

1. Նման իրականացումը կրկնապատկում է աշխատանքի ծավալը, քանի որ դուք պետք է առանձին կայք պատրաստեք շարժական սարքերի համար՝ ինդեքսավորման առանձին հավաքածուով։ HTML, պահանջում է առանձին SEO.
2. Օգտվողի գործակալի արժեքային տողերի պահանջվող ցանկը նույնպես պահանջում է մշտական ​​ծառայություն, քանի որ նոր շարժական սարքի թողարկման ժամանակ պետք է ավելացվեն նոր տողեր:
3. Ի վերջո, հիշեք, որ դուք պետք է օգտագործեք « HTTP վերնագիր Տատանվում է«եթե ձեր կայքը դինամիկ բովանդակություն է մատուցում. Վերնագիրը օգնում է պատշաճ կերպով ստանալ բովանդակությունը և օգնում է կայքի շարժիչին այն պատշաճ կերպով քեշավորել: Google-ը ցույց է տալիս մանրամասներ, թե ինչպես ավելացնել այս վերնագիրը ( https://developers.google.com/webmasters/smartphone-sites/details#dynamicserving) .

Տարբերակ 3. բջջային կայք

Այս տարբերակը, ինչպես հուշում է անունը, ներառում է առանձին տիրույթի ստեղծում հատուկ բջջային օգտատերերի համար։ Ամենատարածված օրինակներն են m.domain.comկամ mobile.domain.com. Սա հայտնի տարբերակ է խոշոր մանրածախ վաճառողների համար: Նման մեթոդը ներառում է հատուկ շարժական այցելուների համար բովանդակության նախագծում (և առանց սերվերի մակարդակի վերահղումների):

Կողմերը:

1. Հարյուր հազարավոր կամ միլիոնավոր էջեր ունեցող խոշոր կայքերի համար պատասխանատու դիզայնի ներդրումը չափազանց մեծ աշխատանք կլինի: Մոբայլ կայքի դեպքում հնարավոր կլինի աստիճանաբար ավելացնել կայքի մոբայլ տարբերակը (այն նման է առանձին կայքի) և շատ ավելի քիչ աշխատանք կլինի։
2. Ինչպես դինամիկ վերահղման դեպքում, բջջային կայքն ավելի լավ տեսք ունի բջջային հեռախոսներում, քան արձագանքող կայքը: Կախված ձեր կայքի ժողովրդագրությունից, սա կարող է չափանիշ չլինել. բայց որոշ բիզնեսների համար դա էական է:

Մինուսները:

1. Ձեր շարժական կայքը չի շահի հիմնական կայքի հետադարձ կապի պրոֆիլի որևէ դրական աճից (եթե դուք երկկողմանի վերահղում չեք իրականացրել): Այսպիսով, եթե ցանկանում եք, որ ձեր բջջային օգտվողները կարողանան գտնել ձեզ օրգանական որոնման մեջ, դա կարող է հատկապես բացասական լինել:
2. Ձեր բջջային կայքը կպահանջի որոշակի լրացուցիչ SEO աշխատանք: Ձեզանից կպահանջվի առանձին քարտեր ներկայացնել XML կայքի քարտեզ Google-ի և Yandex-ի համար: Բացի այդ, դուք պետք է խմբագրեք ձեր մետա թեգերը: Բջջային մետա թեգերը պետք է ավելի կարճ լինեն, քան սովորական կայքի համար:

Ահա շարժական կայքի օրինակ, որը ճիշտ է արված: NYTimes.comունի հիմնական կայք աշխատասեղանի այցելուների համար.

Եվ mobile.nytimes.comբջջային այցելուների համար.

Ինչպես տեսնում եք, բովանդակությունը զգալիորեն վերաֆորմատավորվել և փոքրացվել է, որպեսզի այն ընթեռնելի լինի շարժական սարքում:

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

Անել ճիշտ ընտրությունձեր կայքի համար, համոզվեք, որ ինքներդ ձեզ հարցրեք, թե ձեր այցելուներից քանիսն են օգտագործում շարժական սարքեր ձեր կայք մուտք գործելու համար: Ստուգեք. Եթե ​​ընդհանուր տոկոսը բջջային տրաֆիկմոտավորապես 5% մակարդակի վրա է, ապա դուք, հավանաբար, կարող եք ժամանակ հատկացնել բջջայինի համար նախագծմանը:

Եթե ​​կանխատեսումները իրականանան, բջջային կապի օգտագործումը կշարունակի աճել։ Այնուհետեւ նրանք, ում կայքերը ճիշտ չեն ցուցադրվի շարժական սարքերում, կկորցնեն որոնման տրաֆիկի զգալի մասը եւ ավելին։ Ստեղծեք կայքեր «մարդկանց համար», և դուք երջանիկ կլինեք:

Բոլորը և բոլորը խոսում են շարժունակության մասին՝ փոքր մարքեթինգային գործակալություններից մինչև այնպիսի հսկաներ, ինչպիսիք են Yandex-ը և Google-ը:

Այս հոդվածում մենք ձեզ կպատմենք, թե ինչու է կայքի բջջային տարբերակը նման իրարանցում առաջացնում, ինչ պահանջներ կան դրա համար և արդյո՞ք դա ձեզ անհրաժեշտ է անձամբ։

Եվ ես անմիջապես կբացահայտեմ մի մեծ գաղտնիք, այն իրականացնելուց հետո մենք սկսեցինք ավելի շատ պատվերներ ստանալ. Ամեն ինչ. Մնացածն ավելի հեռուն է։

Ինչի համար? Ինչի համար? Ինչի համար?

Կայքը շարժական սարքերի համար հարմարեցնելու անհրաժեշտության թեման կարող եք հետաձգել տարբեր ձևերով։

Բայց գլոբալ առումով, կայքի բջջային տարբերակ ստեղծելու օգտին երկու հիմնավոր պատճառ կա՝ օգտագործողի և տեխնիկական:

Եկեք ավելի սերտ նայենք յուրաքանչյուրին: Միևնույն ժամանակ, ինչպես միշտ, կարճ և կարևոր: Դարպասի հետևում ջուր ենք թողնում։

Օգտագործողի բարեկամականություն

2016-ին StatCounter-ի վերլուծաբաններն առաջինն էին, որ նկատեցին, որ բջջային թրաֆիկի մասնաբաժինը գերազանցում է աշխատասեղանի բաժինը՝ 51,3%՝ 48,7%-ի դիմաց։

Սա նշանակում է, որ միջինում ինտերնետի ցանկացած կայք ավելի հաճախ այցելում են հեռախոսից, քան համակարգչից:

Ռուսաստանում պատկերը մոտավորապես նույնն է՝ սմարթֆոնների մասնաբաժինը գերազանցում է համակարգիչներին և այլ սարքերին։ Այս մասին է վկայում GfK Rus-ի ուսումնասիրությունը.

Վիճակագրություն

Տարեցտարի այդ ճեղքվածքն ավելի ու ավելի է աճում, օրինակ՝ 2018 թվականին աճը կազմել է 20%։ Ավելին, վերլուծաբաններն ասում են, որ սա սահմանը չէ։

Այս հավասարեցումը պետք է անպայման ձեզ ստիպեց մտածել՝ ինչպես է ձեր կայքը նայում սմարթֆոնների էկրանին:

Եվ ամենայն հավանականությամբ պատասխանը վատն է։ Բջջային հեռախոսից սովորական չհարմարեցված կայք բացելիս, զննարկումը վերածվում է քվեստի՝ պետք է ընդլայնել էջերը, նպատակ դնել դեպի փոքր հղումներ, սպասել երկար բեռի:

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

Օգտագործողները երկար ժամանակ չեն փնտրի ցանկալի բաժինը և չեն հասկանա ինտերֆեյսը. հարմար մրցակցի կայքը միշտ բաց է հաջորդ ներդիրում:

Որոնման համակարգի նախապատվությունները

Google-ը և Yandex-ը երկար ժամանակ առաջ են մղում բջջային տարբերակների համար: Դրա համար առաջինը թողարկեց հատուկ Mobile-first Index ալգորիթմը, ըստ որի այն գնահատում է բջջային կայքի հարմարավետությունը և, կախված դրանից, որոշում է նրա դիրքը որոնման մեջ:

Երկրորդ ալգորիթմը դուրս եկավ ավելի ուշ, բայց կարևորության առումով այն մոտավորապես նույն մակարդակի վրա է։ Այն կոչվում է Վլադիվոստոկ:

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

Սա այն մասին է, թե ձեր այցելուները որքան ժամանակ են անցկացնում կայքում, քանի էջ են բացում, որքան ակտիվ են սեղմում կոճակների և անջատիչների վրա:

Եթե ​​օգտատերը բջջային հեռախոսից այցելում է սովորական աշխատասեղանի կայք, ապա նա երկար ժամանակ չի մնա այնտեղ։

Արդյունքում, վարքագծային բնութագրերը կվատթարանան: Արդյունքում դուք գտնվում եք Yandex-ի և Google-ի վերջին անմարդաբնակ էջերում:

Մենք ձեզ դեռ համոզե՞լ ենք։ Ապա ինքներդ ստուգեք՝ արդյոք Ձեզ անհրաժեշտ է բջջային տարբերակ, ավելի ճիշտ՝ որ սարքերից են այցելուները գալիս ձեր կայք։

Դուք կարող եք դա անել ներսում Google Analytics«Հանդիսատես -> Բջջային սարքեր -> Տեսություն» զեկույցում: Եթե ​​ունեք, ապա անցեք «Զեկույցներ -> Տեխնոլոգիաներ -> Սարքեր»:

Վերլուծություն

Եթե ​​տեսնում եք, որ սմարթֆոնների 15%-ից ավելին կա, ապա սա տագնապալի զանգ է ձեզ համար՝ պարզապես պետք է օպտիմալացնել կայքը բջջային սարքերի համար: Հետևաբար, եկեք պարզենք, թե որոնք են դա անելու ուղիները:

Կարևոր.Այս իրավիճակը ոչ բոլորի կողմից է նկատվում։ Իսկ որոշ ոլորտներում բջջային տարբերակի օգտագործումն արգելված է, որքան էլ դա տարօրինակ հնչի։

բջջային տարբերակների տեսակները

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

Ինչպես միշտ, ճիշտ ընտրություն կատարելու համար պետք է հիմնվել ձեր առաջադրանքների և հնարավորությունների վրա:

1. Պատասխանատու դասավորություն

Տեխնիկապես սա մեկ կայք է, սակայն էջերի կառուցվածքը հարմարվում է սարքի չափերին:

Պարզեցված տարբերակում այն ​​ունի հետևյալ տեսքը. համակարգիչների համար բացեք ընտրացանկի բոլոր տարրերը և պատրաստեք արտադրանքները երեք սյունակում:

Պլանշետների համար մենք ցույց ենք տալիս միայն զամբյուղը և ապրանքները տեղադրում ենք երկու սյունակում. սմարթֆոնների համար - մենք ամեն ինչ թաքցնում ենք մենյուի կոճակում, ապրանքը տեղադրում ենք յուրաքանչյուր տողի համար:

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

Կայքի նման հարմարվողականության հիմնական առավելությունն այն է, որ թե՛ բջջային, թե՛ աշխատասեղանի տարբերակները նույն կայքն են։

Սա նշանակում է, որ բավական է մեկ անգամ կատարել ցանկացած փոփոխություն, որից հետո ավտոմատ կերպով տեղի կունենա կայքի հարմարեցումը բոլոր էկրաններին։

Դա կարող է լինել հոդվածի ավելացում, տեսակավորման փոփոխություն, կոճակի նոր գույն։ Հարմարվողականի այլ առավելություններ.

• Էժան և հեշտ - այն մշակվում է համեմատաբար արագ և էժան, նույնիսկ կարող եք ադապտիվ տեղադրել գոյություն ունեցող կայքում.
• Մեկ էջի հասցե - հարմար է օգտվողների համար և տեխնիկապես ճիշտ (որոնողական համակարգի օպտիմալացման հետ կապված ավելի քիչ դժվարություններ);
• Դա այն է, ինչ խորհուրդ է տալիս Google-ը: Մշակողի էջում կա ճշգրիտ օգտագործման պաշտոնական առաջարկություն հարմարվողական դասավորություն. Չկան կոնկրետ փաստարկներ, բայց սա հենց Google-ն է:

Կան նաև հարմարվողական դասավորության թերությունները: Չնայած այլ տարբերակների համեմատ, դրանք բավականին աննկատ են: Բայց այնուամենայնիվ, ինչպես ասացի, դրանք են.

• Մեծ ֆունկցիոնալություն ունեցող կայքը դժվար է հարմարվել բջջային հեռախոսներին։ Սա կամ անհարմար կլինի, կամ որոշ առանձնահատկություններ պետք է զոհաբերվեն.
• Դանդաղ բեռնում: Հիշո՞ւմ եք, որ մենք ասում էինք, որ նույն կայքը բեռնված է և՛ հեռախոսների, և՛ համակարգիչների համար:

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

• Չհաջողվեց անցնել ամբողջական տարբերակին: Օգտատերը չի կարողանա որևէ բանի դեպքում անցնել աշխատասեղանի տարբերակին, որպեսզի օգտագործի բոլոր հնարավորությունները, քանի որ կայքն ինքն է որոշում, թե որ տարբերակին ցուցադրի այն։

Այնուամենայնիվ, արձագանքող դիզայնը համացանցի ամենատարածված բջջային տարբերակն է:

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

2. Առանձին բջջային տարբերակ

Այս դեպքում դուք կունենաք երկու տարբեր կայք՝ յուրաքանչյուրն իր հասցեով, դիզայնով և հնարավորություններով: Սա հարցի պատասխանն է. «Ի՞նչ տարբերություն կա կայքի բջջային տարբերակի և հարմարվողականի միջև»:

Կայքն ինքն է որոշում այցելուի էկրանի չափը և որոշում, թե ինչ կցուցադրվի՝ կայքի բջջային տարբերակը, թե աշխատասեղանի տարբերակը։

Ամենից հաճախ, դա բջջային տարբերակն է, որը սկսվում է հղման մեջ m տառով (թարգմանվում է որպես «բջջային»):

Առանձին բջջային տարբերակ

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

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

Բոլոր կոճակներն ու անջատիչները կարող են հսկայական լինել, որպեսզի դրանք անպայման մատով հարվածեն:

Կան նաև այլ փաստարկներ առանձին կայքի բջջային տարբերակ ստեղծելու համար՝ արագ բեռնման արագություն. առանձին տարբերակում բեռնվում են միջին որակի թեթև պատկերներ և, ընդհանուր առմամբ, էջը կրճատվում է մինչև հիմնական տարրերը։

Եվ հնարավոր է նաև անցնել կայքի ամբողջական տարբերակին, եթե այցելուն որոշի, որ բջջայինի գործառույթներն իրեն չեն բավարարում։

Արդար լինելու համար, շարժական սարքերի համար կայքի առանձին տարբերակն ունի որոշ թերություններ.

• Կայքերի տարբեր հասցեներ բջջային հեռախոսների և աշխատասեղանի համար: Սա կարող է խնդիրներ առաջացնել SEO-ի համար. որոնիչները տեսնում են նույն բովանդակությամբ երկու տարբեր կայքեր:

  Եվ կրճատված դիրքերը կրկնօրինակման համար: Խնդիրը շրջանցելու համար դուք ստիպված կլինեք միացնել լրացուցիչ ռեսուրսներ.

• Պլանշետից նստելը անհարմար է. դրա վրա էլեմենտները մշուշոտ են ամբողջ էկրանով:

  Իսկ աշխատասեղանի տարբերակի համար պլանշետի էկրանը բավականաչափ մեծ չի լինի։ Ստացվում է, որ այցելուն հայտնվում է փակուղու մեջ.

• Ավելի շատ ծախսեր: Չնայած բջջային տարբերակն ունի սահմանափակ ֆունկցիոնալություն, բայց այնուամենայնիվ, հաշվի առեք, որ սա նոր կայք է, որը պետք է ստեղծվի զրոյից։

  Հետևաբար, կայքի բջջային տարբերակի մշակման համար նախապես բյուջե սահմանեք.

• Վարելու լրացուցիչ ժամանակ. Երկու կայք կա, դուք պետք է պահպանեք աշխատանքը և թարմացնեք ինչպես այնտեղ, այնպես էլ այստեղ:

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

Եթե ​​դուք ունեք նույն «վտանգավոր» վաճառքը, ապա դուք պետք է ուշադրություն դարձնեք էլեկտրոնային առևտրի կայքերի զարգացմանը։

Առցանց խանութի կայք

3. Դինամիկ էկրան (RESS)

Իսկ երրորդ ճանապարհը նախորդ երկու տարբերակների սիմբիոզն է։ Նախ, կայքը հայտնաբերում է այցելուների սարքը և, կախված էկրանի չափից, բացում է աշխատասեղանի, բջջայինի կամ պլանշետի տարբերակը։

Այսինքն՝ միայն այն տարբերակը, որը հարմար է կոնկրետ սարք. Համակարգիչները՝ մեծ ու ծավալուն, իսկ սմարթֆոնները՝ սահմանափակ, բայց թեթև։ Մոտեցումը մեծապես նվազեցնում է բացման ժամանակը:

RESS-ի հիմնական թերությունն այն երկար և թանկ լինելն է: Դինամիկ ցուցադրման նախագծումը նման է մի քանի տարբեր կայքեր զրոյից կառուցելուն:

Եվ տեխնոլոգիան կատարյալ չէ: RESS-ը համեմատաբար երիտասարդ գործիք է, ուստի կարող է պատահել, որ սարքը սխալ հայտնաբերվի կամ ընդհանրապես չհայտնաբերվի:

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

Կա նաև ռետինե պարտադրանք: Ոմանք կարծում են, որ սա բջջային կայքի տարբերակ է, բայց դա այդպես չէ:

Կարևոր. Ռետինե դասավորությունը միայն այն դեպքում, երբ կայքը նույնպես կոկիկ ցուցադրված է հեռախոսում, ինչպես նաև համակարգչում: Եվ, բոլորովին անփոփոխ.

ԻԴԵԱԼԱԿԱՆՈՒԹՅԱՆ ՉԱՓԱՆԻՇՆԵՐ

Մենք արդեն ասել ենք, որ համակարգչի մոտ օգտատերը առավելագույնս կենտրոնացած է այն ամենի վրա, ինչ տեսնում է էկրանին։

Նրա ուշադրության համար գրեթե ոչինչ չի մրցում։ Անկախ նրանից, թե դա սմարթֆոնի մոտ նստելու խնդիր է՝ զուգահեռ առաջադրանքներ, ճանապարհ, ահազանգեր, զանգեր, ձեր շրջապատի մարդիկ: Սա առաջին հերթին պետք է հաշվի առնել մշակելիս:

Հետևաբար, անկախ նրանից, թե որ մոտեցումն եք ընտրում, դուք պետք է հետևեք շարժական սարքերի համար կայքի որոշակի կանոններին: Ահա ամենակարևորները.

1. Խոշոր մուգ տեքստ բաց ֆոնի վրա:Բոլոր տեքստերը լավագույնս նախագծված են դասականների համաձայն՝ սև տառատեսակ սպիտակ ֆոնի վրա:
2. կարճ ձևեր.Թողեք հարցում, նշանակեք հանդիպում, կատարեք գնումներ. ինչ էլ որ օգտագործողը մտնի, դուք պետք է պահանջեք նվազագույն տվյալներ, որոնք բավարար են առաջին շփման համար:

   Երկար ձևերը սկզբունքորեն վախեցնում են, ինչ կարող ենք ասել բջջային այցելուների մասին:

3. Խոշոր սեղմվող տարրեր:Այցելուն չպետք է նպատակաուղղվի և բռնի կոճակներն ու անջատիչները: Ավելի լավ է բոլոր ինտերակտիվ տարրերը մեծացնել. փորձեք դրանք ինքներդ ծակել:

   Apple-ը և Microsoft-ը խորհուրդ են տալիս նպատակ ունենալ 44 x 44 պիքսել: Նվազագույն շեմը 24x24 է, բայց սա վերջին միջոցն է:

4. Կայքի բեռնման արագությունը.Չկան կոնկրետ չափանիշներ, բայց միշտ պետք է ձգտել դեպի իդեալը։

   Նման ընդհանուր օրինաչափություն կա՝ էջը բեռնելու յուրաքանչյուր վայրկյանը համաչափորեն նվազեցնում է վաճառքի վերածումը։

   Դուք կարող եք ստուգել կայքի բջջային տարբերակը հատուկ ծառայություններում բեռնման արագության համար, դրանց մասին մի փոքր ավելի ցածր:

5. Նշված ձևի տեսակը:Տեխնիկական պայմանները կազմելիս անպայման նշեք, որ հեռախոսը լրացնելիս միայն թվային ստեղնաշար.

   Նույնը գաղտնաբառերի դեպքում Էլև այլ ոլորտներ։ Եթե ​​դուք ինքներդ եք մշակում կայքը, ապա մի ծույլ մի՛ եղեք յուրաքանչյուր ձևի համար համապատասխան տեսակ սահմանելու համար:

6. Սեղմվող կոնտակտներ:Ինչպես ձևաթղթերի դեպքում, կոնտակտային տվյալները նույնպես ունեն հատուկ տեսակի հղում:

   Կտտացրեք հեռախոսի վրա - հավաքումը բացվում է, փոստի վրա - փոստի ծրագիր. Օգտագործողները սովորությունից դրդված անպայման կխփեն կոնտակտներին:

7. Տեղեկատվությունը մեկ սյունակում:Մեկ էկրանի վրա մի քանի սյունակներում հորիզոնական ոլորումներ և լուսանկարներ չկան:

   Նույնիսկ ամենաթեժ ֆլագմանները դրա համար բավականաչափ մեծ էկրան չունեն: Մեկ սյունակ տեքստն ավելի հեշտ է ընթերցվում, իսկ մեծ լուսանկարները ցույց են տալիս բոլոր մանրամասները:

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

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

Գրավման ձևը

Շարժունակության ստուգում

Լավագույն փորձագետը, ով ձեզ կասի, թե արդյոք ձեր կայքը հարմար է օգտագործողի համար, այցելու է: Կատարեք ձեր բջջային տարբերակի բարձրաձայն փորձարկումը:

Շրջակա միջավայրից ընտրեք նրան, ով լավագույնս համապատասխանում է ձեր պոտենցիալ գնորդի նկարագրությանը` ըստ տարիքի, մասնագիտության, հետաքրքրությունների:

Խնդրեք կամավորին պատվիրել, թող նա գնորդի ամբողջ ճանապարհով անցնի: Պարզապես մի խանգարեք կամ ուղղեք նրան:

Թող ամեն ինչ հնարավորինս իրատեսական լինի, դուք չեք նստի յուրաքանչյուր այցելուի կողքին և բացատրեք, թե որտեղ պետք է սեղմել:

Ցանկացած դժվարություն կամ շփոթություն պետք է բարձրաձայն մեկնաբանվի ձեր թեմայի կողմից:

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

Տեխնիկական ստուգում

Երբ համոզվեք, որ բոլոր տարրերը տեղում են, և ինտերֆեյսը պարզ և կանխատեսելի է, անցեք տեխնիկական կողմին:

Անցեք կայքը տարբեր ծառայությունների միջոցով՝ սխալներ և մեկնաբանություններ հավաքելու համար: Եթե ​​կարող եք, ինքներդ շտկեք, ոչ, կիմանաք, թե ինչ գրել TOR-ում ծրագրավորողի համար:

Google Search Console- պաշտոնական ծառայություն Google-ից: Այն ցույց կտա, թե ինչպես է կայքը նայում միջին սմարթֆոնի էկրանին և կտա բարելավման առաջարկներ:

Հիշո՞ւմ եք, երբ խոսեցինք Mobile-first Index ալգորիթմի մասին: Ծառայությունը պարզապես հիմնված է իր աշխատանքի վրա, այնպես որ մի անտեսեք այս կետը:

Google Search Console

Yandex Webmaster- նմանատիպ ծառայություն Yandex-ից: Նախքան այստեղ ստուգելը, դուք պետք է ավելացնեք կայքը Webmaster վահանակում և հաստատեք դրա իրավունքները (ներբեռնեք թողարկված փոքր ֆայլ):

Միայն դրանից հետո կարող եք օգտվել ծառայությունից՝ անցնելով «Գործիքներ -> Ստուգել»: բջջային էջեր«. Բանն օգտակար է նաև՝ առաջարկություններով և մեկնաբանություններով։

Yandex Webmaster

Ստուգեք Bing որոնումից:Այո, կա նաև այդպիսի որոնիչ։ Թող շատ քիչ մարդիկ օգտագործեն այն, բայց հիմա դրանք ձեզ պետք չեն:

Ծառայությունը կարող է տեսնել սխալներ, որոնց վրա նախորդ երկուսը ուշադրություն չեն դարձնի: Դե, ինչպես ասում են, ավելի վատ լինել չի կարող։

Ստուգեք Bing որոնումից

Տեսողական ստուգում

Տեխնիկական ստուգումներից հետո անցեք տեսողականներին։ Իհարկե, դուք կարող եք ստուգել կայքը ձեր հեռախոսից, բայց ձեր այցելուները ստուգել են տարբեր սարքեր– լայնէկրան ֆլագմաններից մինչև բյուջետային սմարթֆոններ:

Բոլորին հետևելու համար օգտագործեք ծառայությունները՝ կայքը տարբեր էկրանների վրա ցուցադրելու համար: Ահա դրանցից մի քանիսը.

responsinator.com - ցույց է տալիս բոլոր հայտնի սարքերը միանգամից մեկ էջում: Ծառայության մեջ դրանք տասը են՝ Pixel 2 (և Android-ներն ընդհանրապես), iPhone-ներ և iPad-ներ։

answerer.com

iloveadaptive.com - կարող եք ընտրել, թե որ հարթակները ցուցադրել միանգամից՝ առանց տարբեր սարքեր խառնելու:

Լրացուցիչ բարիքներից. վերին աջ անկյունում կան էջի բեռնման արագության հիմնական ցուցանիշներ:

iloveadaptive.com

quirtools.com - ցուցադրում է միայն մեկ սարք միաժամանակ, բայց ինչպիսի ընտրություն: Բոլոր էկրանները բաժանված են խմբերի. ժամանակակից սմարթֆոններ, կոճակով հեռախոսներ, համակարգիչներ և հեռուստացույցներ։

Վերևում տեղադրված է հարմար քանոն՝ էկրանի չափը պիքսելներով և լրացուցիչ գործառույթներշրջվելու և ոլորելու համար։

quirtools.com

Ծառայությունների մեջ կա որսորդություն՝ որքան էլ փորձեք դրանք, դրանք ձեզ լիարժեք ցուցադրություն չեն տա:

Տարբեր հարթակների, տեխնոլոգիաների և զարգացման մոտեցումների պատճառով ծառայության և իրական հեռախոսի պատկերը կարող է տարբերվել՝ մի պիքսել ավելի, մի փիքսել ավելի քիչ:

Ընդհանուր առմամբ, սա մեծապես չի ազդում շարժունակության որակի վրա, բայց ավելի լավ է դա նկատի ունենալ:

Իմիջայլոց.Դուք կարող եք պարզել, թե որ էկրանի չափի այցելուները ձեզ են գալիս նույն չափման միջոցով: Վիճակագրությունը գտնվում է «Ստանդարտ հաշվետվություններ -> Տեխնոլոգիաներ -> Ցուցադրման լուծումներ» բաժնում:

Համառոտ հիմնականի մասին

Այսպիսով, եթե դուք վերցնում եք բջջային տարբերակը, ապա նախ ընտրեք համապատասխան մեթոդը, ապա համոզվեք, որ մշակողը չի խաբում:

Բայց մինչ այդ, լավ գործ արեք։ Ի վերջո, մի բան է, որ ամեն ինչ լավ ցուցադրվի, և մեկ այլ բան՝ ամեն ինչ վաճառելը: Իսկ սրա համար միայն տեխնիկական մասը բավարար չէ։

Եվ նաև, ափսոս, որ հենց հիմա մտածում եք բջջային տարբերակի մասին։ Արդեն անցել են այն ժամանակները, երբ ասում էին, որ սա շատ ակտուալ է, և եկել է բջջային հեղափոխությունը։

Այժմ կայքի հարմարեցումը սմարթֆոնների համար լռելյայն հատկություն է: Մերը ձեզ փորձագիտական ​​խորհրդատվություն- մի կողմ թողեք կասկածները և գործի անցեք:

RuNet-ում տրաֆիկի մոտ 20%-ը բաժին է ընկնում բջջային օպերացիոն համակարգերին:Եվ այս ցուցանիշը շարունակում է թափ հավաքել։ Արդյո՞ք սա առիթ չէ մտածելու այն մասին, թե արդյոք հարմարեցնել ձեր կայքը բջջային տրաֆիկի համար, քանի որ սա բոլորովին այլ լսարան է:

Էլեկտրոնային գաջեթների էկրանի տարբեր լուծումների համար պատասխանատու դիզայնը վաղուց դարձել է վեբկայքի մշակման ժամանակակից ստանդարտ: Սակայն ինտերնետում նման կայքերի տոկոսը դեռ մեծ չէ։ Եվ նույնիսկ ավելի քիչ կայքեր կան, որոնք ունեն իրենց բջջային տարբերակը: Այսպիսով, արժե՞ կայքի առանձին տարբերակ ստեղծել Բջջային հեռախոսներըԹե՞ դա բավարար է դիզայնը հարմարվողական դարձնելու համար:

Ինչու՞ է կայքին անհրաժեշտ բջջային տարբերակ:

1. Շատ ավելի հարմար է օգտագործել կայքի բջջային տարբերակը սմարթֆոններից և բջջային հեռախոսներից. հորիզոնական ոլորման կարիք չկա, բոլոր գործառույթները ճիշտ են աշխատում (որոշ ոչ հարմարեցված կայքերում նույնիսկ անհնար է ապրանքներ դնել զամբյուղի մեջ: )
2. Բջջային տարբերակում դուք կարող եք զարգացնել լրացուցիչ հնարավորություններ, ուղղված հատուկ այցելուների այս թիրախային խմբին. կազմակերպել SMS ուղարկելը անմիջապես կայքից, որոշել գտնվելու վայրը և հեռավորությունը մինչև մոտակա վաճառքի կետ և այլն:
3. Նման կայքերի նավարկությունը կատարվում է հարմարեցված սենսորային էկրանին (Touch screen), որը նույնպես շատ ավելի հարմար է։
4. Կայքի բջջային տարբերակն ավելի թեթև է, ունի ավելի քիչ կոդ, ուստի այն ավելի արագ է բեռնվում, ինչը նվազեցնում է օգտատիրոջ ծախսերը այն ներբեռնելու համար, երբ վճարում է բջջային տրաֆիկի համար:
5. Որոնման համակարգերը օգտագործում են բջջային որոնումհեռախոսների համար, հետևաբար, կայքի բջջային տարբերակը դրանում ավելի բարձր դասակարգվելու է, ինչը նշանակում է, որ ձեր կայք ավելի շատ անցումներ կլինեն:

Կայքի բջջային տարբերակի տեսակները

Բջջային տարբերակը կարող է լինել նույնական է հիմնական կայքինկրկնել կառուցվածքը, բովանդակությունը, դիզայնը: Այս էֆեկտին կարելի է հասնել նույնիսկ հատուկ ծառայությունների դեպքում՝ առանց ծրագրավորողների հետ կապվելու:

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

Ի՞նչ է պահանջվում կայքի բջջային տարբերակի համար:

• Դիզայն.Թերևս ամենակարևոր բաղադրիչը: Բջջային կայքերի դիզայնի վերջին միտումները թեթևության և պարզության գերագույն են:
• Համատեղելիություն.Կայքը պետք է ճիշտ ցուցադրվի էկրանի ամենատարածված լուծումներով (240x320, 480x320 և մի քանի այլ): Նման կայքերում ավելի լավ է չօգտագործել կամ օգտագործել մինիմալ javascript, օգտագործել xhtml:
• Բովանդակության օպտիմիզացում.Սա հատկապես վերաբերում է նկարներին՝ դրանք պետք է լինեն թեթև թե չափերով, թե կիլոբայթներով։
• Օգտագործելիություն.Լավ նավարկությունը հաջող բջջային կայքի բանալին է:

Բջջային տարբերակ, թե՞ արձագանքող դիզայն:

Այս հարցին ստույգ պատասխան չեք գտնի։ Կան տարբեր տեսակետներ, որոնք հիմնվում են թե՛ մեկի, թե՛ երկրորդ տարբերակի թերությունների վրա։

Հարմարվողական դիզայնի հիմնական թերություններինվերաբերում է այն փաստին, որ կայքի «քաշը» մնում է մեծ, ինչը նշանակում է, որ կայքի բեռնումը դեռ երկար ժամանակ կպահանջի: Զարգացման մեջ ռեսպոնսիվ դիզայնն ավելի պարզ է, քան բջջային տարբերակը, սակայն այն հնարավոր չէ անջատել բջջայինի էկրանին, մինչդեռ եթե օգտագործողին դուր չի գալիս բջջային տարբերակը, նա միշտ կարող է անցնել կայքի ստանդարտ տարբերակին։

Ո՞ր կայքերին է անհրաժեշտ բջջային տարբերակ:

Հետազոտությունները ցույց են տալիս, որ նպատակահարմար է ստեղծել կայքի բջջային տարբերակը հետևյալ տեսակի կայքերի համար.

• Հղման կայք
• Սոցիալական ցանցերըև ծառայություններ
• Վեբ ծառայություններ
• Առցանց գնումներ

Եթե ​​դուք արդեն մտածել եք, թե արդյոք ձեր կայքին անհրաժեշտ է բջջային տարբերակ, թե ոչ, վերլուծեք կայքի տրաֆիկը անցած տարիվերլուծական համակարգերի միջոցով: Եթե ​​բջջային տրաֆիկի մասնաբաժինը կազմում է 15% կամ ավելի, ապա պատասխանն ակնհայտ է:

Թվեր

Դեռ չե՞ք որոշել։ Ապա հաշվի առեք այս վիճակագրությունը.

1. Բջջային հեռախոսներից օգտվում է ընդհանուր բնակչության 87%-ը։ Ըստ երևույթին, դրանք ոչ միայն փոքր երեխաների մեջ են:
2. Աճ բջջային առևտուրկանխատեսվում է, որ առաջիկա 5 տարում կավելանա 99 անգամ:
3. Կայքերի միայն 21%-ն է հարմարեցված աշխատելու համար շարժական սարքեր. Դուք դեռ հնարավորություն ունեք ստանալ ձեր բաժինը տրաֆիկից:

Օգտակար վիճակագրությունը տրված է ստորև՝ ինֆոգրաֆիկայում (կտտացնելով):