Պատասխանատու վեբ ձևավորման և լավագույն փորձի ուղեցույց

Իմացեք Պատասխանատու վեբ ձևավորման մասին և ինչպես օգտագործել լավագույն փորձը `դրանից առավելագույնը օգտվելու համար ձեր առցանց բիզնեսի համար.


Պատրաստում `պատասխանատու վեբ ձևավորման համար

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

Ինչ է պատասխանատու վեբ ձևավորում?

Պարզ ասած, RWD- ն բաղկացած է նախագծման մեջ մեկ կայք որը հեղուկ կերպով հարմարվում է ցանկացած էկրանի չափին, լինի դա վերջին 272 պիքսել լայնությամբ Apple Watch- ը կամ պլազմային հեռուստատեսությունը, որի կանոնավոր համակարգիչները, պլանշետները և շարժական սարքերը գտնվում են.

Պատասխանատու վեբ ձևավորման օրինակ

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

Desktop- ի և Smartphone- ի պատկերների RWD համեմատությունը

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

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

Պատասխանատու վեբ ձևավորումը օգտագործելով դրա ամբողջ ներուժը

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

  • Մի առաջարկեք բջջային օգտվողներին ձեր աշխատասեղանի կայքի զրոյական տարբերակ, որտեղ նրանք սահմանափակ են: Հուշում. Շարունակեք հետևել բջջային օգտվողների գործողություններին ձեր կայքում: Եթե ​​նկատում եք օգտվողներ, ովքեր վայրէջք են կատարում ձեր կայքում, բայց ձեր բովանդակությունը հազիվ թե սպառում են կամ դրա վրա ժամանակ չեն ծախսում, հնարավորություններ կան, որ նրանք բախվում են ինչ-որ ճանապարհի արգելափակում.
  • Մի մտածեք բջջային օգտագործողի համար ճիշտ այնպես, ինչպես աշխատասեղանի օգտագործողը: Ամբողջությամբ օգտվեք բջջային սարքի առաջարկած հնարավորություններից: Օրինակ, եթե դուք ունեք ռեստորան, դյուրին դարձրեք բջջային հաճախորդներին ձեր բիզնեսը գտնելու կամ ամրագրում կատարելու միջոցով ՝ օգտագործելով տեխնոլոգիաների ուժը HTML5 տեղաբաշխում և հեռախոսի համարի մուտքերը ձեր կայքում.
  • Զգուշացեք էջի արագությունը. Համաձայն ուսումնասիրության Nielsen Norman Group- ը, Օգտագործողների առաջատար փորձի խորհրդատուները, այցելուների 47% -ը ակնկալում է, որ վեբ կայք բեռնվում է 2 վայրկանից պակաս ժամանակահատվածում, իսկ այցելուների 40% -ը կլքի կայքը, եթե բեռնման գործընթացը տևի ավելի քան 3 վայրկյան: Սա նույնիսկ ավելին է, երբ խոսքը վերաբերում է բջջային օգտագործողներին, որոնք շարժվում են և հաճախ թողունակության սահմանափակումներ ունեն.
  • Տեղյակ լինել unplayable բովանդակությունը. Flash player- ի նման որոշ տեխնոլոգիաներ չեն օգտվում բջջային սարքերի լայն աջակցությունից: Հետևաբար, ցանկալի է, որ դրանք չօգտագործեք ձեր կայքում և խուսափեք դրանց էջերից կապվելուց: HTML5 վիդեո և աուդիո անշուշտ շատ ավելի լավ տարբերակ է գույքային տեխնոլոգիաների նկատմամբ: Լավ գաղափար է նաև ձեր վիդեո բովանդակության պատճենը ավելացնել: Իրականում, մի շարք օգտագործողներ կարող են նախընտրել գրավոր բովանդակությունը վիդեո կամ աուդիո, որոշ օժանդակ տեխնոլոգիաներ կարող են աշխատել միայն գրավոր նյութի վրա, և Google- ը կարող է ավելի լավ ձեռք բերել տվյալներ, թե ինչ է ձեր տեսանյութը կամ աուդիո բովանդակությունը:.
  • Խուսափեք օգտագործելուց երկխոսություններ և թռուցիկներ որոնք թույլ չեն տալիս օգտվողներին տեսնել կամ շփվել ձեր բովանդակության հետ: Սրանք երբեմն նաև դժվար է փակվել բջջային սարքերի վրա, որտեղ էկրանի անշարժ գույքը սահմանափակ է, ինչը հիասթափություն է առաջացնում ձեր հաճախորդների համար.
  • Վճարիր ուշադրություն դիպչելուն! Եթե ​​ձեր վեբ կայքը ապավինում է մկնիկի սավառնի իրադարձություններին `թաքնված բովանդակությունը բացահայտելու համար, այս գործառույթը չի աշխատի բջջայինի վրա: Բջջային սարքերը չեն գործում մկնիկի օգնությամբ: Փոխարենը ՝ օգտվողները շփվում են բովանդակության հետ ՝ օգտագործելով հպման ժեստեր ՝ հպելով և սայթաքելով: Հետևաբար, նախընտրեք բացահայտել թաքնված բովանդակությունը `սեղմելով ոչ թե մկնիկը սավառնելը: Նաև ապահովեք ձեր վեբ կայքի դիզայնի հաշիվները այն փաստի համար, որ մատները ավելի մեծ են, քան մկնիկի ցուցիչը, թույլ տալով, որ բավարար սենյակ լինի հարմարավետ և սահուն կերպով ձեր էջի հետ կապի միջոցով:.

RWD կայքի առավելությունները

Մի բանի համար, Google- ը բացահայտ խորհուրդ է տալիս RWD մոտեցումը շարժական բարեկամական կայքի նկատմամբ: RWD- ի այլ առավելություններն են.

  • Մեկ URL- ն ավելի դյուրին է դարձնում օգտվողներին տարածել և հղում կատարել ձեր բովանդակությանը:
  • Մեկ կայքի պահպանումն ավելի ծախսարդյունավետ է, քան նույն բովանդակության համար բազմակի էջեր պահելը.
  • Բջջային կայքի վերահղումները ազդում են բջջային սարքի օգտագործողների համար էջի բեռնման արագության վրա: Նաև զննարկչի հայտնաբերման հիման վրա վերահղումը հակված է սխալի, որը կարող է քայքայել ձեր վեբ կայքի օգտագործողի փորձը: Ընդունելով RWD- ն լուծում է այդ խնդիրները պարզապես այն պատճառով, որ, օգտագործելով նույն կայքը և աշխատասեղանի, և բջջային դիտումների համար, ձեզ հարկավոր չէ օգտվողներին ուղղորդել բջջային հատուկ կայք:
  • Տարբեր սարքերի արագ փոփոխվող լանդշաֆտով, անհնարին է ստեղծել և թարմացնել նույն կայքի բազմաթիվ վարկածներ, որոնք հատուկ հարմարեցված են յուրաքանչյուրի էկրանի չափին և առանձնահատկություններին.

Ձեր կայքը պատասխանատու՞ է: Փորձարկել այն!

Օգտագործեք Google շարժական ընկերական թեստ արագ ստուգելու համար, եթե ձեր կայքը պատասխանատու է: Պարզապես պատճենեք & տեղադրեք ձեր կայքի URL- ն տեքստի տուփի մեջ և պարզեք արդյունքը.

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map