Ինչպես ճիշտ սեղմել լողացող ստորագիրն էջի ներքևի մասում: Ինչպես ճիշտ սեղմել լողացող ստորագիրն էջի ներքևի մասում Լողացող ստորագիր և շարժական սարքեր

Ողջույն, սիրելի ընկերներ և բլոգի հյուրեր: Այսօր մենք կխոսենք կայքի ստեղծման մասին, ավելի ճիշտ, դրա բաղադրիչներից մեկի մասին. Կայքի ստորագիր, ըստ գիտական ​​Footer HTML-ի կամ պարզապես ստորագրի։ Չնայած այն հանգամանքին, որ սա կայքի ամենաքիչ տեսանելի մասն է, և քչերն են դրան ուշադրություն դարձնում, առաջին հայացքից այդպես է թվում և շատերն են այդպես կարծում։ Եվ դրա պատճառով շատերը հաճախ անտեսում են կայքի ստորագրի ձևավորումը, ինչը սկզբունքորեն սխալ է և սխալ:

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

Այսպիսով, եկեք սկսենք հենց սկզբից...

Ի՞նչ է կայքի ստորագիր կամ Footer HTML:

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

Եվ յուրաքանչյուր ոք, ով կարծում է, որ քիչ այցելուներ են գալիս կայքի նկուղ, սխալվում է, բոլորովին սխալվում է:

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

Ինչպե՞ս ճիշտ ձևավորել կայքի ստորագիր:

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

Սա կայքի առաջին ստորագիրն է:

Սա կայքի երկրորդ նկուղն է:

Սա կայքի երրորդ նկուղն է:

Սա կայքի չորրորդ նկուղն է:

Սա կայքի հինգերորդ նկուղն է:

Սա կայքի վեցերորդ նկուղն է:

Դե, ինչպես եք սիրում այս Footer HTML-ը: Ձեզ դուր եկավ դրանցից գոնե մեկը: Հուսով եմ, որ այո?!

Եթե ​​դրանք ձեզ դուր են եկել, ապա ես առաջարկում եմ ներբեռնել դրանք ամբողջովին անվճար հենց հիմա և օգտագործել դրանք ձեր սեփական նպատակների համար:

Ձեր ներբեռնած թղթապանակը պարունակում է վեց ֆայլ Footer HTML-ով: Եվ այն ամենը, ինչ դուք պետք է անեք, ձեր կայքի բովանդակությունը տեքստային խմբագրիչում ուղղեք և վերջ:

Խոսեք տեքստային խմբագրի մասին: Օրինակ, ես օգտագործում եմ, և խորհուրդ եմ տալիս ձեզ, միայն . Քանի որ դա ամենահարմարն ու անվտանգն է:

Հիմա վերջ: Շնորհակալություն ուշադրության համար!

WordPress-ի բոլոր կաղապարները բաղկացած են մի քանի ֆայլերից, որոնք պատասխանատու են բլոգի այս կամ այն ​​մասի մշակման և ցուցադրման համար՝ վերնագիր, հիմնական բովանդակություն, կողագոտ և ստորագիր: Այսօր կխոսենք վերջինիս մասին։ Ստորագիր (կայքի ստորագիր) նրա ստորին հատվածն է՝ ամբողջ բովանդակությամբ։ Ամենից հաճախ այն օգտագործվում է վեբ վարպետի կողմից՝ տրամադրելու այնպիսի տեղեկություններ, ինչպիսիք են ստեղծման ամսաթիվը, հեղինակային իրավունքի պաշտպանությունը, վերնագիրը և այլն: Բայց դա հեշտ չէ իրականացնել WordPress-ի բոլոր թեմաներում, ոմանք պարզապես չունեն էջատակին տեղեկատվություն ավելացնելու պարզ տարբերակներ:

Ի՞նչ տեղադրել կայքի էջատակում:

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

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

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

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

Հարկ է նշել, որ ստորագիր հղումների վրա սեղմելու հնարավորությունը, եթե այն գեղեցիկ և տեղեկատվական չէ, մոտ է զրոյի՝ նման ստորագրի աննկատելիության պատճառով։

Գեղեցիկ ձևավորված վեբ էջատակների օրինակներ

Գեղեցիկ և տեղեկատվական ստորագիր ստեղծելու համար ձեր ուշադրությանն ենք ներկայացնում վեբ դիզայն ստուդիաների ամենահայտնի աշխատանքները.

