Այսօր մարդկանց մեծ մասը առցանց է գնում բջջային գաջեթների՝ պլանշետների, հեռախոսների միջոցով, այս առումով նոր մակարդակի է հասնում նաև կայքերի օպտիմալացումը։ Եթե օգտատերը ներս մտնի և տեսնի, որ կայքը օպտիմիզացված չէ բջջային սարքերի համար. պատկերը հնարավոր չէ դիտել, կոճակները դուրս են եկել, տառատեսակները փոքր են և անընթեռնելի, դիզայնը շեղված է՝ 100%-ից 99-ը դուրս կգա: և սկսեք փնտրել մեկ այլ ավելի հարմար: Իսկ որոնող ռոբոտը կստուգի այն վանդակը, որ ռեսուրսը անտեղի է, այսինքն՝ այն չի համապատասխանում որոնման հարցումին։ Հետեւաբար, էջի դիզայնը պետք է հարմարեցված լինի տարբեր շարժական սարքերին։ Ո՞րն է կայքի բջջային տարբերակը, ինչպես պատրաստել այն և ո՞րն է այն կիրառելու լավագույն միջոցը: Կարդացեք ավելին այս հոդվածում:
Այսպիսով, կան չորս հիմնական եղանակներ՝ ձեր կայքը հարմարավետ դարձնելու համար:
մեթոդ առաջին՝ արձագանքող դիզայն
Արձագանքող կաղապարները փոխում են կայքի պատկերը՝ կախված էկրանի չափից: Որպես կանոն, դրանք սահմանվում են ստանդարտ 1600, 1500, 1280, 1100, 1024 և 980 պիքսելներով: Իրականացման համար օգտագործվում են CSS3 մեդիա հարցումներ: Կայքի դիզայնն ինքնին չի փոխվում։
Այս մեթոդի առավելությունները ներառում են՝
- հարմար զարգացում,քանի որ կառուցվածքն ինքնին հարմարվում է էկրանի պարամետրերին, և ցանկացած թարմացում զրոյից դիզայնի մշակում չի պահանջում, բավական է շտկել CSS-ը և HTML-ը;
- մեկ URL – օգտատերը կարիք չունի հիշելու մի քանի անուն, կարիք չկա վերահղման (վերահղման մի հասցեից մյուսը), ինչը կարող է բարդացնել վեբ վարպետի աշխատանքը, և ավելի հեշտ է որոնումը: շարժիչ՝ մեկ հասցեով ռեսուրսը տեսակավորելու և դասակարգելու համար:
Իհարկե, հարմարվողական կաղապարներն ունեն իրենց թերությունները, որոնք, ի դեպ, ավելին են, քան առավելությունները։ Այնուամենայնիվ, շատ ծրագրավորողներ հավատարիմ են այս հայեցակարգին, օրինակ՝ Google Corporation-ը, որի բջջային տարբերակն ունի հարմարվողական դիզայն։ Այսպիսով, թերությունները.
- Արձագանքող դիզայնը չի աջակցում նույն առաջադրանքները բջջայինում, ինչպես դա անում է համակարգչի վրա: Եթե սա, օրինակ, բանկի կայքի բջջային տարբերակն է, որտեղ փոխարժեքի կամ մոտակա բանկոմատների մասին տեղեկատվությունը ավելի հավանական է, որ օգտագործողի համար կարևոր լինի, ապա այս դիզայնը միանգամայն բավարար է։ Բայց եթե սա բարդ կառուցվածքային ռեսուրս է՝ բազմաթիվ բաժիններով և ենթաբաժիններով, ապա այցելուներին դժվար թե դուր գա հարմարվողական դասավորությունը:
- Դանդաղ բեռնումը սիրելի կայքը վերածում է ատելությամբ լցված կայքի: Սա հատկապես ճիշտ է ռեսուրսների համար, որտեղ անիմացիաները, տեսանյութերը, թռուցիկները և այլ ակտիվ տարրերը շատ են: Մեծ քաշի պատճառով էջը պարզապես «կդանդաղի», օգտատերը կբարկանա և կհեռանա, իսկ կայքի որոնման դիրքերը կիջնեն։
- Բջջային տարբերակն անջատելու անկարողությունը ևս մեկ նշանակալի թերություն է: Եթե ինչ-որ տարր թաքնված է նման դասավորությամբ, դուքԴուք ոչինչ չեք կարող անել այն բացելու համար, ի տարբերություն այն կայքերի, որտեղ կարող եք անջատել այն և անցնել սովորական տիրույթի:
Սակայն կայքի նման բջջային տարբերակը արագ, առանց հատուկ հմտությունների և ծախսերի, թույլ է տալիս հարմարեցնել ռեսուրսը ցանկացած գաջեթի: Բայց, հաշվի առնելով թվարկված թերությունները, այն կհամապատասխանի փոքր, պարզ ռեսուրսներին՝ նվազագույն ինֆորմացիայով և մուլտիմեդիայով, առանց բարդ նավիգացիայի և անիմացիայի: Բարդ կայքի համար հարմար են 2 այլ մեթոդ:
Երկրորդ մեթոդ - կայքի առանձին տարբերակ
Այս մեթոդը շատ տարածված է և հաճախ հաջողվում է կայքն ավելի ընթեռնելի դարձնելով բջջային սարքում: Դրա էությունն այն է, որ ստեղծվի էջի առանձին տարբերակ, որը կազմված է հավելվածի համար և գտնվում է առանձին URL-ի կամ ենթադոմեյնի վրա, օրինակ՝ m.vk.com: Միևնույն ժամանակ, հիմնական ֆունկցիոնալությունը պահպանված է, կայքի դիզայնը պարզապես այլ տեսք ունի։ Այս մեթոդի առավելություններն ակնհայտ են.
- օգտագործողի համար հարմար ինտերֆեյս;
- հեշտ է փոխել և խմբագրել, քանի որ տարբերակը գոյություն ունի հիմնական ռեսուրսից առանձին;
- ցածր քաշի պատճառով կայքի առանձին տարբերակը շատ ավելի արագ է աշխատում, քան հարմարվողական ձևանմուշը;
- առավել հաճախ հնարավոր է բջջայինից անցնել էջի հիմնական տարբերակ։
Բայց այստեղ էլ կային որոշ թերություններ.
- Բազմաթիվ հասցեներ՝ կայքի աշխատասեղանի և բջջային տարբերակ: Ինչպե՞ս ստիպել օգտվողին հիշել երկու տարբերակ: Վեբ վարպետները հաճախ նշանակում են վերահղում (վերահղում) աշխատասեղանի տարբերակից դեպի բջջային տարբերակ, բայց միևնույն ժամանակ, եթե այս էջը գտնվում է բջջայինում։տարբերակը գոյություն չունի, օգտատերը սխալ կստանա: Այստեղ դժվարություններ են առաջանում որոնման համակարգերի հետ, որոնք դժվարանում են դասավորել 2 նույնական ռեսուրսները, և դա ուղղակիորեն ազդում է առաջխաղացման վրա:
- Կայքի բջջային տարբերակը համակարգչից, եթե օգտատերը սխալմամբ այցելի այն, ծիծաղելի տեսք կունենա, ինչը կարող է ազդել նաև տրաֆիկի վրա։
- Այս տարբերակը հաճախ խիստ կրճատված է աշխատասեղանի համար, ուստի օգտվողը կստանա շատ սահմանափակ գործառույթներ: Բայց միևնույն ժամանակ, եթե ինչ-որ բան բացակայում է, այցելուն կարող է անցնել էջի ամբողջական տարբերակը։
Ընդհանուր առմամբ, առանձին բջջային կայք արդարացնում է իրեն և հանդիսանում է շարժական սարքերի համար ռեսուրսը հարմարեցնելու ամենատարածված միջոցը: Այն հայտնի է խոշոր առցանց խանութներում, ինչպիսիք են Amazon-ը:
Երրորդ ճանապարհ - RESS դիզայն
Google որոնողական համակարգն ակտիվորեն աջակցում է բջջային դիզայնի այս ուղղությանը: Սա ամենաբարդ, ծախսատար, բայց արդյունավետ մեթոդն է կայքը հեռախոսին կամ պլանշետին հարմարեցնելու համար: Այն կոչվում է RESS: Սա թիրախավորում է ռեսուրսը բջջային հավելվածի մեջ, որը կարելի է ներբեռնել յուրաքանչյուր սարքի համար առանձին: Android-ի համար՝ GooglePlay-ով, իսկ Apple-ի համար՝ iTunes-ով:
Նման հավելվածները արագ են, անվճար, հարմար, ունեն տարբեր տեսակի տեղեկություններ տեղավորելու հնարավորություն, մինչդեռ հեռախոսի հիշողությունը և ինտերնետ տրաֆիկը չեն սպառվում, ինչպես բրաուզերի միջոցով կայք այցելելիս: Դրանց հասանելիությունը հեշտ է, քանի որ հղումը միշտ կլինի ձեռքի տակ գտնվող էկրանին, և բրաուզերի հասցեագոտում բարդ անուն մուտքագրելու կարիք չկա:
Կան, իհարկե, այստեղ ևդրա թերությունները, ինչպիսիք են զարգացման բարդությունը, մեծ թվով ծրագրավորողների աշխատանքի բարձր արժեքը, դասավորության մի քանի տարբերակներ պատրաստելու անհրաժեշտությունը: Երբեմն բջջային սարքը չի ճանաչվում հավելվածի կողմից: Անհրաժեշտ է կանոնավոր տեխնիկական աջակցություն, թերությունների շտկում։ Այնուամենայնիվ, այս տարբերակը համարվում է լավագույնը առաջարկված երեքից՝ իր արդյունավետ, անխափան աշխատանքի շնորհիվ։
Բջջային կայք ստեղծելու ամենաէժան միջոցը
Բոլոր վերը նշված մեթոդները ներառում են, թեև ոչ միշտ երկար և դժվար, բայց այնուամենայնիվ վճարովի վեբ վարպետի աշխատանքը: Եթե դուք չեք տեսնում նման զարգացման հրատապ անհրաժեշտություն, ապա ձեզ կհամապատասխանի կայքի պարզ և անվճար բջջային տարբերակը: Ո՞րն է այն պատրաստելու ամենահեշտ ձևը:
Ներբեռնեք հատուկ ձևանմուշներ (պլագիններ) արձագանքող դիզայնի համար: Օրինակ, WP Mobile Detector, WordPress Mobile Pack, WPSmart Mobile և այլն: Դրանք կօգնեն ավելի ճիշտ ցուցադրել կայքը հեռախոսով, մինչդեռ դուք կստանաք մի քանի խորհուրդ, թե ինչ պետք է շտկել էջը բջջային տարբերակին ավելի լավ հարմարեցնելու համար:
Իհարկե, այս մեթոդը հազիվ թե հարմար լինի լուրջ ռեսուրսների համար։ Ավելի շուտ, այս անվճար հնարավորությունը նախատեսված է փոքր և պարզ կայքերի, բլոգերի, նորությունների հոսքերի համար: Մի մոռացեք, որ Google որոնողական համակարգը, ինչպես նաև Yandex-ը, այսօր լուրջ պահանջներ են ներկայացնում բջջային տարբերակների նկատմամբ, ուստի այս մեթոդով ձեր դիրքերն իջեցնելու հսկայական հնարավորություն կա։
Այս մեթոդով, ամենայն հավանականությամբ, գովազդները և թռուցիկները կկտրվենբաններներ, բայց էջը կբեռնվի արագ և առանց «ուշացումների»:
Բջջային տարբերակների ստեղծման սկզբունքներ
Կարևոր չէ՝ կայքի բջջային տարբերակը ստեղծվել է անվճար, թե վեբ վարպետների անձնակազմի օգնությամբ, այն արվել է RESS համակարգով, թե հարմարվողական կաղապարի միջոցով։ Ամենակարևորը՝ դրա արդյունավետ գործունեության համար պահանջվում է պահպանել մի քանի չափազանց կարևոր սկզբունքներ։ Այսպիսով, ինչպիսի՞ն պետք է լինի կայքի բջջային տարբերակը: Ինչպե՞ս այն դարձնել արդյունավետ, արդյունավետ և արդյունավետ:
Հեռացրեք ամեն ավելորդ
Մինիմալիզմն այն է, ինչին պետք է ձգտի կայքի բջջային տարբերակի մշակողը։ Պատկերացրեք, թե որքան դժվար է ընկալել այնպիսի տեղեկատվությունը, որը լի է գույներով, կոճակներով, պաստառներով, և որոնք դուք պետք է անվերջ պտտվեք ճիշտ նյութ փնտրելու համար: Բջջային դիզայնը պետք է լինի պարզ և մաքուր: Տարածությունը բաժանելու համար ընտրեք 2-3 գույն (օրինակ՝ ֆիրմային): Ավելի լավ է, եթե նրանցից մեկը սպիտակ լինի: Փոքր էկրանի տարածությունը բաժանեք հասկանալի և ընթեռնելի գոտիների: Վիրտուալ ստեղները պետք է տեսանելի լինեն, որպեսզի օգտատերը հստակ իմանա, թե որտեղ պետք է սեղմել և տեսնի. ահա ապրանքը, ահա տվյալների լրացման ձևը, ահա առաքման և վճարման մասին տեղեկատվությունը:
Բոլոր լրացուցիչ տարբերակները, որոնք օգտակար կլինեն աշխատասեղանի տարբերակում և կհեշտացնեն օգտատիրոջ կյանքը, այստեղ միայն դժվարություններ կբերեն: Թողեք միայն ամենակարևոր տարրերը: Անիմացիան, գովազդային պաստառները, մուլտիմեդիան, ամենայն հավանականությամբ, միայն կդանդաղեցնեն կայքի կամ հավելվածի աշխատանքը և շեղենհիմնական.
Հավասարեցում
Հավասարեցման հարցը պակաս սուր չէ, քանի որ սխալ արվելու դեպքում օգտատերը կստանա միայն կարևոր բառերի վերջավորությունները։ Ձախից և ուղղահայաց հավասարեցումը ընդհանուր առմամբ ընդունված է: Պատկերացրեք, որ դուք պտտվում եք ձեր հեռախոսի նորությունների հոսքով: Դուք դա անում եք վերևից ներքև, ոչ թե ձախ կամ աջ:
Միացում
Երբ անցումների երկար շղթայի հնարավորություն չկա, փորձեք մի քանի քայլ միավորել մեկի մեջ: Օրինակ՝ կայքը պահանջում է տվյալների մուտքագրում մի քանի փուլով՝ անուն, հետո հասցե, որտեղ յուրաքանչյուր առանձին խցում կա առանձին տուն, փողոց, բնակարան և այլն։ Որպեսզի օգտագործողին չստիպեն փորձել հարվածել բազմաթիվ փոքր բջիջների։, խնդրեք նրան լրացնել միայն 2-ը՝ անունը և հասցեն։
Եվ անջատում
Երբեմն, ընդհակառակը, պահանջվում է չափից շատ տեղեկատվություն առանձնացնել։ Օրինակ, բացվող ընտրացանկում դուք ունեք ավելի քան 80 քաղաքների ցանկ, որտեղ առաքումն իրականացվում է: Խմբավորեք դրանք ըստ տարածաշրջանների, որպեսզի օգտվողը ստիպված չլինի ոլորել այս հսկայական ցուցակում: Երբ նա սավառնում է մարզկենտրոնի կամ շրջանի վրա, քաղաքների մեկ այլ ցուցակ դուրս կգա:
Ցուցակներ
Ի դեպ, ցուցակների մասին. Դրանցից երկուսը կա՝ ամրագրված այբբենական կամ այլ կարգով և փոխարինմամբ։ Նրանց ընտրությունը կախված է նրանից, թե ինչ է նշված:
Fixed-ը օգտակար է, եթե օգտատերը հստակ գիտի, թե ինչ է փնտրում: Օրինակ՝ քաղաքը, համարը կամ ամսաթիվը: Երկրորդ տարբերակը հարմար է երկար բարդ անունների կամ այն դեպքերի համար, երբ կան մեկ և նույնի բազմաթիվ տատանումներնույն անունը, և յուրաքանչյուր բացվող ցուցակ օգտվողին մեկ քայլ ավելի մոտեցնում է նպատակին: Ավտոմատ փոխարինման տարբերակը ավելի հաճախ օգտագործվում է, երբ այցելուն օգնության կարիք ունի: Օրինակ, տրիկոտաժի կայքը առաջարկում է ձեռք բերել տրիկոտաժի ասեղներ: Օգտագործողը մուտքագրում է «Մետաղյա տրիկոտաժե ասեղներ» որոնման հարցումը, իսկ գործիքի հուշում տեսնում է «Տրիկոտաժե ասեղներ 5 մմ», «Տրիկոտաժե ասեղներ 4,5 մմ» և այլն:
Ավտոլրացում
Այս ապրանքը հատկապես կարևոր է այն կայքերի համար, որոնք ինչ-որ բան վաճառում են առցանց, և դուք պետք է լրացնեք վճարման, առաքման և այլնի ստանդարտ ձևեր: Եթե մարդը գնում է հեռախոսից, ապա, ամենայն հավանականությամբ, նա ժամանակ չունի: համակարգչին հասնելու համար, ինչը նշանակում է, որ գնման գործընթացը պետք է կատարվի հնարավորինս արագ և հարմարավետ։
Դրա համար ձևաթղթերը կարող են պարունակել արդեն լրացված տվյալներ, կարող եք դիմել ամենահայտնի պատասխաններին: Օրինակ, մուտքագրեք այսօրվա ամսաթիվը, կանխիկ վճարման եղանակը, քաղաքը, եթե աշխատում եք նույն տարածաշրջանում: Դրանք կարող են փոխվել, բայց եթե հասնեք թիրախին, օգտատիրոջ ժամանակը կխնայվի:
Ամեն ինչ կարդացվում է, ամեն ինչ դիտվում է
Կայքի բջջային տարբերակը նախագծելիս հիշեք, որ բոլորի հեռախոսները տարբեր են, տեսողությունը՝ նույնպես։ Հնարավոր է, որ ձեր կայքը կդիտվի փոքր էկրանից, ուստի տառատեսակները պետք է լինեն պարզ և ընթեռնելի, կոճակները պետք է լինեն այնքան մեծ, որպեսզի դրանք սեղմվեն առանց այլ էջ տեղափոխելու, և պատկերները պետք է բացվեն առանձին, մեծ, հատկապես, երբ այն գալիս է ինտերնետ: խանութ.
Որոշ վիճակագրություն
Խոսելով կայքի հարմարեցման մասին շարժական սարքերին, չի կարելի չդիմել վիճակագրության՝ հասկանալու համար, թե որքան կարևոր է այս գործընթացը։առցանց առաջխաղացում։
Թվերը հետևյալն են. Այսօր գաջեթներ օգտագործում է բնակչության 87%-ը, ըստ երևույթին, բացառությամբ ամենափոքր երեխաների և որոշ տարեցների։ Տնտեսագետները կանխատեսում են, որ բջջային առևտուրը առաջիկա 5 տարիների ընթացքում կաճի 100 անգամ։ Միևնույն ժամանակ, կայքերի միայն 21%-ն է հարմարեցված բջջային սարքերի հետ աշխատելու համար։ Սա նշանակում է, որ ինտերնետ տրաֆիկի և էլեկտրոնային առևտրի շուկայի միայն մի փոքր 5-րդ մասն է զբաղված։
Մտածեք այս թվերի մասին: Արդյո՞ք իմաստ ունի հարմարեցնել ձեր ռեսուրսը: Իհարկե այո։ Ավելին, թեև այս շուկայում այդքան տեղ կա, դուք կարող եք դրանում ձեր սեփական հատվածը քանդակել:
Որտեղ Ձեզ անհրաժեշտ է բջջային տարբերակ
Բջջային տարբերակի օգտագործումը իմաստ ունի ցանկացած հարթակի համար, որը նպատակ ունի բարձր վարկանիշ ստանալ: Ի վերջո, սա ուղղակի ազդեցություն է օգտատիրոջ վրա՝ ստեղծելով հարմարավետ պայմաններ նրա համար՝ մնալու ձեր կայքում:
Չի կարող գոյություն ունենալ առանց բջջային տարբերակի:
- լրատվական պորտալներ, քանի որ դրանց մեծ մասը դիտվում է հեռախոսից աշխատանքի կամ դպրոցի ճանապարհին;
- սոցիալական ցանցեր - նույն պատճառով, գումարած կա առցանց հաղորդակցության գործոն, ինչը նշանակում է, որ դրա համար պետք է ստեղծել հարմար, հասկանալի չաթ;
- տեղեկանք, նավիգացիոն կայքեր և այլն, որտեղ մարդիկ գնում են, երբ ինչ-որ բան են փնտրում;
- օնլայն խանութներ՝ հնարավորություն գրավելու հաճախորդներին, ովքեր ժամանակ չեն վատնում գնումներ կատարելով, այլ ամեն ինչ գնում են բջջային ինտերնետի միջոցով:
Եզրակացության փոխարեն
Այսօր բջջային տեխնոլոգիաները գործում ենակտիվ աճ և զարգացում, հետևաբար, ձգտելով շուկայում առաջատար լինել, ցանկացած ընկերություն պետք է ապահովի, որ իր ինտերնետային ռեսուրսը համապատասխանի պահանջներին: Օգտատերերի աճող պահանջների պատճառով կայքերը պետք է մշտապես թարմացվեն և հարմարեցվեն տարբեր սարքերի: Հասկանալի է, որ եթե մարդուն անհարմար է կոնկրետ ռեսուրսում գտնվելու համար, նա չի կարող այնտեղ տեղեկատվություն ստանալ ապրանքի կամ գնի մասին, պատվիրել, իմանալ առաքման մասին, ապա կգտնի այն կայքը, որտեղ այդ ամենը հնարավոր կդառնա։ Ուստի մրցույթում հաղթելու համար կարևոր է ունենալ ճկուն, հարմար, ֆունկցիոնալ և հետաքրքիր ռեսուրս։
Android կամ Ios կայքի բջջային տարբերակը կօգնի դա անել: Դա անելու համար դուք պետք է ընտրեք վերը նշված վերանախագծման մեթոդներից մեկը՝ հարմարվողական ձևանմուշ, նոր կայք ստեղծելով ենթադոմեյնում և վերահղում դեպի այն, օգտագործելով անվճար կաղապարներ կամ ստեղծելով բջջային հավելված, որը կհեշտացնի օգտատիրոջ մուտքը: և եղիր էջում։
Այս մոտեցումը ոչ միայն կօգնի պահպանել առկա հաճախորդների հավատարմությունը, այլև հնարավորություն կտա գրավել նոր այցելուներ։
