Գլխավոր էջի (կամ գլխավոր էջի) ձևավորումը կայքի առաջին էջի տեսողական և կառուցվածքային ձևավորումն է, որը այցելուները տեսնում են, երբ առաջին անգամ այցելում են կայք: Գլխավոր էջը առանցքային դեր է խաղում կայքի մասին առաջին տպավորությունը ստեղծելու գործում և օգնում այցելուներին գտնել իրենց անհրաժեշտ տեղեկատվությունը կամ հետագա նավարկելու ռեսուրսի միջոցով:
1. Shopify Գլխավոր էջի ձևավորում
Այս գրառման մյուս վայրէջք էջերից շատերի նման, վայրէջքի էջի օրինակը Shopify պարզեցնում է. Օրինակ, օգտատերերի վրա կենտրոնացած վերնագիրը ընդամենը մի քանի բառ է, և էջը հիմնվում է պարզ պարբերակների, այլ ոչ թե պարբերությունների վրա՝ դատավարության մանրամասներն ու առավելությունները փոխանցելու համար: Կան միայն մի քանի դաշտեր, որոնք պետք է լրացվեն նախքան սկսելը: Այս ամենը ձեզ համար հեշտացնում է առցանց վաճառքը՝ օգտագործելով ձեր գործիքը:
2. Դնչկալի գլխավոր էջի ձևավորում
Վայրէջքի էջերն օգնում են օգտատերերին որոշել, թե արդյոք ձեր արտադրանքը կամ ծառայությունը արժե իրենց արժեքավոր ժամանակը և էներգիան: Ձեր արժեքային առաջարկը հստակ և ուղղակիորեն հաղորդելու ավելի լավ միջոց, քան ձեր այցելուներին համապատասխանեցնելն այն խնդրի հետ, որը լուծում է ձեր հավելվածը:
Instagram-ի մեկնաբանություններն ավելի շատ են դառնում
ՄկաններMac հավելվածը, որը խլացնում է էկրանի ծանուցումները, ամբողջությամբ ծածկում է դա ցույց տալ առանց պատմելու մտածելակերպը իրենց նվազագույն վայրէջքի էջում: Այս էջի այցելուներին դիմավորում է էկրանի վերին ձախ անկյունում անհարմար ծանուցումների արագ կրակը: Շարժապատկերը ոչ միայն զվարճալի է, այլև համոզիչ կերպով փոխանցում է հավելվածի օգտակարությունը՝ առանց երկարատև նկարագրությունների։
3. TransferWise Գլխավոր էջի ձևավորում
TransferWise- ը թույլ է տալիս գումար ուղարկել և ստանալ բազմաթիվ արժույթներով, և դրա վայրէջքի էջը, որը ցուցադրված է ստորև, բաժանում է յուրաքանչյուր առանձին գործողություն, որպեսզի չշեղվեք ձեզ համար չկիրառվող տարբերակներից:
Եթե ցանկանում եք գումար ուղարկել, կարող եք լրացնել փոխանցման ձևը: Գումար ստանալու համար պարզապես անցեք միջին ներդիր, իսկ TransferWise-ում գրանցվելու համար՝ օգտագործելով ձեր դեբետային քարտը, անցեք ծայր աջ ներդիր:
Այս վայրէջքի էջի յուրաքանչյուր ներդիր ստեղծում է իր սեփականը գործողության կանչել կախված նրանից, թե ինչի համար եք գրանցվում. յուրաքանչյուրը վառ կանաչ շրջանակով՝ երեք հնարավոր մեկնարկային կետերից հետո ընդգծելու ձեր հաջորդ քայլը:
4. Airbnb Գլխավոր էջի ձևավորում
Օգնելու համար այցելուներին հյուրընկալողներ վերածել, Airbnb առաջարկում է որոշակի գայթակղիչ անհատականացում՝ ձեր գտնվելու վայրի հիման վրա միջին վաստակի մոտավոր գնահատում: Դուք կարող եք լրացուցիչ տեղեկություններ մուտքագրել դաշտերում ձեր հնարավոր տեղաբաշխման մասին՝ ավելի անհատականացված գնահատական ստանալու համար:
Եթե դուք արդեն այցելել եք մի էջ, որում համոզված եք, ապա էջի վերևում գործող հստակ կոչը հեշտացնում է տեղում փոխարկելը:
5.Թիմբիթ
տարօրինակ Սովորաբար առաջին բառը չէ, որ գալիս է մտքում, երբ մտածում ես HR ծրագրաշարի մասին, բայց Teambit-ի տեսողական վայրէջքի էջը հենց դա է: Պարզ ձևը մեկ դաշտով ուղեկցվում է կենդանիների կերպարներով լի պաշտելի գրասենյակով՝ բոլորը շատ գոհ եմ Teambit-ից, եթե հետաքրքրված եք: Վայրէջքի էջի յուրաքանչյուր տեղեկատվական բաժնի կողքին հայտնվում է մուլտֆիլմի կենդանի, որը այցելուներին հրապուրում է ոլորել ներքև՝ ավելին իմանալու համար: Գլխավոր էջի ձևավորում
Վայրէջքի էջ Թիմբիթ հիանալի ապացույց է, որ զվարճալի վայրէջք էջ ստեղծելու համար ձեզ հարկավոր չէ ունենալ «զվարճալի» ապրանք կամ ծառայություն:
6. Wistia Գլխավոր էջի դիզայն
Առաջին հերթին սա վայրէջքի էջն է Wistia իրենց անվճար Wistia հաշվի համար: Հաշիվ ստեղծելու համար անմիջապես նկատում եք մեկ դաշտով ձևը. նվազագույն դիզայնով կապույտ ֆոնը հիանալի հակադրվում է վառ սպիտակ ձևի դաշտին:
Ձևի դաշտի երկարությունը՝ զուգորդված նշանավոր տեղաբաշխման հետ, վերացնում է գրեթե բոլոր շփումները հաշիվ ստեղծելիս... բայց եթե կասկածում եք, միշտ կարող եք ոլորել ներքևում՝ ՀՏՀ-ն կարդալու համար: Երկուսը առանձնացնելով ուժեղ գունային հակադրությամբ՝ Wistia-ն շատ ավելի հեշտացնում է փոխակերպման գործընթացը:
7. Webflow. Գլխավոր էջի ձևավորում
Webflow, դիզայնի գործիք վեբ ծրագրավորողների համար, շատ տեղեկատվություն է փաթեթավորում GIF և երեք ձևի դաշտերում: Լավ կլիներ, որ գրանցման ամբողջ ձևը մեկ տողում լիներ. ոչ միայն դա կարճացնում է էջը, այլև ձախից աջ բոլոր դաշտերը լրացնելը ցույց է տալիս օգտվողներին, թե որքան մոտ են նրանք չորրորդ կապույտ կոճակը սեղմելուն և անվճար սկսելուն:
Ձևի տակ գտնվող անիմացիոն GIF-ը ցուցադրվում է նույն շրջանակում կայքում, որպեսզի օգտվողները կարողանան տեսնել, թե ինչպես է աշխատում արտադրանքը: и գրանցվեք առանց ոլորելու կամ նոր էջ գնալու:
Էլեկտրոնային գրքի գլխավոր էջի ձևավորում
8. Nauto Գլխավոր Էջի դիզայն
ՆաուտոԻնքնավար մեքենաների տվյալների պլատֆորմն օգնում է ինքնավար մեքենա վարելն ավելի անվտանգ դարձնել այն ընկերությունների համար, որոնք կառավարում են նավատորմը: Բնականաբար, նրա հաճախորդներին անհրաժեշտ կլինի ամբողջ տեղեկատվությունը այս հարթակում վաճառելու համար: Nauto-ն դա շատ պարզ է էլեկտրոնային գիրք, որի վայրէջքի էջը ձեզ տալիս է կարճ կոնտակտային ձև և նախադիտման վիճակագրություն՝ ապացուցելու, թե ինչու է այս ռեսուրսը այդքան կարևոր:
Կանաչ «Ներբեռնել հիմա» կոճակը կարող է նույնիսկ դիտավորյալ լինել (ի վերջո կանաչը նշանակում է «գնալ»):
Ոլորեք ներքև և կտեսնեք մեկ այլ «Ստացեք էլեկտրոնային գիրք» CTA՝ օգտվողներին հիշեցնելու, թե ինչ կա խանութում: Դուք նաև կտեսնեք երեք սարսափելի ավտովթարի վիճակագրություն՝ օգտվողներին ավելին իմանալու համար: Ստուգեք այն ստորև:
9. Արդյունաբերական ուժեղ շուկայավարման գլխավոր էջի ձևավորում
Այս վայրէջքի էջն ինձ անմիջապես գրավում է իր անդիմադրելի, սուր վերնագրով. «Մի ստիպիր ինձ մեծացնել»: Սա ուղղակիորեն խոսում է մեզանից շատերի ընդհանուր փորձի մասին, երբ մենք պտտվում ենք մեր հեռախոսների կամ պլանշետների միջով, և դա նույնպես մի փոքր լկտի է:
Բայց դա միակ բանը չէ, որ ինձ հետաքրքրեց այս վայրէջքի էջով: Ուշադրություն դարձրեք, թե ինչպես է կարմիր գույնը ռազմավարականորեն տեղադրված ձևի վերևում և ներքևում՝ ձեզ ավելի մոտեցնելով փոխակերպման իրադարձությանը:
Բացի այդ, այս դիզայնը մետա բեռնման համար է. այն հիանալի տեսք ունի և աշխատում է շարժական սարքեր. Հիշեք, որ շատ այցելուներ կմտնեն ձեր վայրէջքի էջեր իրենց սմարթֆոններով կամ պլանշետներով, և եթե ձեր կայքի դիզայնը նրանց չի սազում, նրանք կարող են հանձնվել և հեռանալ ձեր էջից:
Industrial Strength Marketing-ի մասնագետները ստեղծեցին դաշտը տառատեսակներ և ձևերը բավականաչափ մեծ են, որպեսզի այցելուները ստիպված չլինեն, օրինակ, մեծացնել բովանդակությունը կարդալու և փոխազդելու համար:
10. Velaro Live Chat
Երբեմն ամենափոքր մանրամասները մեծ տարբերություն են ստեղծում: Օրինակ, հենց նրանք են կազմում վայրէջքի էջը Velaro Live Chat զարմանալի.
Նյութի պատկերի վերևում գտնվող այս փոքրիկ PDF խորհրդանիշն օգնում է որոշել, թե ինչ ձևաչափով կլինի ներբեռնումը: Ենթավերնագրի առջև գտնվող սլաքն օգնում է ավելի ընդգծել այն կարևոր օրինակը, որը այցելուները ցանկանում են կարդալ: Ինչպես IMPACT-ը, նրանք նաև ունեն ավտոմատ ստուգվող վանդակ բաժանորդագրություններ իրենց ձևի տեղեկագրին, որը, եթե այն վերածվի լրացուցիչ վանդակի, ձեր բաժանորդների թիվը մեծացնելու հիանալի միջոց է: Այս բոլոր փոքր, աննշան թվացող մանրամասները օգնում են ավելացնելու ամուր, զարմանալի վայրէջքի էջի ձևավորում: Գլխավոր էջի ձևավորում
11. IMPACT Բրենդինգ և դիզայն / Գլխավոր էջի ձևավորում
Տուն ԱԶԴԵՑՈՒԹՅՈՒՆ վաղուց դարձել են դիզայներների ոգեշնչման աղբյուր: Ես սիրում եմ էջի պարզ դասավորությունը՝ մեծ վերնագրի պատճենից և մանրամասն պատկերից մինչև ուրվագիծը, որը շրջապատում է ձևը, գույներն ու տառատեսակները, որոնք շատ հաճելի են աչքին:
IMPACT-ի անվճար ձեռնարկն առաջարկում է ներբեռնում այստեղ, ինչպես նաև չի ընդգծում ներբեռնումը կապույտ կոճակի մեջ, որը թույլ է տալիս ներկայացնել լրացված ձևը: Ավելի շուտ, IMPACT-ը հրավիրում է ձեզ «առաջացնել ավելի շատ փոխարկումներ»՝ կենտրոնանալով այն բանի վրա, թե ինչ կարող եք ձեռք բերել ուղեցույցը կարդալուց:
Վայրէջքի էջեր՝ ավելին իմանալու համար
12. Դադարեցնելը
Wonderարմանալի չէ, որ Unbounce այս ցուցակի վերևում է. նրանք իսկապես գրել են բարձր փոխակերպման վայրէջք էջեր ստեղծելու գիրքը: Թեև այս վայրէջքի էջի հետ կապված շատ զարմանալի բաներ կան, երկուսը, որոնք ինձ իսկապես դուր են գալիս, հետևյալն են՝ 1) չաթի տուփի օգտագործումը դասական ձևի փոխարեն, և 2) մանրամասն, բայց լավ փաթեթավորված տեղեկատվությունը ձևի/Գլխային ներքևում: Էջի ձևավորում
Առաջինն օգնում է ուղղորդել ուշադրությունը էջի նպատակի վրա, որպեսզի դուք լրացնեք ձևաթուղթը, որը աննկատ է և չի թվում, թե ինչ-որ հոգս է: Երկրորդը այդ էջին տալիս է SEO-ի խթանում (որոնիչները ավելի շատ բովանդակություն կունենան սողալու համար) և վերացնում է անհանգստությունը այն մարդկանցից, ովքեր պետք է ավելին իմանան բովանդակության մասին նախքան իրենց տեղեկատվությունը ներկայացնելը, առանց մարդկանց ուշադրությունը շեղելու զրույցի պատուհանից:
13. Bills.com. Գլխավոր էջի ձևավորում
Մարդիկ հաճախ պատկերացնում են վայրէջքի էջերը որպես ձեր կայքի ստատիկ էջեր: Բայց ճիշտ գործիքների շնորհիվ դուք կարող եք դրանք դարձնել ինտերակտիվ և անհատականացված:
Վերցրեք ստորև բերված օրինակը Bills.com. Պարզելու համար, թե արդյոք ձեզ կշահի նրանց խորհրդատվությունը, պատասխանեք երեք հարցի, նախքան ձեզ ցույց տրվի ձևաթուղթը: Այն սկսվում է հետևյալով.
Այնուհետև դուք պատասխանում եք ևս երկու հարցի, ինչպիսին է ստորև.
Եվ ահա վերջնական վայրէջքի էջի ձևը, որտեղ դուք լրացնում եք ձեր տվյալները.
Ես վստահ չեմ, թե ինչպես է աշխատում ալգորիթմը (կամ եթե ընդհանրապես կա մեկը), բայց մինչ ես լրացնում էի այն, ես որոշ մտահոգություն ունեի ոչ որակավորումները։ Երբ ես իմացա, թե ինչ եմ արել, ես ոգևորված էի լրացնում ձևը, ինչը, վստահ եմ, անում են պարտքեր ունեցող և այս գործիքից օգտվող մարդկանց մեծ մասը: Այս առաջարկն ավելի բացառիկ դարձնելով մինչև ձևը վայրէջքի էջում հայտնվելը, ես գրազ կգամ Bills.com-ը զգալիորեն ավելացել է փոխակերպումը.
14. Trulia Գլխավոր էջի դիզայն
Տրուլիա արեց մի բան, որը շատ նման էր Bills.com-ին իր վայրէջքի էջով: Այն սկսվում է պարզ ձևից, որը խնդրում է «հասցե» (որը ավելի քիչ սարսափելի է հնչում, քան «ձեր հասցեն», թեև դրանք հենց դա են նշանակում): Այս պարզ ձևի դաշտի տակ կա վառ նարնջագույն կոճակ, որը լավ հակադրվում է ձևի ետևում գտնվող կերպարի պատկերին և ընդգծում է, որ գնահատականը անհատականացված կլինի ձեր տանը:
Իհարկե, հասցեն ինքնին բավարար չէ տան արժեքը գնահատելու համար։ Այն պարզապես նշանակում է տան շրջակայքը: Ահա թե ինչու հաջորդ էջում ներառված են լրացուցիչ հարցեր բուն սեփականության վերաբերյալ, ինչպես օրինակ՝ մահճակալների և լոգանքների քանակը: Ստորև կարող եք տեսնել «Ասա մեզ ուր ուղարկել հաշվետվությունը» գրքի պատճենը՝ այն հերքումով, որ մուտքագրելով այս տեղեկատվությունը, դուք համաձայնում եք կապ հաստատել անշարժ գույքի գործակալի հետ: Սա հիանալի օրինակ է այն բանի, թե ինչպես է ընկերությունը գնահատում իր այցելուներին հենց սկզբից՝ միաժամանակ սահմանելով այցելուների ակնկալիքները, թե ինչ է լինելու արդյունքում:
15. Landbot Գլխավոր էջի ձևավորում
Լենդբոտ, ծառայություն, որը ստեղծում է չաթբոտի վրա հիմնված վայրէջք էջեր, տեղադրում է իր սեփական արտադրանքը չաթի վրա հիմնված վայրէջքի էջի կենտրոնում։ Այցելուներին ողջունում է ընկերական բոտը՝ լի էմոջիներով և GIF-ներով, որը խրախուսում է նրանց տեղեկատվություն տրամադրել ոչ թե ավանդական ձևով, այլ խոսակցական ձևաչափով:
16. Webprofits
Մի փոքր հակադրության համար... իսկ երկար վայրէջքների մասին: Ընդամենը մի քանի հնարքների շնորհիվ դուք կարող եք կարճ թվալ նույնիսկ ամենաերկար վայրէջքի էջը: Ստորև բերված Webprofits վայրէջքի էջը ցույց է տալիս, թե ինչպես դա անել: Գլխավոր էջի ձևավորում
Վերևի աջ մասում կա նշանավոր CTA կոճակ՝ ավելին իմանալու համար. ֆոնի վրա լավ հակադրություն կա, որպեսզի այն առանձնանա, և ներքև սլաքը՝ ոլորումը խրախուսելու համար: Ձևի դաշտը առջևում չդնելով՝ նրանք օգնում են նվազեցնել շփումը և այցելուներին հնարավորություն են տալիս ավելին իմանալ նախքան փոխակերպման տարբերակ ներկայացնելը:
Նրանք նաև թույլ են տալիս հասկանալ, թե ինչ է իրականում դեեթ Վեբ շահույթ . Էջի մնացած մասում ներկայացված են մանրամասներ այն մասին, թե ինչ կստանաք, երբ ներկայացնեք ձեր տեղեկությունները: Բացի այդ, այն ներառում է ռազմավարական CTA-ներ, որոնք կօգնեն ձեզ վերադառնալ վերև՝ ձևը լրացնելու համար, օրինակ՝ «Եկեք խոսենք»:
17. Հ.ԲԼՈՒՄ
Երբեմն պարզապես անհրաժեշտ է կանգ առնել և հիանալ վայրէջքի էջով, թե որքան գեղեցիկ է այն: Բարձր լուծաչափով լուսանկար և վայրէջքի էջում շատ սպիտակ տարածություն օգտագործելիս Հ.ԲԼՈՒՄ հաճելի է նայել:
Բացի իր գեղեցկությունից, էջն ունի փոխակերպման մի քանի հիանալի տարրեր՝ վերևի ձև, պարզ և հակիրճ նկարագրություն, թե ինչ կլինի, երբ լրացնեք ձևը, և նույնիսկ վառ նարնջագույն «Ներկայացնել» կոճակը: Միակ բանը, որ կփոխենք? Պատճենել Ներկայացման կոճակի վրա – Սա կարող է ավելի կոնկրետ լինել առաջարկվող առաջարկին: Գլխավոր էջի ձևավորում
18. Conversionlab
Թեև ես չէի ներառի վայրէջքի էջերի մասին գրառման մեջ գրառման օրինակ, այս կայքը հատուկ է: Գլխավոր էջ ամբողջ կայքն է. նավիգացիոն հղումները պարզապես ձեզ կտանեն ստորև ներկայացված տեղեկատվությանը: Գլխավոր էջի ձևավորում
Երբ սեղմում եք «Ստացեք օգնություն վայրէջքի էջերում», ամբողջ կայքը շարժվում է՝ ձևի համար տեղ ազատելու համար: Ահա թե ինչ տեսք ունի այն նախքան սեղմելը.
Եվ, երբ սեղմում եք այդ CTA-ին, ստուգեք, թե ինչ տեսք ունի ձևը.
Ինձ դուր է գալիս, որ ձևը լրացնելու համար անհրաժեշտ չէ լքել էջը, բայց ձևը աներես չի լինի կայքի պատահական այցելուների համար:
Գաղափարներ/Գլխավոր էջի ձևավորում
Լավ օպտիմիզացված գլխավոր էջը կարող է հաճախորդներին վերածել առաջատարների՝ հավաքելով տեղեկատվություն, որը կօգնի ձեզ ավելի լավ հասկանալ, շուկա հանել և ուրախացնել ձեր այցելուներին: Քանի որ վայրէջք էջերը կարևոր նշանակություն ունեն փոխակերպումների համար, կարևոր է համոզվել, որ դրանք լավ պլանավորված, նախագծված և իրականացված են: Ահա մի քանի բան, որոնք պետք է հաշվի առնել ստեղծման ժամանակ: թիրախավորված Էջեր: Գրավիչ էսթետիկա. Միայն ձեր վայրէջքի էջի գույնը և մաքուր ինտերֆեյսը կարող են օգնել: Այցելուները կցանկանան ավելին իմանալ ձեր արտադրանքի մասին և տեսնել ձեր առաջարկած արժեքի ապացույցները: Նայեք մեր ցուցակի #10-ին՝ Ներգնա Զգացմունք, հիանալի վեբ էջի հիանալի օրինակի համար:
Ավելի քիչ է, թող նախադասությունը կամ պատկերները խոսեն, բայց համոզվեք, որ ներառեք ցանկացած և բոլոր նկարագրական վերնագրերը և օժանդակ տեքստը, որպեսզի ձեր վայրէջքի էջը պարզ և գրավիչ լինի: Սա վերաբերում է էջի գրեթե բոլոր բաղադրիչներին՝ սպիտակ բացատ, պարզ պատճեն և ավելի կարճ ձևեր:
Գլխավոր էջի ձևավորում
Պահպանեք այցելուներին էջում. հեռացնելով հիմնական նավարկությունը կամ ցանկացած շեղող հետհղումներ, ավելի քիչ հավանական է, որ լինի կապի առաջացման մի տեսակ, որը կարող է հանգեցնել այցելուներին լքելու ձեր էջը:
Կիսվելով սոցիալական ցանցերում. Ձեր վայրէջքի էջ այցելուներին գրավելու հեշտ միջոցը համօգտագործման կոճակների օգտագործումն էսոցիալական ցանցեր, որպեսզի նրանք կարողանան ձեր բովանդակությունը տարածել սոցիալական մեդիայի իրենց հետևորդներին: Ի վերջո, հաճախորդները հանդիսանում են ձեր մարքեթինգային թռիչքի կենտրոնը:
A/B թեստավորում. վայրէջքի էջերը կարևոր են ճիշտ աշխատելու համար, և քանի որ սպառողների հոգեբանությունը երբեմն կարող է զարմանալի լինել, միշտ լավագույնն է փորձարկել ձեր էջերի տարբեր տարբերակները՝ տեսնելու, թե որն է փոխակերպման ամենաբարձր մակարդակը (CVR): Ստուգեք առաջարկի դիրքը, CTA-ների տեսակները կամ նույնիսկ գունային սխեման:
Գործողության կոչ. CTA, որտեղ միսը գտնվում է վայրէջքի էջում, կամ շրջադարձային կետ, որտեղ կոնտակտներ դառնալու հեռանկարն է: CTA-ները կարող են այցելուներին խնդրել բաժանորդագրվել, ներբեռնել, լրացնել ձևաթուղթը, կիսվել սոցիալական ցանցեր և այլն, բայց ընդհանուր առմամբ, CTA-ները անհրաժեշտ են ձեր լսարանին ձեր առաջարկով ավելի ակտիվ ներգրավելու համար: Առաջնորդներ ստեղծելու համար CTA-ները պետք է լինեն համարձակ և գրավիչ, բայց ամենակարևորը, դրանք պետք է արդյունավետորեն արժեք փոխանցեն:
Թողնել մեկնաբանություն