Care este cea mai importantă parte a unui site web ? Este conținutul? Imaginile? Este structura? Sau este colecția de caracteristici care îi definesc utilizarea și ușurința? Dacă te uiți la site-uri web din perspective diferite, toate acestea ar fi corecte. Dar ați greși dacă respingeți o caracteristică crucială care diferențiază un site web de restul, antetul.
Antetul unui site web este ca o coroană pe capul unei persoane. Semnalează autoritate, reflectă semnificația și face pe purtător o persoană mai proeminentă. Un design de antet trebuie să fie o combinație de elemente vizuale și funcții și, de cele mai multe ori, acestea trebuie să fie cea mai bine planificată porțiune de pe un site web.
În acest blog, vom vorbi despre ce este antetul unui site web și de ce este important. De asemenea, vom enumera câteva sfaturi și cele mai bune practici atunci când proiectați un antet pentru site-ul dumneavoastră web.
Ce este un antet de site
Imagine preluată de pe Oriana Castro
Antetul unui site web se află în partea de sus a site-ului dumneavoastră, de unde cuvântul „antet”. Acesta oferă o varietate de scopuri, în special pentru vizitatorii web. În primul rând, este o secțiune în care este plasată sigla unei companii (uneori inclusiv numele.) În al doilea rând, are un set de meniuri pe care utilizatorii le pot folosi pentru a naviga printr-un site. Și în al treilea rând, servește ca o „direcție” pentru unde sunt paginile web și cum să ajungi acolo.
Această secțiune este, în general, identică pentru toate paginile site-ului, cu toate acestea, anumite șabloane oferă paginii de start un aspect subtil diferit al antetului site-ului, pentru a atrage atenția asupra zonelor prezentate ale site-ului.
Caracteristici comune ale antetului unui site web
Anteturile site-urilor web sunt de obicei compuse din diferite elemente. Există anteturi de site-uri fixe care rămân în aceeași poziție și rămân aceleași, indiferent de pagina web pe care o vizitează utilizatorul. Există, de asemenea, un antet plutitor care dă iluzia ca și cum te urmărește în timp ce derulezi.
Înainte de a adăuga caracteristici comune unui antet, trebuie mai întâi să identificați ce tip de antet doriți. Doriți un antet fix sau flotant? Pentru a vă ajuta să alegeți care este mai bun pentru site-ul dumneavoastră, luați în considerare următoarele lucruri:
- Clasificarea site-ului dumneavoastră (comerț electronic, portofoliu online, servicii etc.)
- Scopul de marketing
- Obiectivele site-ului (de exemplu, creșterea ratei de conversie)
- Structura și organizarea conținutului
Iată câteva caracteristici comune ale antetului site-ului web pe care le vedeți adesea pe multe site-uri web:
- Siglă
Antetul unui site are de obicei site-ul web sau sigla companiei. Obiectivul adăugării unui logo pe antet este de a stabili identitatea. Dincolo de obiectivele de branding, adăugarea unui logo creează, de asemenea, distincție și recunoaștere a mărcii.
Sigla este de obicei plasată în colțul din stânga sus al antetului. Alternativ, puteți opta și pentru a adăuga numele companiei dumneavoastră. În funcție de preferințele dumneavoastră, le puteți chiar adăuga pe ambele. Doar asigurați-vă că fiecare are spațiu amplu pentru a fi vizualizat și citit.
- Navigare
Imagine preluată de pe Peckham Coal Line
Navigarea este meniul care conține link-uri pentru a trece de la o pagină la alta. Acesta este ceea ce vă vor folosi vizitatorii web pentru a vă naviga pe site. De asemenea, puteți utiliza meniurile derulante dacă există pagini diferite în aceeași categorie. Vrei să știi cum să faci o funcție de navigare perfectă? Vom vorbi mai multe despre asta într-o secțiune ulterioară.
- Cărucior de cumpărături
Această funcție este extrem de utilă, mai ales dacă rulați un site de comerț electronic. Coșul de cumpărături le-ar permite utilizatorilor să vadă ce articole au adăugat în coșul lor. Dacă lansați un magazin online, nu uitați să adăugați o funcție de coș de cumpărături în antetul site-ului dumneavoastră.
- Căutare
Ar fi greu să nu observați o funcție de căutare în designul antetului unui site web. Acest lucru este adesea simbolizat de imaginea cu lupă. Această caracteristică permite utilizatorilor să introducă ușor ceea ce caută. Spre deosebire de navigare, funcția de căutare vizează în mod specific anumite cuvinte de pe site-ul dumneavoastră. Căutarea este de obicei plasată în colțul din dreapta sus al antetului site-ului. Adăugarea unei funcții de căutare în antetul site-ului dumneavoastră va îmbunătăți experiența utilizatorului.
- Profil de utilizator
Pentru fundalul antetului, adesea trebuie să adăugați o funcție de profil de utilizator. Pentru ce este? În primul rând, puteți adăuga această funcție dacă rulați un site web care are nevoie de abonamente, cum ar fi un magazin online sau o platformă de rețele de socializare. În al doilea rând, oferă utilizatorului mult mai mult control asupra preferințelor sale.
Importanța de a avea un antet de site bun
Iată câteva beneficii ale unui antet de site bun:
1. Ajută la optimizarea motoarelor de căutare
A avea cel mai bun antet de site înseamnă că trebuie să depuneți eforturi pentru a genera trafic. Traficul de înaltă calitate este cheia pentru clienți potențiali mai buni și, potențial, pentru venituri mai mari.
2. Este grozav pentru utilizatorii de telefonie mobilă
Navigarea pe site-uri poate fi dificilă folosind ecrane mai mici. Adăugarea unui antet de site web va face experiența mult mai ușoară în navigarea pe mobil.
3. Face paginile web mai ușor de localizat
Cu un antet de site, utilizatorii ar avea o direcție clară despre locul în care se află pe un site web. Dacă doresc să treacă într-o altă secțiune dintr-un site, tot ce trebuie să facă este să se refere la antetul site-ului.
Sfaturi despre cum să faci un antet bun pentru site-ul web
Vrei să faci un antet de site excepțional? Există anumite sfaturi pe care trebuie să le urmezi în funcție de ceea ce vrei să obții pe site-ul tău. Există, de asemenea, practici care pot funcționa sau nu pe site-ul dumneavoastră. Amintiți-vă, anteturile site-ului ar trebui să depindă de structura și obiectivele site-ului dumneavoastră, nu invers.
1. Simplifică-l, dar subliniază o caracteristică specifică
Aruncă o privire la antetul site-ului pentru carduri pentru animale de companie. Este foarte simplu și direct. Nici măcar nu are elemente care să-l separe de restul paginii de start.
Pe antetul site-ului lor, au sigla lor în colțul din stânga sus, în timp ce restul meniurilor sunt bine răspândite în partea de sus.
Imagine preluată de Pet Milestone Cards
Dar dacă te uiți la butonul „Cumpără acum”, vei vedea că este închis într-un oval galben, evidențiind printre restul conținutului. Doar uitându-vă la antetul site-ului, veți vedea că ceea ce vor să obțină este să își facă produsele să se vândă mai mult.
Asigurați-vă că subliniați anumite caracteristici ale antetului dumneavoastră care v-ar conduce către obiectivele dumneavoastră.
2. Adăugați un meniu drop-down pentru linkuri sub categorii similare
Mai devreme am vorbit despre navigație. Pe lângă adăugarea de link-uri în partea de sus, puteți chiar să adăugați un meniu drop-down pentru fiecare navigare.
Imagine preluată de pe Fighting Pretty
Un bun exemplu de meniuri drop-down sunt cele folosite de Fighting Pretty. După cum puteți vedea în imaginea de mai sus, fiecare meniu principal poate fi extins pentru a vizualiza anumite pagini web. Treceți ușor cu mouse-ul pe fiecare meniu și veți vedea restul.
Fighting pretty a folosit și alte principii ale unui antet de site web excelent. Au logo-ul lor, numele companiei și o caracteristică evidențiată pe pagină. Dacă doriți să obțineți mai multe inspirații uimitoare pentru site-uri web ca acestea, vizitați Strikingly.com și descoperiți site-uri web și anteturi uimitoare.
3. Faceți antetul site-ului dumneavoastră minim pe o imagine de fundal captivantă
De obicei, ați dori să puneți o imagine de antet pentru a crește imaginile. Dar uneori, puteți face antetul mai simplu, mai mic și mai puțin vizibil pentru a face loc unei imagini grozave de fundal.
Acesta este unul dintre cazurile în care imaginile depășesc funcția. Aruncă o privire la imaginea de mai jos. Antetul site-ului Live Lite conține doar trei link-uri. Este alb, cu o dimensiune mică a fontului care face să pară că abia e acolo.
Imagine preluată de Livelite
Motivul pentru care poate doriți să utilizați această practică este atunci când doriți să distrageți atenția utilizatorilor către porțiuni mai importante.
Live Lite se preocupă de coaching-ul de viață, așa că au folosit o imagine reconfortantă a unui bărbat care se odihnește pur și simplu în apă stătătoare. Imaginea este susținută de numele site-ului din stânga. Dacă doriți să obțineți ceva similar pentru antetul site-ului dumneavoastră, asigurați-vă că utilizați o imagine care să compenseze antetul mic.
4. Optează pentru ceva simplu, dar funcțional
Site-ul Repurposeful UK este grozav în felul său. Cu un antet de site extrem de simplu, este ușor de spus că prețuiesc funcționalitatea, confortul și ușurința mai mult decât estetica.
Fiecare meniu din antetul site-ului lor este separat în blocuri pe care utilizatorul le poate vedea cu ușurință. De asemenea, este suficient de mare pentru a fi accesibil și ușor de observat.
Imagine preluată de pe Repurposeul
După cum puteți vedea în imaginea de mai sus, și-au adăugat logo-ul companiei în locul perfect. În loc de simboluri, au folosit texte specifice pentru a denumi fiecare meniu.
Titlul lor se află în mod corespunzător peste imaginea principală a paginii lor de pornire. Contrastul dintre fundalul colorat și antetul alb al site-ului web creează un aspect echilibrat pentru site-ul web.
Un site web vă poate ajuta să vă deosebiți de concurență. De asemenea, reprezintă autoritatea, marca și identitatea dumneavoastră ca site web. Este important să creați un antet excelent pentru site-ul web pentru optimizarea motoarelor de căutare, trafic mai bun și utilizare mobilă.
Dacă aplicați sfaturile și cele mai bune practici, vă puteți aștepta ca antetul site-ului dumneavoastră să fie cât mai remarcabil posibil. Pentru a avea cea mai bună experiență în realizarea unui antet pentru site-ul web, accesați Strikingly, creați-vă contul gratuit și utilizați instrumentele sale pentru a crea un antet de site excepțional.
