Cel mai bun obicei de proiectare a antetului pentru Elementor | Aflați 10 fapte ucigașe
Publicat: 2022-08-17„Este foarte ușor să atragi vizitatori, trebuie doar să scrii un articol cu orice antet și să-l publici!” – Dacă gândești așa, ești într-o lume de vis. Nu este atât de ușor să-ți stabilești poziția pe piața online. Când scrieți un articol cu un antet vag, vizitatorii nu vor înțelege nimic despre ceea ce încercați să spuneți și îl vor sări peste el.
Este suficient pentru ca site-ul dvs. să cadă și să piardă vizitatori într-un timp scurt. Dacă acest lucru continuă, o companie renumită va dura foarte puțin să cadă. În acest articol, vom vorbi despre cel mai bun obicei de design antet pentru Elementor pentru un site web.
Ne aflăm într-o lume corporativă și cu toții ne dorim să ne creștem afacerea cât mai mult posibil și să încercăm cu tot efortul nostru să o ducem pe poziția de vârf.
Iată un scenariu pe care ar trebui să-l înțelegeți: ați înființat o companie, ați stabilit angajații să facă produse de calitate și ați încercat cu toate eforturile să vă mențineți afacerea în funcțiune, dar ați publicat articole cu orice antet sau vag pentru a vă promova produsul.
Care crezi că ar fi rezultatul? Absolut zero!
Pentru că a avea un produs de calitate fără un articol bine format pentru reclamă nu dă roade.
Așadar, trebuie să scrieți un articol cu un antet specific și semnificativ, care să atragă privirea vizitatorilor care vor deveni clienți în curând și să le spună altora să facă acest lucru. Cum poți face asta?
Păstrați legătura până la sfârșit pentru a afla mai multe despre asta.
să începem!
Ce este un antet Elementor?
Un antet Elementor sau un antet al site-ului web este partea superioară a unui site web în care se află logo-ul, navigarea și, uneori, alte informații, de exemplu: text, imagini, gif-uri; sunt găsite link-uri și butoane.
Un antet este ca o față. Așa cum fața unei persoane își exprimă personalitatea și atitudinea față de el, la fel este și antetul unui site web sau al unei pagini web. Oferă cititorului un concept clar la prima vedere despre ceea ce încercați să spuneți.
De ce este important antetul?
Acum că aveți o idee despre un antet, să știm despre importanța unui antet în detaliu. Un antet este o parte principală și, desigur, esențială a unui site web, care poate fie atrage atenția unui vizitator, fie îl poate forța să facă o întoarcere de la site imediat.
Dacă un antet nu poate prinde ochii vizitatorilor, atunci este sigur că aceștia nu vor fi deloc interesați să citească articolul tău. Un antet captivant te ajută să fii cunoscut de la necunoscut unui vizitator și îl face client într-un timp scurt și atrage mai mulți vizitatori către site-ul tău.
Iată câteva motive pentru care un antet este atât de important:
- Acesta captează atracția vizitatorilor de la prima vedere a site-ului dvs
- Îi face pe vizitatori interesați să exploreze site-ul cu un singur clic sau cu o interogare de căutare
- Acesta servește drept casă pentru logo-ul mărcii, unde se întâlnesc majoritatea vizitatorilor
- Funcționează ca un cuprins pentru site
- Oferă informații suplimentare legate de companie, cum să contactați și multe altele
- Include butoane CTA pentru persoanele care sunt gata să facă pasul următor
În general, antetul are un scop similar pentru majoritatea site-urilor. În ciuda acestui fapt, aveți libertatea de a crea diferite tipuri de anteturi în funcție de tipul de site web, de stilul mărcii și de câte informații doriți să stocați acolo.
De ce este necesar un design de antet?
Vrei să faci un astfel de antet care să atragă atenția majorității vizitatorilor de pe piața online, care să te ajute să-ți dezvolți afacerea.
Pentru a face acest lucru, trebuie să aveți un design de antet. Un design de antet vă permite să faceți un aspect pentru a crea un antet bun, sănătos și atrăgător, care îi va zdrobi pe alții și vă va face o modalitate de a ajunge pe poziția de sus în clasament.
Deci, un design antet este o necesitate, care vă ajută să vă decorați antetul mai frumos și mai precis.
Tipuri de design de antet pe care le folosim în mod normal în WordPress
Există câteva modele comune de antet de site web pe care le folosim în WordPress. Acestea sunt date mai jos:
-> Antet lipicios care se micșorează
Este un design de antet al site-ului web care începe cu un antet obișnuit și, pe măsură ce începeți să derulați în jos, antetul devine mai scurt sau puțin mai mic, apoi devine transparent.
În același timp, menține antetul în aceeași poziție pe ecran în timp ce derulați în jos. Are o versiune a unui antet parțial lipicios, când derulați în jos, dispare, dar când începeți să derulați în sus, va apărea din nou.
-> Antet de navigare/ Cel mai bun antet pentru navigare
Site-urile web, care fac parte dintr-o familie de site-uri care sunt comune în comerțul cu amănuntul, au opțiunea de a adăuga o bară suplimentară deasupra antetului, care se leagă rapid la celelalte magazine ale lor. Avantajul acestui lucru este că nu trebuie să creați o bară separată pentru ei, vizitatorii pot obține linkurile în interiorul aceleiași bare unice.
-> Design antet mobil
Designul antetului mobil este potrivit pentru cei care folosesc telefoane mobile și este de obicei aplicat. În acest design de pe ecran, logo-ul apare în extrema stângă și sub o pictogramă hamburger sunt inserate navigarea și alte link-uri.
-> Antet hibrid
Nu este surprinzător faptul că site-urile web adoptă un design de antet hibrid ca urmare a neclarității liniilor dintre mobil și desktop. În general, arată ca un antet standard cu o singură linie. Cu toate acestea, linkurile de navigare suplimentare pentru vizitatorii de pe desktop sunt păstrate într-o pictogramă de meniu hamburger.
-> Antet aliniat vertical
Puteți utiliza un antet aliniat vertical pentru a face site-ul dvs. să fie vizualizat diferit și fermecător pentru vizitatorii dvs. Poți seta poziția antetului fie la stânga, fie la dreapta, după cum preferi, ceea ce va fi perfect pentru afacerea ta.
Acest design de antet îi determină pe oameni să încline să-l aleagă ca opțiune admirată pe site-urile lor pentru ospitalitate și alte afaceri bazate pe servicii.
Părți ale unui antet ideal pentru site-urile WordPress
Elementele din antetul pe care le vedeți pot varia de la un site la altul, dar aceste opțiuni dintre acestea sunt cele mai comune. Nu este necesar să le includeți pe toate.
Dacă inserați caracteristici mai mult decât este necesar în antet, acesta va părea dens și poate deruta vizitatorii. În schimb, trebuie să urmăriți să păstrați cât mai multe informații în titlu suficient pentru vizitatorii dvs.
Să aruncăm o privire la cele mai comune elemente pe care le puteți include în antetul de pe site-ul dvs.:
- Un Logo
- Meniul de navigare
- Bare de căutare
- Pictograme Social Media
- Informatii de contact
- Apel la acțiune
Acum, pentru informațiile dumneavoastră amabile, voi vorbi profund despre aceste elemente:
1. O siglă
Dacă vrei să ocupi un loc pe prima poziție pe site, trebuie să ai un logo al tău pentru branding, deoarece acesta este primul lucru pe care îl vede fiecare vizitator când vine pe site-ul tău. Acesta este motivul pentru care ar trebui să intre în antet.
Designul logo-ului trebuie să fie diferit și fermecător față de celelalte elemente ale antetului pentru a atrage privirea vizitatorilor.
Următorul lucru important este locația logo-ului. Locația greșită a siglei va face ca vizitatorii să sară peste site-ul dvs., iar site-ul dvs. va fi abandonat foarte repede. Locația poate varia, dar, în general, este situată fie în colțul din stânga, fie în mijloc pe majoritatea site-urilor web.
Deci, poziționarea este o problemă vitală pentru brandingul dvs. și trebuie să alegeți cu înțelepciune unde să o plasați, care va atrage trafic vast către site-ul dvs.
Există situații comune și perfect acceptabile pe care poate le cunoașteți:
- Dacă un site nu are logo, atunci, în schimb, titlul site-ului ia locul logo-ului.
- Unele site-uri au atât un logo, cât și un titlu de site.
- Uneori, titlul site-ului face parte din imaginea siglei.
Ținta dvs. principală este să creați branding-ul site-ului dvs. și să generați trafic vast către acesta, așa că utilizați cât mai bine sigla din antet, care va funcționa perfect și vă va îndeplini obiectivul.
2. Meniul de navigare
Cel mai important element dintr-un antet este meniul de navigare. Vă ajută să includeți un meniu care leagă la toate paginile importante ale site-ului dvs. unde fiecare pagină are legătură una cu cealaltă. Există patru link-uri principale și anume: Produse, Caracteristici, Resurse și Planuri și prețuri în meniul WordPress.com. Este mai bine să nu introduceți toate linkurile de pagină în meniu decât dacă site-ul dvs. are foarte puține pagini, chiar dacă credeți că toate paginile sunt importante.
Dacă vizitatorii dvs. obțin cu ușurință o vedere de pasăre, ei vor simți încredere în timp ce explorează ceea ce este pe site-ul dvs. Trebuie să păstrați linkurile din navigare ușor de citit și să spuneți vizitatorilor care folosesc textul la ce se pot aștepta odată ce fac clic pe el.
De asemenea, poate include butoane și anume: Autentificare, Contul meu și Coș de cumpărături. Numărul și tipurile de navigare variază în funcție de dimensiunea site-ului dvs. și de nevoile dvs. Puteți folosi un meniu de hamburgeri din stânga pentru a le facilita vizitatorilor dvs. să găsească opțiunile pe care le caută.
3. Bare de căutare
Dacă aranjați o arhivă sau o bibliotecă imensă de conținut, trebuie să adăugați o funcție de căutare în mod normal în partea dreaptă în zona antetului și acesta este locul potrivit pentru aceasta.
Trebuie să rețineți că o pictogramă lupă pur și simplu nu reprezintă bara de căutare, este asociată cu cuvântul „Căutare” cu o pictogramă pe care oamenii o pot găsi cu ușurință.
Folosind această opțiune, puteți împiedica utilizatorii să meargă la o nouă pagină pentru căutarea lor, ei își pot face cu ușurință interogarea aici și pot oferi un UX mai bun.
Puteți include bare de căutare „ascunse” pentru a economisi spațiu, care se afișează numai atunci când faceți clic pe o pictogramă, ceea ce este o abordare de design înțeleaptă pe care o puteți face dacă aveți multe articole într-o zonă aglomerată. Aceasta înseamnă că această procedură economisește spațiu și crește vizitatorii dvs. să se uite pe site-ul dvs. web.
4. Pictograme Social Media
În prezent, oamenii sunt mai activi în rețelele sociale online decât în viața offline sau normală. Așadar, puteți să vă conectați la rețelele sociale adăugând pictograme în zona antetului, ceea ce va ocupa puțin spațiu, dar vă va ajuta foarte mult să atrageți mai mulți vizitatori pe site-ul dvs.
5. Informații de contact
Dacă dețineți un magazin fizic sau aveți un centru de contact cu clienții, este mai bine să includeți informații de contact în antet. Alți concurenți, cum ar fi agenții imobiliari, companiile locale, furnizorii de servicii și consultanții, le place să se asigure că își arată informațiile de contact în mod vizibil. De exemplu, puteți primi clienți potențiali sporiți prin adăugarea unui număr de contact.
6. Apel la acțiune
Puteți folosi numărul de contact din antet ca un îndemn de care are nevoie site-ul dvs., alții pot folosi un alt îndemn.
În loc de un număr de contact, puteți utiliza o opțiune de înscriere, astfel încât vizitatorii dvs. să fie implicați cu buletinul informativ sau să creeze un cont.
Antetul este un astfel de loc care poate încuraja utilizatorii să acționeze punând un buton, formular sau link. Puteți folosi oricare dintre ele ca îndemn la acțiune pentru site-ul dvs. web, după cum este necesar.
Care este diferența dintre un antet de site WooCommerce și un antet de site normal?
Acum, o întrebare vitală apare aici: este un antet de site WooCommerce similar cu un antet de site normal? Există vreo diferență între ele? Ei bine, hai să aflăm asta mai jos:
Un antet de site WooCommerce:
- Conține politica aferentă companiei.
- Acesta informează vizitatorii despre produs.
- Acesta transformă vizitatorii în clienți.
- Promovează toate produsele și bunăvoința unei companii.
- Acesta acoperă în principal secțiunea financiară a unei companii.
- Ajută la creșterea unei companii mai mari.
- Este orientat către țintă.
Un antet de site normal:
- Conține conversație generală sau chit-chat.
- Nu informează vizitatorii despre niciun produs.
- Nu transformă vizitatorii în clienți.
- Nu sunt prezente promoții despre niciun produs.
- În general, se discută subiecte anonime.
- Nu este de ajutor pentru a crește o companie mai mare.
- Nu este orientat către țintă.
10 fapte ucigașe pe care trebuie să le știi
Am avut destule discuții mai sus! Acum, permiteți-mi să vă informez despre cele 10 fapte criminale. Acestea sunt date mai jos:
1. Antetul clarifică mesajul dvs. către public
După cum știți, zicala spune: „Dragoste la prima vedere”. Același lucru este valabil și în acest domeniu. Când un vizitator vede pentru prima dată antetul, acesta îi oferă un mesaj clar despre ce este vorba în articol.
Acest lucru atrage atenția vizitatorului și creează dorința de a citi articolul până la sfârșit. Dacă un antet este vag pentru vizitator, ceea ce îl face confuz și oscilat, nu îl va face deloc interesat să citească articolul și va face o întoarcere rapidă.
Acesta este un semnal de avertizare pentru ca site-ul dvs. să ajungă la fund în cel mai scurt timp. Deci, trebuie să vă clarificați mesajul vizitatorilor dvs. în antet.
2. Antetul bine organizat și bine structurat atrage vizitatori
Trebuie să păstrați antetul bine organizat și bine structurat, deoarece este poarta de acces pentru vizitatori pentru a intra în complexul zonei blogului dvs. Îi ajută să găsească ușor și rapid ceea ce caută exact. Să analizăm asta mai jos:
- Proiectați antetul pe principiul „legea regiunii comune” – unde logo-ul și navigarea rămân pe o singură platformă, păstrând spațierea echidistantă și sunt considerate un întreg.
- Păstrați CTA, adică: Contactați vânzări, Autentificare, Încercați gratuit, în colțul din dreapta din antet, care ar ajuta vizitatorul să continue.
- Aruncați întrebări, prezentare generală, caracteristici și planificați în sub-navigație care îi vor face pe vizitatori interesați de site-ul dvs.
- Evidențiați antetul principal menținându-l mai mare și mai luminos folosind fonturi mai groase și mai mari decât celelalte. Acest design îi va face pe vizitatori să se concentreze asupra antetului, apoi vor merge la informații suplimentare.
3. Fonturile simple ajută vizitatorii să fie ușor de citit
Selectarea fonturilor simple în antet ajută vizitatorii să fie ușor de citit și dublează rata de conversie. Deci, este mai bine să nu faceți din antet locul pentru a fi creativ cu alegerile dvs. de font, cu excepția logo-ului cu siguranță.
Puteți alege în mod liber un font scris de mână sau artizanal pentru logo pentru a-l face unic. Trebuie să vă amintiți aceste trei puncte despre antet:
- Nu utilizați fontul scris de mână sau lucrat în antet, va fi greu de citit pentru vizitatori. În schimb, este mai bine să alegeți un font web serif sau sans serif pentru text și informații.
- Păstrați dimensiunea fontului la un minim de 16 pixeli care se vor potrivi în zona antetului.
- Raportul de contrast al culorilor trebuie să fie de cel puțin 4,5:1 între fonturi și fundal.
Puteți folosi Editorul de stil din Elementor pentru a crea un antet complet personalizat sau puteți accesa Setările globale pentru a defini tipografia și culorile pentru a le adapta după cum aveți nevoie.
4. Spațiul alb facilitează lectura
Folosirea spațiului alb necesar din antet face vizitatorii ușor de citit, ceea ce îi atrage să se scufunde adânc. Trebuie să încercați să păstrați spațiul alb din antet cât mai mult posibil. Fiți cu ochii pe aceste puncte:
- Păstrați un decalaj esențial între elementele care lasă logo-ul să strălucească, încurajând vizitatorii să se conecteze.
- Păstrați spațiu echivalent cu linii fine de despărțire între legături, acest lucru îi va ajuta pe vizitatori să se concentreze asupra lor individual.
- Oferiți suficient spațiu în bara de căutare care va ajuta practic utilizatorii să-și găsească articolele necesare folosind o zonă largă.
- Puteți face fundalul antetului de culoare neagră și puteți pune un bloc mare alb la sfârșitul acestuia, care va atrage vizitatori și poate fi CTA.
5. Antetul lipicios atrage vizitatorii mai repede
Dacă doriți să atrageți vizitatorii mai repede, păstrați antetul lipicios pentru articolul dvs. larg. Site-urile web cu o singură pagină lungă și feed-uri lungi pot beneficia de aceasta.
Astfel, vizitatorii pot vedea oricând antetul în apropierea vederii lor cât de departe în pagină pe care merg. Dacă doriți să atrageți mai mulți vizitatori pe site-ul dvs., puteți urma aceste sfaturi:
- Când vizitatorul începe să deruleze, micșorați-le.
- Faceți o diferență vizibilă între antet și conținut, astfel încât vizitatorii să le poată identifica.
- Folosiți animația, dar păstrați-o mică.
6. Antetul transparent este bun pentru navigare
Oferiți vizitatorilor dvs. senzația de navigare ușoară. Pentru aceasta, faceți antetul transparent păstrând elementele intacte, acest design complicat va face site-ul dvs. preferat pentru vizitatorii dvs. Când pe text apare un antet cu un fundal ocupat, vizitatorii întâmpină dificultăți în a le citi.
Atâta timp cât antetul apare pe text, acesta devine ilizibil atunci când derulează pe anumite părți. Iată câteva puncte pentru a rezolva problema:
- Faceți logo-ul în culoarea albă în stânga și plasați pictograma meniului de hamburger alb în dreapta.
- Faceți videoclipul sau imaginea bogat într-o culoare care contrastează bine cu albul din partea de sus a fiecărei pagini.
- Păstrați-vă site-ul ușor folosind elementele vizuale necesare și nu compromiteți transparența vizibilității antetului.
7. Designul personalizat antet pentru mobil ajută la mai multă implicare
Nu vă gândiți doar la utilizatorii de desktop ca la vizitatorii dvs., gândiți-vă și la utilizatorii de dispozitive mobile. Conform sugestiei Google, versiunea pentru mobil și desktop a unui site web conține același conținut.
Nu este discutabil, dar antetul de pe desktop ar trebui să aibă aceleași elemente ca și cel de pe mobil, adică designul pentru mobil ar trebui să fie diferit. Trebuie doar să faci designul antetului prietenos pentru dispozitive mobile.
Să comparăm diferența:
- Pe desktop - când se deschide un link de navigare, o sub-navigare este afișată ca un rând orizontal sub ea.
- Pe mobil - navigarea nu se încadrează în antetul unui site mobil, așa că, linkurile de navigare sunt încorporate în pictograma hamburger. Când este deschis, dezvăluie un antet complet într-o vedere verticală, toate linkurile sunt afișate în același mod.
Puteți face acest lucru folosind generatorul de antet personalizat Elementor. Pentru a face acest lucru, comutați modul de răspuns la vizualizarea smartphone-ului și personalizați elementele după cum aveți nevoie.
8. Elementele vizuale vorbesc mai mult decât textul
Știi foarte bine că o imagine este de 100 de ori mai puternică decât un text. Puteți obține mai mult trafic incluzând elemente vizuale în antet.
Utilizarea pictogramelor pentru elementele antetului site-ului, cum ar fi: coșul de cumpărături, bara de căutare, comutatorul de limbă, găsitorul de locații și așa mai departe, poate fi utilă, nu uitați să utilizați pictograme neobișnuite sau care au o semnificație neclară.
Încercați întotdeauna să adăugați imagini care să păstreze antetul proaspăt și să nu afecteze timpul de încărcare. Evitați să includeți videoclipuri în antet, deoarece nu este locul ideal pentru videoclipuri.
9. Animația pentru navigare face conținutul ușor de utilizat
Animațiile over-the-top nu sunt întotdeauna eficiente. Dar, dacă îl folosești în mod corect, poți atrage vizitatori. De exemplu, aplicarea unor animații mici la navigare poate crește concentrarea și implicarea vizitatorilor.
Iată un eșantion pe care îl puteți folosi:
- În timp ce un vizitator trece cu mouse-ul peste unul dintre principalele legături de navigare, restul se estompează. Acest efect de animație îi va ajuta în primul rând să se concentreze asupra conținutului disponibil.
- Apoi, trece cu mouse-ul peste un link secundar sau terțiar, culoarea paginii diferă de opțiunile rămase.
Uită-te la un alt exemplu:
- Veți vedea aici o animație plutitoare lină pe măsură ce se deschid diapozitivele de navigare de la nivelul doi.
- Apoi, veți obține un efect de estompare aplicat paginii, nu navigației.
Să aruncăm o privire la acest exemplu, aici este folosit widgetul Elementor:
- Puteți utiliza animația în navigare folosind un șablon gata în Elementor.
- Puteți insera un meniu de navigare pe pagină din addonul Elementor. Add-urile Elementor sunt de mare folos aici.
- De asemenea, puteți utiliza efecte de mișcare care vor anima instantaneu întregul meniu de navigare, ceea ce aduce pagina selectată la viață.
10. Având în vedere raportul antet-conținut generează mai mult trafic
Dacă doriți să generați mai mult trafic, trebuie să luați în considerare raportul dintre antet și conținut. Există câțiva factori de luat în considerare în acest sens. Navigarea are în general două moduri și anume: verticală și orizontală.
Să aruncăm o privire la navigarea verticală:
- Puteți adăuga link-uri de câte aveți nevoie, fără a aglomera antetul.
- Scalați paginile site-ului dvs. fără a afecta designul antetului.
- Personalizat și mai ușor de scanat, pe măsură ce vizitatorii privesc în jos șina din stânga a site-ului.
- Utilizatorii sunt familiarizați cu navigarea verticală din timpul petrecut pe rețelele sociale și aplicațiile web.
- Puteți experimenta între desktop și mobil prin navigare verticală.
Există o problemă de spațiu pe care trebuie să o luați în considerare în navigația verticală.
Acum, să ne uităm la navigarea orizontală:
- Antetul orizontal este, în general, proiectat să fie subțire, indiferent, permițând vizitatorilor multe anteturi lipicioase.
- Când cineva face clic pe pictograma meniului hamburger, abia atunci poate vedea navigațiile din bara laterală.
- Dacă păstrați meniul din bara laterală lipicios suficient de compact, adică: 250 px lățime față de 1200 px de pe site, poate avea ca rezultat o experiență bună pentru utilizator.
Bonus: obțineți șabloane de antet uimitoare gata făcute în biblioteca de șabloane Element Pack Pro
Vești bune pentru a crea un antet atrăgător!
Veți fi încântați să aflați că există multe șabloane de antet gata făcute în biblioteca de șabloane Element Pack Pro, unde puteți găsi multe modele pentru a crea diferite anteturi fermecătoare. Puteți utiliza aceste șabloane după cum aveți nevoie în ceea ce privește site-ul dvs.
Asta nu este tot, puteți chiar să personalizați aceste șabloane pentru antetul dvs. Puteți personaliza antetul șablonului ca antet lipicios pentru a atrage vizitatori.
Puteți căuta în biblioteca de șabloane Element Pack Pro pentru a crea anteturi uimitoare care vor atrage mai mulți vizitatori pe site-ul dvs.
Alegeți antetul dvs., conduceți-vă afacerea
Pe măsură ce ați aflat despre crearea unui antet uimitor și despre câteva fapte ucigașe despre acesta, este timpul să alegeți antetul cu înțelepciune și potrivit pentru dvs. Vă va ajuta să vă consolidați vizibilitatea și să atrageți mai multe priviri ale vizitatorilor care vă vor conduce afacerea către țintă cu viteza turbo.
Puteți să vă stabiliți o poziție puternică pe piața online și să mergeți mai departe, păstrând concurenții mult în urmă.
Sper că acest lucru vă va ajuta foarte mult. Vă mulțumim că ați citit cu răbdare acest articol. O zi plăcută.