Տնային բջջային տարբերակ. Ի՞նչ ընտրել՝ բջջային տարբերակ, թե՞ արձագանքող դիզայն: Ինչպես է մշակվում բջջային տարբերակը մեր վեբ ստուդիայում

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

Ըստ comscore.com-ի՝ շարժական սարքերով կայքեր դիտող օգտատերերի տոկոսն ամեն տարի աճում է.

Ակտիվ բջջային տվյալների բաժանորդային բազա, աշխարհ, միլիոն մարդ, 2007–2015 թթ

Այս առումով մշակվել են որոնման համակարգերի նոր ալգորիթմներ և ներդրվել են լրացուցիչ վարկանիշային գործոններ. այժմ որոնման արդյունքները հաշվի են առնում, թե որքանով է կայքը հարմար բջջայինի համար (հարմար է շարժական սարքերում դիտելու համար): Google-ում շարժական բարեկամական ալգորիթմը գործարկվել է 2015 թվականի ապրիլի 21-ին, Yandex-ում՝ «Վլադիվոստոկ»-ում՝ 2016 թվականի փետրվարի 2-ին:

Կայքի աշխատասեղանի տարբերակը և շարժական սարքերի համար հարմարեցված տարբերակը

Ինչպես են որոնողական համակարգերը որոշում, թե արդյոք կայքի էջը հարմար է շարժական սարքերում դիտելու համար.

• Էջերը պետք է պարունակեն բովանդակություն, որը դիտելու համար չի պահանջում հորիզոնական ոլորում կամ խոշորացում.
• կայքը չպետք է պարունակի տարրեր, որոնք չեն աշխատում բազմաթիվ շարժական սարքերի վրա՝ Flash, Java հավելվածներ և Silverlight հավելվածներ;
• Էջերի տեքստերը պետք է ընթեռնելի լինեն առանց մասշտաբի.
• Հղումները պետք է բավականաչափ հեռավորության վրա լինեն միմյանցից, որպեսզի հեշտությամբ սեղմվեն:

Ամենակարևորն այն է, որ որոնման համակարգերը միանշանակ են գնահատում վեբկայքերը՝ կամ շարժական, թե ոչ:

Google-ի PageSpeed ​​Insights գործիքը (https://developers.google.com/speed/pagespeed/) կարող է օգնել ձեզ որոշել, թե որքան արագ են ձեր կայքի էջերը բեռնվում և դրանց օգտագործելիությունը: PageSpeed-ի գնահատականը կարող է տատանվել 0-ից մինչև 100 միավոր Էջի բեռնման արագության և օգտագործողի փորձի համար, օրինակ՝

85 և բարձր միավորների արդյունքները համարվում են լավ:

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

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

Ո՞ր դեպքերում է անհրաժեշտ կայքերի համար բջջային կամ հարմարվողական տարբերակ մշակել:

Հասկանալու համար, թե արժե արդյոք կայքը հարմարեցնել «բջջային» լսարանի համար, անհրաժեշտ է վերլուծել այն վեբ-վերլուծական համակարգերում (Yandex.Metrica կամ Google Analytics) ըստ տրաֆիկի՝ ըստ սարքի, որից օգտվողները մուտք են գործում կայք: Եթե ​​լսարանի 15%-ից ավելին օգտագործում է սմարթֆոններ կամ պլանշետներ, խորհուրդ է տրվում մշակել հարմարվողական դասավորություն կամ բջջային տարբերակ։ Այստեղ կարևոր է հաշվի առնել կայքի տրաֆիկը: Օրինակ, մեծ թվով այցելուներ ունեցող կայքերի համար (1,000,000-ից և ավելի), այս բարը իջեցված է, քանի որ կայքի տրաֆիկի նման մեծ հատվածը չի կարող անտեսվել:

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

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

Բջջային տարբերակի «հատուկ առանձնահատկություն». երբ անցնում եք դրան, բրաուզերի հասցեի տողում URL-ը ավելացվում է «m» նախածանցը, օրինակ՝ m.example.ru:

Դիտեք համակարգչի մոնիտորի և շարժական սարքի վրա. բջջային տարբերակը տարբերվում է հիմնականից

Հարմարեցված բջջային տարբերակով կայքի օրինակ՝ http://www.lamoda.ru/ (m.lamoda.ru):

Կայքի բջջային տարբերակի հիմնական առավելությունները

• Թեթև քաշ և, որպես հետևանք, բարձր բեռնման արագություն: Սա կարևոր է այն օգտվողների համար, ովքեր ունեն ինտերնետ հասանելիության ցածր արագություն (GPRS կամ թույլ 3G):
• Օգտագործողը կարող է ընտրել, թե որ տարբերակը դիտի (բջջային կամ հիմնական):
• Բջջային սարքերում կայքը դիտելու հեշտության համար որոնման համակարգերի պահանջների բավարարում:

Բջջային տարբերակի թերությունները

• Կայքում փոփոխություններ կատարելու անհրաժեշտության դեպքում դրանք պետք է կատարվեն ինչպես կայքի սովորական տարբերակում, այնպես էլ բջջայինում, այսինքն՝ աշխատանքի ծավալն ավելանում է 2 անգամ։
• Այն մշակելիս հաճախ ստիպված ես լինում հրաժարվել որոշ բովանդակությունից։
• Քանի որ կայքի բջջային և հիմնական տարբերակները տարբեր տիրույթներում են, դա չի բարելավում հիմնական տիրույթի վարքագծային գործոնները, այսինքն՝ սա մինուս կլինի SEO-ի օպտիմալացման համար։

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

Դիտեք համակարգչի մոնիտորի և շարժական սարքի վրա - հարմարվողական տարբերակը տարբերվում է հիմնականից

Հարմարվողական տարբերակով կայքի օրինակ՝ http://www.mvideo.ru/:

Բջջային սարքերի համար պատասխանատու դիզայնի առավելությունները

• Մեկ URL ամբողջ բովանդակության համար:
• Ճկուն ինտերֆեյս - դուք կարող եք կարգավորել կայքի հարմարավետ ցուցադրումը էկրանի ցանկացած լայնության համար:
• Հարմարվողական դիզայնը համապատասխանում է որոնման համակարգերի պահանջներին՝ շարժական սարքերում կայքը դիտելու հեշտության համար:
• Եթե ​​կայքը ունի հարմարվողական տարբերակ, ապա շարժական սարքերում վարքագծային գործոններն ավելի լավն են դառնում, և դա բարելավում է կայքի ընդհանուր աշխատանքը: Սա մեծ պլյուս կլինի որոնման արդյունքներում վարկանիշի համար:

Բջջային արձագանքող դիզայնի թերությունները

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

Ո՞րն է ավելի լավ՝ շարժական սարքերի համար հարմարվողական դասավորություն, թե՞ կայքի բջջային տարբերակը:

Կայքի լավագույն լուծումը շարժական սարքերի համար հարմարվողական դասավորության օգտագործումն է: Չնայած մի շարք թերություններին, հարմարվողական դասավորությամբ կայքը ավելի ֆունկցիոնալ է: Նաև էջի ձևանմուշների առկայությունը նշանակում է, որ հեշտ է բովանդակություն ավելացնել կայք՝ ի տարբերություն բջջային տարբերակի, որտեղ բովանդակության ավելացման աշխատանքը կրկնօրինակված է, քանի որ իրականում կան երկու տարբեր կայքեր: Մեծ պլյուս է այն փաստը, որ հարմարվողական տարբերակը բարելավում է հիմնական կայքի վարքային գործոնները։ Սա օգտակար է խթանման և օգտագործելիության տեսանկյունից: Ելնելով դրանից՝ խորհուրդ ենք տալիս կատարել ձեր ընտրությունը՝ հօգուտ հարմարվողական դասավորության:

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

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

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

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

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

1. Հարմարվողական դիզայն. Օգտագործելով CSS3, դուք կարող եք սահմանել ձեր սեփական ոճերը տարբեր կայքի էկրանի չափերի համար: Այս մեթոդն այսօր լայնորեն կիրառվում է, իսկ լավն այն է, որ այն չի պահանջում կայքում լրացուցիչ էջեր ստեղծել։ Բացասական կողմն այն է, որ կայքում ամեն ինչ չէ, որ օպտիմիզացված է, էջի քաշը դեռևս բարձր է, բայց հավատարիմ մնալով «առաջինը բջջային» սկզբունքին, դա կարելի է խուսափել (սկզբունքը, երբ կայքը առաջին անգամ օպտիմիզացված է բջջային հեռախոսների համար):
2. Առանձին բջջային կայք. Այս տարբերակում ավելի հեշտ է փոփոխություններ կատարել, քանի որ բջջային և աշխատասեղանի տարբերակների կառուցվածքները կոդի առումով կախված չեն միմյանցից։
3. RESS. Այս մեթոդով սպասարկման կողմի ծրագրակազմը հայտնաբերում է սարքը և թողարկում դրա HTML և CSS-ը: Այստեղ թերությունները կայանում են նրանում, որ օգտագործողի սարքը հայտնաբերելու տեխնոլոգիան իդեալական չէ, և դա լրացուցիչ բեռ է սերվերի վրա:
4. - Առանձին դիմում. Սա այնքան էլ չի համապատասխանում տեսակի սահմանմանը: Ավելի շուտ, դա հավելում է: Ավելի ու ավելի շատ հավելվածներ կան, և որոշ օգտատերեր սկսել են գնումներ կատարել և կայքի նորությունները դիտել հիմնականում դրանց միջոցով: Այս որոշման մասին պետք է մտածեն խոշոր և այցելված ինտերնետային նախագծերը կամ նրանք, որոնք դատապարտված են կոմերցիոն հաջողության։

Կայքի բջջային տարբերակում անհրաժեշտ գործառույթները

1. Համատեղելիություն. Կայքը պետք է ճիշտ ցուցադրվի էկրանի ամենատարածված լուծումներով (480x320, 1280x720 և այլն): Նման կայքերում ավելի լավ է օգտագործել xHTML, ավելի լավ է խուսափել JavaScript-ից։
2. Օգտագործելիություն. Նավիգացիան հաջողության բանալին է, իսկ լավ նավարկությունը հաղթանակի ուղիղ ճանապարհ է, փորձեք ամեն ինչ կատարելապես անել, անընդհատ խնդրեք ընկերներին կամ տարբեր ֆորումներում գնահատել տարբերակը, հաշվի առնել օգտվողների կողմից առաջարկվող ուղղումները հետագա զարգացման մեջ.
3. Բովանդակության օպտիմիզացում. Այս կետը հատկապես վերաբերում է նկարներին. դրանք պետք է լինեն թեթև կիլոբայթով և չափերով;
4. Դիզայն. Ամենակարևոր բաղադրիչը. Բջջային հեռախոսների դիզայնի ներկայիս միտումը առավելագույն թեթևությունն է և օգտագործման հեշտությունը:

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

Ինտերնետային տարբեր պորտալների հետազոտությունները թույլ են տալիս գնահատել բջջային տարբերակի ստեղծման իրագործելիությունը հետևյալ թեմաների համար.

• Սոցիալական ցանցեր և նմանատիպ ծառայություններ;
• ԶԼՄ - ները;
• Առցանց խանութներ;
• Օգնության պորտալներ:

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

Դու դեռ մտածում ես? Հրավիրում ենք ձեզ մտածել այս փոքրիկ վիճակագրության մասին.

• Բջջային հեռախոսներն ավելի շատ են օգտագործվում 87% բնակչությունը, մնացած 13%-ը մինչև 5 տարեկան երեխաներ են.
• Բջջային առևտրի աճը մինչև 2020 թվականը, ըստ տարբեր կազմակերպությունների, կաճի ավելի քան 99 անգամ.

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

Ներկայումս կայքերի բջջային տարբերակները կառուցելիս կան դրանք ստեղծելու 3 հիմնական եղանակ.

• Հարմարվողական դիզայն;
• Կայքի առանձին բջջային տարբերակ;
• RESS (արձագանքող դիզայն + սերվերի կողմ):

Յուրաքանչյուր մեթոդ ունի իր դրական և բացասական կողմերը, որոնք ես կփորձեմ մանրամասն նկարագրել:

Հարմարվողական դիզայն

CSS3 մեդիա հարցումները սովորաբար օգտագործվում են արձագանքող դիզայնի իրականացման համար: Կախված էկրանի չափից՝ օգտատերը կտեսնի այլ նկար.

@media էկրան և (առավելագույն լայնությունը՝ 1600px) ( div.for-example (լայնությունը՝ 1500px;) ) @media էկրան և (առավելագույն լայնությունը՝ 1280px) (div.for-example (լայնությունը՝ 1100px;) ) @media էկրան և (առավելագույն լայնություն՝ 1024px) ( div.օրինակ (լայնություն՝ 980px;))

Պատասխանատու դիզայնի առավելությունները

• Զարգացման հեշտություն -Հարմարվողական դասավորությամբ կայքի ամբողջ կառուցվածքը ավտոմատ կերպով հարմարվում է էկրանի տարբեր լայնություններին: Գործող պրոդուկտ ստանալու համար պետք չէ ամեն ինչ զրոյից գրել, պարզապես պետք է շտկել CSS-ն ու HTML-ը... Հաշվի առնելով Bootstrap-ի նման շրջանակների առկայությունը, նման մշակումը ստանդարտով այնքան էլ դժվար չէ: իրականացում։ Ավելին, նման արտադրանքին աջակցելը համեմատաբար պարզ խնդիր կլինի։
• Մեկ URL -փրկում է մեզ անհարկի վերահղումներից և օգտագործողի կողմից բջջային տարբերակի հասցեն հիշելու անհրաժեշտությունից (նույնիսկ եթե դա պարզապես մ. նախածանցն է): Նաև մեկ հասցե ունենալը դրական ազդեցություն կունենա կայքի առաջխաղացման վրա, քանի որ այն «ավելի հարմար» կլինի որոնման համակարգերի համար:

Պատասխանատու դիզայնի թերությունները

• Տարբեր առաջադրանքներ -Մեծ կայքերի «բջջային» օգտատերերի տիպիկ առաջադրանքները սովորաբար տարբերվում են համակարգչի օգտատերերի առաջադրանքներից: Եթե ​​դուք բանկի հաճախորդ եք, ապա, ամենայն հավանականությամբ, կայքի բջջային տարբերակում ձեզ կհետաքրքրի տեղեկատվության շատ սահմանափակ շրջանակ՝ մոտակա մասնաճյուղերի հասցեներ, բանկոմատներ և այլն:
  Ընդհանուր առմամբ, հարմարվողական դասավորության դեպքում, ամենատարածված մոտեցումը սովորական կայքի կրկնօրինակումն է և հեռախոսների դասավորության մեջ թիրախային լսարանի բոլոր խմբերի կարիքների իրականացումը: Բայց հետո դուք կարող եք մոռանալ օգտագործելիության մասին: Այցելուների հինգ տոկոսին անհրաժեշտ երկրորդական բաժինները անհարմարություններ կստեղծեն հաճախորդների մեծամասնության համար:
Կայքերի «կշիռը» շարունակում է մնալ հիմնական խոչընդոտ բջջային հեռախոսներից օգտվողների համար: Սա նշանակում է, որ աշխատասեղանի կայքերին բնորոշ որոշ ակտիվ տարրեր, ներառյալ ներկառուցված քարտերը, տեսանյութերը, վարկային հաշվիչները և շարժական կայքերի անիմացիոն մենյուները, պետք է փոխարինվեն ավելի թեթև այլընտրանքներով: Կարո՞ղ է արձագանքող դիզայնը տալ մեզ այս հնարավորությունը: Հանրաճանաչ իրականացման դեպքում փոքր էկրանով օգտվողը պետք է բեռնի ամբողջ էջը՝ տեսնելու միայն դրա մի մասը: Օրինակ, եթե հիմնական դասավորության աշխատասեղանի տարբերակը կշռում է 200 ԿԲ, իսկ բջջային տարբերակը՝ ևս 50 ԿԲ, ապա այն դիտելու համար պետք է ներբեռնեք 250 ԿԲ: Իհարկե, դուք կարող եք օգտագործել էջի կոդի սեղմում, բայց դեռևս կլինեն անհարկի հարցումներ սերվերին:
• Հուսահատություն -Բջջային տարբերակի անհերքելի առավելություններից մեկը. եթե այն ձեզ դուր չի գալիս, կարող եք անջատել այն և անցնել սովորական տիրույթի։ Պատասխանատու դիզայնի կայքերը ձեզ չեն տալիս այս պարզ, բայց կարևոր ընտրությունը: Եթե ​​հարմարեցված դասավորությունը անհարմար է, խելագարված կամ թաքցնում է նավիգացիոն կարևոր տարր, գրեք այն. ոչինչ չեք կարող անել՝ այն նորից տեսնելու համար: Դուք պետք է վազեք աշխատասեղան կամ մրցակցի կայք փնտրելու համար: Այս սահմանափակումը շրջանցելու համար կարող եք «հենակներ» ստեղծել (օգտագործել թխուկներ և միացնել տարբեր ոճերի թերթիկներ): Բայց այս մոտեցումը բարդացնում է զարգացումը:

Ընդհանուր առմամբ, արձագանքող դիզայնով բջջային տարբերակ մշակելու գաղափարը բավականին տարածված է՝ չնայած վերը նշված թերություններին։ Մասնավորապես, այս հայեցակարգին լիովին աջակցում են այնպիսի հսկաներ, ինչպիսիք են, օրինակ, Google-ը։

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

Բջջային օգտատերերի համար վեբկայքը հարմար դարձնելու համար հաճախ ստեղծվում են կայքերի առանձին տարբերակներ՝ հատուկ ուղղված սմարթֆոն/պլանշետ ունեցող օգտատերերին: Ամենատարածված պրակտիկան բջջային օգտատերերին հատուկ ենթադոմեյնի վերահղումն է (m.example.com, mobile.example.com և այլն): Հավանաբար, 99% դեպքերում բջջային տարբերակը բացված հիմնական տարբերակ է, միայն այն ֆունկցիոնալությամբ, որը, մշակողների կարծիքով, անհրաժեշտ և օգտակար կլինի բջջային սարքերի և պլանշետների օգտագործողների համար:

Բջջային տարբերակի առավելությունները

• Փոփոխության հեշտություն -Քանի որ կայքը դե ֆակտո գոյություն ունի հիմնական տարբերակից առանձին, դրանում փոփոխություններ կատարելը միայն բջջային տարբերակի հետ կապված շատ ավելի հեշտ է, քանի որ բջջային տարբերակը ամենից հաճախ չի ապահովում ավելորդ, ավելորդ ֆունկցիոնալություն:
• Օգտագործողի բարեկամականություն -Բջջային տարբերակը սովորաբար շատ պարզեցված է աշխատասեղանի տարբերակի համեմատ, ուստի օգտվողը ստիպված չի լինի հեռու գնալ՝ իրեն անհրաժեշտ տեղեկատվությունը գտնելու համար:
• Արագություն -կայքի նույն պարզեցման շնորհիվ բջջային տարբերակն ավելի արագ է բեռնվում։ Սա կարևոր է այն օգտվողների համար, ովքեր դեռ օգտագործում են GPRS կամ թույլ 3G:
• Ընտրություն-Ամենից հաճախ բջջային տարբերակում հնարավոր է անցնել կայքի հիմնական տարբերակին։

Բջջային տարբերակի թերությունները

• Մի քանի հասցեներ -
• Օգտագործողի համար անհարմարություն -Կան տարբեր հասցեներ աշխատասեղանի և բջջային տարբերակների համար: Ոմանց համար սա կարող է պլյուս լինել, ոմանց համար դա կարող է չափազանց նյարդայնացնող գործոն լինել, երբ կայքը հարմար դիտելու համար անհրաժեշտ է հիշել մեկ այլ հասցե: Խնդիրներ կան նաև որոնման համակարգերի հետ՝ կրկնօրինակ բովանդակությունից խուսափելու համար SEO-ի մասնագետները պետք է օգտագործեն մետա թեգեր rel=«այլընտրանք» և rel=«կանոնական»։ Բացի այդ, երբ Google բջջային որոնման օգտատերը սեղմում է արդյունքների հղման վրա, նրանք կտեղափոխվեն աշխատասեղանի տարբերակ կամ կվերահղվեն դեպի բջջային տարբերակը: Բայց եթե այս էջի բջջային տարբերակը գոյություն չունի, նա սխալի մասին հաղորդագրություն կստանա:
• Սահմանափակ -Առանձին բջջային կայք ստեղծելը նշանակում է ազատվել որոշ բովանդակությունից և ֆունկցիոնալությունից: Բացի այդ, դուք կարող եք ունենալ երկու տարբեր բովանդակության խմբեր, որոնք կարող են բացասաբար ազդել ընդհանուր տեղեկատվական պատկերի վրա:

Ընդհանուր առմամբ, կայքերի բջջային տարբերակների ստեղծումը բավականին լավ արդյունք է տալիս, հատկապես խոշոր նախագծերի համար: Որպես օրինակ՝ Amazon-ն օգտագործում է իր կայքի հատուկ, բջջային տարբերակը։

RESS

Ինքը՝ Google-ը, թեև աջակցում է վեբ վարպետների կողմից ռեսպոնսիվ դիզայնի կիրառմանը, իր արտադրանքներում օգտագործում է այլ համակարգ։ Եթե ​​դուք գնում եք, օրինակ, գլխավոր էջ տարբեր User-Agents-ի ներքո, կարող եք տեսնել տարբեր HTML տարբեր սարքերի համար: RESS - արձագանքող դիզայն + սերվերի կողմ: «Ծնկների վրա» ուրվագծված իրականացման օրինակ.

$DS = DIRECTORY_SEPARATOR; require_once(dirname(__FILE__) $DS . "libraries" . $DS . "browser.php"); $device = BBrowser::detectDevice(); if($device == DEVICE_TYPE_MPHONE)( $tmpl = "template.m.php"; ) else if($device == DEVICE_TYPE_TABLET)($tmpl = "template.t.php";) else($tmpl = "template.m.php" .php"; ) ներառել(dirname(__FILE__) . $DS . "templates" . $DS . $tmpl);

RESS-ի առավելությունները

Փաստորեն, մեթոդը կարող է ներառել կայքերի ինչպես առանձին բջջային, այնպես էլ ռեսպոնսիվ տարբերակի առավելությունները՝ կախված իրականացումից։ Ինչից կլինի նոր.

• Երթևեկության նվազեցում -Անպետք JavaScript-ը կարող է հեռացվել HTML-ից, որն ազատում է պրոցեսորը, հիշողությունը և քեշը բջջային սարքում: HTML-ը և CSS-ը կարող են նաև հատուկ օպտիմիզացվել:
• Հնարավոր է օգտագործել թիրախավորում -օրինակ՝ Android սարքերի համար առաջարկվում է հավելվածը ներբեռնել GooglePlay-ից, իսկ Apple-ի համար՝ iTunes-ից։ Դուք կարող եք կատարել ձեր սեփական դասավորությունը յուրաքանչյուր սարքի համար:

RESS-ի դեմ

• Զարգացման դժվարություն -նման մեթոդը կպահանջի համապատասխան սերվերի կարգավորումներ և ավելի շատ ծրագրավորողների աշխատանք: Անհրաժեշտ կլինի նաև կատարել դասավորության մի քանի տարբեր տարբերակներ։
• Սարքի հայտնաբերման մեխանիզմ -Ցավոք, նույնիսկ մեր ժամանակներում այն ​​դեռ կատարելության չի հասցվել։ Պատմություններն այն մասին, թե ինչ-որ մեկի հազվագյուտ հեռախոսը չի ճանաչվել որպես շարժական սարք, բավական հաճախ են հայտնվում:

Ընդհանուր առմամբ, RESS-ը երեք առաջարկված տարբերակներից լավագույնն է, բայց այն մշակման ընթացքում շատ ավելի մեծ աշխատանք է պահանջում:

Ամփոփում

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

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

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

Ավելի հեշտ է, իհարկե, անմիջապես որոշել, թե ինչպես է այն իրեն պահելու բջջային սարքում կայք ստեղծելիս, բայց կան հին հաճախորդներ և նրանց հին և ոչ այնքան հին կայքեր, որոնց համար նման լուծում չի տրվել: Թեև ոմանք կարծում են, որ կարիք չկա ստեղծել «բջջային» կայքեր։

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

Մնացել է երկու տարբերակ՝ հարմարվողական դասավորություն կամ բջջային տարբերակ։ Նախ, եկեք սահմանենք այս երկու մեթոդների տարբերությունը:

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

Կայքի բովանդակությունը չի փոխվում: Այն հարմարվում է էկրանի լայնությանը և բարձրությանը: Բովանդակության առանձին մասերը կարող են ձգվել կամ նեղանալ, շարվել տարբեր կերպ (դրանք 3 սյունակում էին, հիմա դրանք մեկում են), մասշտաբավոր, թաքնված (բայց ոչ անհետացած) կոճակի տակ (ամենատարածված բանը, որը թաքնված է կոճակի տակ։ ճաշացանկ է):

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

Կատարված է ենթատիրույթում: Ամենատարածված տարբերակներն են m..site, pda..ru/mobile/:

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

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

Այս խնդիրը հասկանալու համար հաշվի առեք յուրաքանչյուր տարբերակի դրական և բացասական կողմերը:

Ընդհանուր առավելություններ կան.

ճիշտ ցուցադրում շարժական սարքերում;

հարմարեցված շարժական սարքերի համար:

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

ավելորդ ֆունկցիոնալությունը «կտրելու» ունակությունը

Վերափոխեք կայքը այնպես, որ դիզայների մայրը չճանաչի այն: Սա նշանակալի է, եթե բջջային տարբերակի տարրերը գտնվում են բոլորովին այլ վայրերում, քան ամբողջական տարբերակում:

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

Առանձին տիրույթ, որը SEO-ի մասնագետներին կստիպի լաց լինել, քանի որ որոնման համակարգերի համար դա կլինի երկու տարբեր կայք։

Եթե ​​ինչ-որ բան պատահի, ամբողջական տարբերակին անցնելու անհրաժեշտություն: Օրինակ՝ լիարժեք ֆունկցիոնալություն ստանալու համար։ Նաև, եթե, օրինակ, այլ կայքում կա բջջային տարբերակի հղում, ապա համակարգչից այցելողները ստիպված կլինեն անհարկի գործողություն կատարել (սեղմել «ամբողջական տարբերակը») կամ օգտագործել համակարգչի համար անհարմար տարբերակ։

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

Կայքը միշտ հարմարվում է ընթացիկ բանաձեւին: Երբ դիտարկիչի պատուհանը կրճատվում է համակարգչում կամ երբ կողմնորոշումը փոխվում է շարժական սարքի վրա:

Որպես կանոն, այս մեթոդով բոլոր տարրերը գտնվում են նույն տեղերում, ինչ ամբողջական տարբերակում, իսկ ամբողջական տարբերակին տիրապետող օգտատիրոջ համար դժվար չի լինի պարզել բջջային տարբերակը։

Նույն տիրույթը, նույն հասցեները: Ոչ վերահղումներ, խնդիրներ կայքի քարտեզների և ռոբոտների հետ: SEO-ները ժպտում են.

Բարդ, մեծ բեռնվածության նախագիծը երկար ժամանակ կպահանջի բջջային սարքի վրա բացելու համար: Անկախ նրանից, թե 4G, թե 24G, շարժական ինտերնետը բջջային ինտերնետ է:

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

Փոքր լուծումը միշտ չէ, որ հարմար է շարժական սարքերի համար: Գուցե դա պարզապես դիտարկիչի պատուհան է, որը բաց չէ ամբողջ էկրանով: Առաջին հայացքից՝ «բա ի՞նչ»։ Բայց կան բաներ, որոնք պետք է ցուցադրվեն միայն շարժական սարքերում, և այս դեպքում դրանք կհայտնվեն համակարգչում։

Պետք է ընտրել հարմարվողական դասավորություն, թե բջջային տարբերակ:

Ինչպես տեսնում ենք, չնայած այն հանգամանքին, որ դրանք բավականին նման հասկացություններ են, կան տարբերություններ:

Ինչ ընտրել հօգուտ.

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

Եթե ​​կայքը շատ «ծանր» կամ նույնիսկ պարզ չէ, ապա հարմարվողական դասավորությունը կլինի լավագույն, էլեգանտ և գեղեցիկ լուծումը:

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

Արագ կայքը լավ կայք է:

Նույնիսկ տեխնիկական բնութագրերի և դիզայնի մշակման փուլում անհրաժեշտ է որոշել, թե ինչպես կհայտնվի կայքը փոքր էկրաններին: Եվ նույնիսկ պատրաստ եղեք հրաժարվել ավելորդ ֆունկցիոնալությունից՝ հանուն արագության և բազմակողմանիության: Իսկ կայք ստեղծող ծրագրավորողները պետք է իրենց հարց տան տվյալների բազայի հարցումների օպտիմալացման և, համապատասխանաբար, դրանց քանակի կրճատման, սերվերի և հաճախորդի մասերի վրա ծածկագրի օպտիմալացման մասին:

Հարմարվողական դասավորությունը լավագույն տարբերակն է: Եվ ավելի լավ է դրա մասին մտածել տեխնիկական բնութագրերի ձևավորման փուլում: Հետաձգվել է ավելի ուշ այս խնդիրը կարող է վերադառնալ ձեզ:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Օգնության կայք
• Սոցիալական ցանցեր և ծառայություններ
• Վեբ ծառայություններ
• Առցանց խանութներ

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

Թվեր

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

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

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