1. Ֆրանսիական վեբ ստուդիայի KDIGIT դիզայնի լուծում.

2. Ստորագրի ձևավորում վեբ դիզայն ստուդիայի կողմից SNOWDEN industries.

3. Դիզայներական լուծում շվեդական Uforia CMS ընկերության ստորոտի համար.

4. Նրբագեղ էջատակի ձևավորում Tapbots-ի կողմից.

5. Վեբ դիզայն ստուդիայի ստորագիր Ready made designs:

6. Մեխանիկական էջատակի ձևավորում.

7. Գեղեցիկ էջատակի ձևավորում.

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

Ստորագրին տեղեկատվության բլոկների ավելացում

Ստորագրում տեղեկատվության բլոկներ ավելացնելու ամենադյուրին ճանապարհը WordPress-ի ադմինիստրատորի տարածքին ստորագիր վիջեթների բլոկն ավելացնելն է: Վիդջեթների նման բլոկ ստեղծելու համար անհրաժեշտ է բացել admin menu—>editor և աջ կողմի սյունակում ընտրել functions.php ֆայլը, որում ավելացնում ենք կոդը.

if (function_exists("register_sidebar")) register_sidebar(array("name" => "Footer Sidebar", "before_widget" => "", "after_widget" => "", "before_title" => "

",));

if (function_exists("register_sidebar") ) գրանցման_կողային տող(զանգված( "name" => "Foter Sidebar" , "before_widget" => "" , "after_widget" => "" , "նախքան_վերնագիրը" => " " , "after_title" => " " , ) ) ;

Սա ադմինիստրատորի վահանակում վիջեթների նոր բլոկի գրանցման ծածկագիրն է, որտեղ «անունը» վիջեթի անունն է, «before_widget»՝ վիջեթից առաջ ցուցադրվող HTML կոդը, իսկ «after_widget»՝ ցուցադրվող HTML կոդը վիջեթը, ինչպես նաև ծածկագիրը վերնագրի վերնագրից առաջ և հետո: Այն սովորաբար ավելացվում է functions.php ֆայլի հենց սկզբում։

Պահպանեք functions.php-ի բովանդակությունը և անցեք «Վիդջեթներ» բաժին: Եթե ​​ամեն ինչ արվել է առանց սխալների, ապա այնտեղ կգտնեք նոր բլոկ.

Այսպիսով, մենք ստեղծել ենք վիջեթների նոր բլոկի ցուցադրում ադմինիստրատորի մենյուում, այժմ մենք պետք է ցուցադրենք այս բլոկի վիդջեթները կայքում։ Դա անելու համար բացեք ադմինիստրատորի ընտրացանկը -> խմբագիր և աջ կողմում ընտրեք footer.php ֆայլը, ի դեպ, նման վիդջեթների բլոկները կարող են ցուցադրվել ոչ միայն ստորագրում, այլև կայքի ցանկացած այլ վայրում։

footer.php ֆայլում ավելացրեք հետևյալ կոդը.

(footer-ը ոտքի ածանցյալն է (անգլերեն) - ոտքը) - սա կայքի ամենացածր հատվածն է, վերնագրի դիմաց՝ վերին հատվածը: Իհարկե, կայքի ղեկավարը՝ վերնագիրը, ամենակարևոր տարրն է, բայց ստորագիրն էլ նման է ոտքերիդ տակ գտնվող հողին՝ այն պետք է լինի դիմացկուն և գործունակ։ Թեև ոչ բոլոր օգտատերերն են ոլորում վեբ էջերը մինչև վերջ, դուք չպետք է անտեսեք կայքի սեխի բաժինը:

Ի՞նչն է ընդունված տեղադրել էջատակի մեջ:

Ստանդարտ ստորագրի տարրերն են.

1. Սոցիալական ցանցի կոճակներ և սոցիալական ցանցերի խմբի վիդջեթներ
2. Հղումներ դեպի կայքի հիմնական բաժինները
3. Հղումներ երրորդ կողմի ռեսուրսներին
4. Հեղինակային իրավունք
5. Կոնտակտային տվյալներ
6. Որոնում

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

Օրիգինալ ստորագիրն այն վայրն է, որտեղ կարող եք զարմացնել ձեր այցելուին

Ստորագիրը հենց այն վայրն է, որտեղ դուք կարող եք իրականացնել շատ հետաքրքիր դիզայներական գաղափարներ, նույնիսկ եթե դա լուրջ պաշտոնական ընկերության կայք է: Ահա մի քանի հետաքրքիր օրինակ.

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

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

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

Լրացուցիչ ընտրացանկ ստորատատի մեջ

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

Օրինակ, այն կարող է այսպիսի տեսք ունենալ.

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

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

Ստորագրի նշանակությունը և տեղը

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

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

Ըստ CMS-ի, ստորագիրն իր ստորագրությունն է, և կայքի ստորագիր խմբագրելը հասանելի է մշակողին: Ձեռագործ կայքերը սովորաբար հակված չեն փոխել այցելուների կարծիքը և միշտ ներքևում տեղադրում են ստորագիր, այլ ստեղծում են կառուցվածք և բովանդակություն իրենց ոճով։

Լողացող նկուղ և շարժական սարքեր

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

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

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

Վիրտուալ ստեղնաշարի և կայքի ստորագրի գաղափարը - ինչ է դա: Սա տվյալների մուտքագրման հնարավորության իրական դիրքն է, որը խիստ ցածր է մուտքագրման տվյալների դաշտից: Մի փոքր անհարմար լուծում, բայց այն իսկապես աշխատում է:

Բովանդակության կառուցվածքը և իրական նշանակությունը

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

• կայքի վերնագիրն այստեղ է.
• բովանդակություն - այստեղ;
• իսկ կայքի էջատակը, որ այն միայն ըստ պահանջի է։

Բրաուզերի պատուհանը միշտ սահմանափակումներ է դնում էջի բովանդակության վրա՝ կախված բրաուզերի տարբերակից և սարքի մոդելից, որով այն աշխատում է: Ե՛վ սերվերի կողմի ծրագրավորման լեզուները, և՛ JavaScript-ը մշակողին տրամադրում են անհրաժեշտ գործիքներ՝ որոշելու, թե որ միջավայրում է բեռնված կայքը:

Բրաուզերի տվյալների ճիշտ օգտագործումը բավական է բովանդակությունը ճիշտ նշելու, վերնագրի, ստորագրի և բովանդակության գտնվելու վայրը որոշելու համար:

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

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

Մենք արդեն կարող ենք լսել, թե ինչպես եք ասում. Քիչ մարդիկ, այնուամենայնիվ, պտտվում են մինչև վերջ»: Բայց մենք այդքան վստահ չէինք լինի դրանում։

Իհարկե, առաջնահերթությունը պետք է տրվի վերնագրի հատվածին և ձևավորմանը՝ ծալման գծի վերևում (Above The Fold), քանի որ այստեղ այցելուներն անցկացնում են իրենց ժամանակի մեծ մասը: Այնուամենայնիվ, էջի ներքևի մասը, մասնավորապես ձեր վայրէջքի էջի ստորոտը, նույնպես արժանի է ուշադրության:

Հետաքրքիր դեպքի ուսումնասիրության ժամանակ, վեբկայքի բովանդակության վերլուծություն իրականացնող Chartbeat ընկերությունը պարզել է, որ էջի ներգրավվածության 65%-ը տեղի է ունենում հենց ծալքի տակ:

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

• Ձեր ապրանքանիշի և ապրանքի մասին լրացուցիչ կարևոր տեղեկատվության տրամադրում:
• Բարելավված օգտվողների փորձառություն և նավիգացիա:
• Փոխակերպման տոկոսադրույքների ավելացում:

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

Այս գրառման մեջ մենք կանդրադառնանք ստորագիր ստեղծելու և օգտագործելու բոլոր մանրամասներին՝ անկախ կայքի տեսակից։ Սկսենք հենց սկզբից։

Ի՞նչ է ստորագիր:

Footer-ը կայքի կամ վայրէջքի էջի ամենացածր մասն է: Նրանք գալիս են բոլոր ձևերի և չափերի: Որոշ կայքեր ունեն էջատակի փոքր տարածքներ, իսկ մյուսները՝ շատ մեծ, ներառյալ բազմաթիվ սյունակներ և էջատակներ: Որոշ կայքեր ընդհանրապես չունեն ստորագիր, իսկ մյուսները ինտեգրում են հատուկ հատկանիշ, որը կոչվում է (Անսահման ոլորում): Սա նշանակում է, որ կայքի ներքևի մասում ստորագիր չկա, էջի վերջ, որպես այդպիսին, չկա։ Այսօր այս թեմային չենք անդրադառնալու։

Ստորին էջերը սովորաբար պարունակում են կոնտակտային տվյալներ, որոնման դաշտ և կարևոր էջերի նավիգացիոն հղումներ և սոցիալական ցանցի պրոֆիլի պատկերակներ: Ստորատևը կարող է օգտագործվել նաև բիզնեսի վերաբերյալ այլ համապատասխան տեղեկություններ տրամադրելու համար, ինչպիսիք են՝ ներառյալ ընկերության առաքելության հայտարարությունը, գրասենյակի գտնվելու վայրի մասին տեղեկատվությունը (քարտեզ), կայքի վիճակագրությունը, սոցիալական ապացույցը, էլ. (Call-To-Action, CTA) և այլն:

Ինչու՞ պետք է մտնեք ստորոտի ձևավորման մեջ

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

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

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

Գեղեցիկ էջատակների օրինակներ

Դիտարկենք էջատակների մի քանի օրինակ, որոնք կարող են ձեզ ոգեշնչել ձեր սեփական գաղափարներով հանդես գալու համար:

Bork ապրանքանիշի A803 AirEngine օդը մաքրող սարքը վաճառող վայրէջքի էջն ունի գրավիչ էջատակի ձևավորում, որը ներառում է նավիգացիոն հղումներ (և դրանք նախագծված են երկու տարբեր ոճով՝ սեղմվող պատկերների տեսքով և ցուցակներով սյունակների տեսքով), տեղեկագրի բաժանորդագրության ձև: և սոցիալական լրատվամիջոցների պատկերակները:

Շատ գեղեցիկ տեսք ունի նաև իլյուզիոնիստ Իգոր Զավյալովի էջը։ Դիզայնը բաղկացած է կոնտակտային տեղեկություններից, սոցիալական պրոֆիլների հղումներից և պարզ, գրավիչ կոնտակտային ձևից:

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

strip-lenta.com կայքը ունի բնօրինակ ստորագիր՝ ծրարով, որը պարունակում է կոնտակտներ և կոնտակտային ձև.

Ստորատակին նախորդում է նախատոտրային գոտի՝ սոցիալական ապացույցներով՝ հայտնի հաճախորդների լոգոները.

Բայց նրանք դրանով չեն սահմանափակվել! Գոյություն ունի նաև հետ-footer գոտի, որը ներառում է փոխակերպման գործողություն.

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

Դե, մենք կարծում ենք, որ դա բավարար սնունդ է ոգեշնչման համար: Այժմ եկեք տեսնենք 16 բաներ, որոնք չպետք է անտեսեք ձեր ստորոտը նախագծելիս:

Ստորագրի հիմնական տարրերը

1. Հեղինակային իրավունքի մասին տեղեկություններ: Ձեր վայրէջքի էջի անբարեխիղճ այցելուներին հասկացրեք, որ բովանդակությունը պաշտպանված է հեղինակային իրավունքով, և որ դրա հետևանքները կլինեն գրագողությունը: Ստորագիրն այս տեսակի տեղեկատվության համար կատարյալ տեղ է:

2. Կոնտակտային տվյալներ. Ինչպես նշվեց, շատ մարդիկ ոլորում են էջը՝ փնտրելով ձեր կոնտակտները (հեռախոս, հասցե, էլ. փոստ): Շատ կարևոր է դրանք ավելացնել էջատակում, հատկապես, եթե որոշեք դրանք չներառել վերնագրի մեջ:

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

3. Գաղտնիության քաղաքականություն. Առցանց գաղտնիության մասին օրենքները գնալով ավելի խիստ են դառնում, ուստի նման էջի հղում ունենալը կարևոր է:

4. Ծառայության պայմանները. Ծառայություններ մատուցելիս կամ ապրանքներ վաճառելիս ձեր վայրէջքի էջի միջոցով, դուք հավանաբար չեք ցանկանում, որ ձեր հաճախորդները շփոթվեն ձեզ հետ բիզնես վարելու նրբությունների մասին: Համոզվեք, որ էջատակի վրա հստակ ցուցադրվում է ծառայության պայմանների էջի հղումը:

5. Հետադարձ կապ/հետադարձ կապ. Սա կամընտիր մաս է, բայց եթե դուք ունեք առանձին էջ, որը նվիրված է դրան, օգտակար կլինի դրա հղումը ներառել այստեղ:

6. Քարտեզ. Եթե ​​ձեր վայրէջքի էջը այցեքարտ է այն բիզնեսի համար, որի հիմնական գործունեությունը անցանց է (ասենք, որ դուք հյուրատան, ռեստորանի կամ միջոցառումների տարածքի սեփականատեր եք), ապա համոզվեք, որ հաշվի առնեք տեղադրության տվյալները էջատակի վրա ավելացնելու մասին: Սա կարող է լինել պարզ տեքստ՝ հասցեով կամ տեղական ինտեգրում Yandex Maps-ի, Google Maps-ի կամ 2GIS-ի հետ:

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

Ընտրովի էջատակի տարրեր

Հիմա եկեք նայենք ստորագրի ձևավորման այլ, պակաս կարևոր տարրերին:

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

9. Կայքի քարտեզը (SiteMap) օգնում է որոնման համակարգերին ավելի լավ հասկանալ ձեր կայքի կառուցվածքը և բովանդակությունը: Շատ կայքեր տեղադրում են հղում դեպի Կայքի քարտեզ՝ հետֆուտերի հեղինակային իրավունքի մասին տեղեկատվության կողքին:

11. Պարզ էլփոստի ձևաթուղթը հիանալի միջոց է «opt-in» փոխարկումները մեծացնելու համար: Որպես այլընտրանք, եթե էջատակում տեղ չկա գրանցման ձևը տեղադրելու համար, մենք առաջարկում ենք տեղադրել CTA կոճակը կամ հղում կատարել դեպի գլխավոր էջի, որտեղ դուք նախատեսում եք ստեղծել առաջատարներ:

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

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

14. Բլոգի վերջին գրառումների ցանկը: Դուք կարող եք ավելացնել թարմացվող բովանդակություն այստեղ՝ ձեր վերջին բլոգային գրառումներով: Նույնիսկ ավելի արդյունավետ ռազմավարություն է ցուցադրել միայն լավագույն, ամենահայտնի բլոգային գրառումները: Չորս կամ հինգ հղում ավելի քան բավարար կլինի։

15. «Իմ մասին» / «Կենսագրություն». Երբ խոսքը վերաբերում է անձնական բրենդային կայքի կամ բլոգի մասին, կարող եք նաև ավելացնել ձեր մասին կարճ կենսագրություն, ներառյալ լուսանկար. այն կավելացնի աշխույժ, «մարդկային» տարր կայքը: Ձեր Իմ մասին (Մեր մասին) էջին հղում ավելացնելը այցելուներին հնարավորություն կտա ավելին իմանալ ձեր մասին:

16. Փոխակերպման հղումներ կամ գործողության կոչեր: Ունեք ապրանքի էջեր, լավագույն վաճառողների բաժիններ կամ փոխկապակցված էջեր, որոնք դուք պետք է խթանեք: Ի՞նչ կասեք նրանց հղումները ներդիրի ներդիրի Anchor Text-ում:

Ինչ չավելացնեք ձեր ստորոտում

Ահա թե ինչից պետք է խուսափել.

• Էջի դիտումների և վիջեթների հաշվիչներ, որոնք արտացոլում են տրաֆիկի վիճակագրությունը:
• Ուղիղ փոխկապակցված հղումներ:
• Ներկառուցված սոցիալական լրատվամիջոցների հոսքեր:
• Գովազդ.

Ինչ գործիքներ պետք է օգտագործեք ձեր դիզայնի վրա աշխատելիս:

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

Այսքանը:

Հուսով ենք, որ այս գրառումը օգտակար էր ձեզ համար: Մենք նաև ցանկանում ենք, որ այն խրախուսի ձեզ վերանայել, թե ինչպես եք օգտագործում ստորագիր բաժինը: Ինչ էլ որ լինի ձեր փոխակերպման նպատակները, պարզապես շատ փորձեր արեք, և կտեսնեք, թե ինչն է աշխատում և ինչը ոչ:

Սկսեք մի քանի հիմնական տարրերից և այն, ինչ ձեր կարծիքով կբարելավի նավիգացիան և օգտագործողի փորձը:

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

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

• Ձեր կայքը կամ բլոգը ստորագիր ունի՞:
• Դուք առավելագույնս օգտվո՞ւմ եք դրանից:
• Ի՞նչ կա այս պահին էջատակի մեջ: Ինչպե՞ս կարող է սա բարելավվել: