A weboldal navigáció segít a látogatóknak eligazodni az oldaladon. Ismerd meg a navigáció különböző típusait, és azt, hogy egy átlátható szerkezet miért számít sokat a márkádnak.
Lehet, hogy a weboldalad minden képernyőn jól néz ki a reszponzív dizájn miatt. De a jó megjelenés csak a feladat fele. Gondolj arra, amikor legutóbb olyan oldalra tévedtél, ahol nem találtad, amit kerestél. Valószínűleg pár másodpercig kattintgattál, bosszankodtál, aztán továbbmentél. Ez egyetlen dolgon múlik: a navigáción. Ha a navigáció átlátható, a látogatók gondolkodás nélkül haladnak az oldalon. Ha zavaros, elmennek.
A legjobb navigációt észre sem veszed. Csak kattintasz, megtalálod, amit kerestél, és mész tovább. Ha jól működik, a látogatók tovább maradnak és többet nézelődnek. Ha nem, gyorsan lepattannak. Hogyan működik tehát a navigáció egy weboldalon?
Mi a weboldal navigáció?
A weboldal navigáció az a rendszer, amely segít a látogatóknak az egyik oldalról a másikra jutni. Idetartoznak a menük, a linkek, a gombok és minden más elem, amellyel valaki az oldalad egy másik részére léphet. A navigáció teszi az önálló weboldalakból összefüggő élményt, amely egyetlen teljes oldalnak tűnik.
A jó navigáció minden látogatónak megválaszol egy egyszerű kérdést. Merre menjek tovább? Akár a kezdőlapra, akár egy termékoldalra, akár egy blogbejegyzésre érkezett, mindig tudnia kell, hogyan jut el a keresett információhoz, találgatás nélkül.
A weboldal navigáció típusai
A navigáció nem mindig ugyanúgy néz ki. A különböző típusoknak más a szerepe, és a legtöbb weboldal egyszerre többfélét használ.
1. Felső navigációs sáv
Ez a leggyakoribb típus. Az oldal tetején helyezkedik el, és az oldal fő részeit mutatja. A látogatók itt várják, ezért általában ide néznek először. Akkor működik a legjobban, ha rövid és egyszerű, érthető címkékkel, például Kezdőlap, Rólunk, Szolgáltatások és Kapcsolat.
2. Oldalsó navigáció
Függőleges menü az oldal bal vagy jobb szélén. Gyakori azokon az oldalakon, ahol sok kategória vagy szekció van, például tudásbázisokban, dokumentációkban vagy webáruházakban. Lehetővé teszi, hogy a látogató végigböngésszen egy hosszú listát anélkül, hogy a fő tartalom zsúfolttá válna.
3. Lábléc navigáció
A lábléc minden oldal alján van. Általában másodlagos oldalakra mutató linkeket tartalmaz, például adatvédelmi tájékoztatót, felhasználási feltételeket, elérhetőségeket és közösségi oldalakat. Aki az oldal aljáig görget, gyakran itt keresi azt, amit a főmenüben nem talált.
4. Hamburger menü
Mobilon és néhány minimalista oldalon a teljes menü egy kis, három vízszintes vonalból álló ikon mögé bújik. Az ikonra koppintva megnyílik a teljes navigáció. Így a képernyő kisebb eszközökön is tiszta marad, a látogató pedig minden oldalt elér.
5. Morzsamenü (breadcrumb)
A morzsamenü megmutatja a látogatónak, hogy hol jár az oldal szerkezetében. Linkekből álló sorként jelenik meg az oldal teteje közelében, nagyjából így: Kezdőlap > Szolgáltatások > Webdizájn. Segít megérteni az oldal felépítését, és könnyen vissza lehet lépni egy korábbi részre a böngésző vissza gombja nélkül.
Miért fontos a navigáció a márkád számára?
Gondolj rá így. Ha valaki az első néhány másodpercben nem érti, merre menjen az oldaladon, elmegy. Nem próbálkozik tovább. Visszamegy a keresési találatokhoz, és másikat választ. Ilyen gyorsan elveszíthetsz egy látogatót.
A jó navigáció mozgásban tartja az embereket az oldaladon ahelyett, hogy lepattannának róla. Megtalálják, amiért jöttek, meglátják, mit kínálsz még, és nagyobb eséllyel lépnek tovább. Az egész oldal rendezettebbnek hat, és ez egyetlen szó nélkül is bizalmat épít.
A keresőmotorok is figyelik a navigációt. Ha az oldalaid átlátható linkekkel és logikus szerkezettel kapcsolódnak egymáshoz, a keresők gyorsabban megtalálják és megértik a tartalmadat. Ez segít, hogy az oldalaid megjelenjenek a találatok között. Főleg ha többoldalas weboldalt üzemeltetsz: a navigáció köti össze az oldalakat egyetlen egésszé.
Ha lépésről lépésre szeretnéd megtanulni, hogyan állítsd be a saját weboldalad menüjét, olvasd el a hogyan építsd fel a weboldal menüjét cikket. Ha mélyebben érdekel, hogyan segíti az oldalad szerkezete a keresőket abban, hogy minden oldaladat megtalálják, olvasd el a hogyan készíts oldaltérképet cikket.
Gyakran ismételt kérdések
Hány elem legyen a főmenüben?
5 és 7 között jó szám. Ha túl kevés van, a látogatók nem biztos, hogy megtalálják, amit keresnek. Ha túl sok, a menü áttekinthetetlen és nehezen átfutható. Azokra az oldalakra koncentrálj, amelyek a látogatóidnak a legfontosabbak: a Kezdőlap, a Rólunk, a Szolgáltatások vagy Termékek, a Blog és a Kapcsolat jó kiindulópont. Az alkategóriákhoz mindig adhatsz legördülő menüt. Lépésről lépésre útmutatót a hogyan építsd fel a weboldal menüjét cikkben találsz.
Hat a weboldal navigáció a SEO-ra?
Igen. Az átlátható navigáció segít a keresőknek megérteni, hogyan kapcsolódnak az oldalaid egymáshoz, és melyek a legfontosabbak. A menün keresztül és a szövegben elhelyezett jó belső linkekkel a keresők könnyebben bejárják és indexelik a tartalmadat. A rossz navigáció árva oldalakhoz vezethet, amelyeket a keresők sosem találnak meg. A linkelésről bővebben a hogyan készíts oldaltérképet cikkben olvashatsz.
Mi a különbség a navigáció és az oldaltérkép között?
A navigációt a látogatók használják az oldalon való mozgáshoz: menük, linkek, gombok. Az oldaltérkép egy fájl, amely felsorolja az oldalad összes oldalát, hogy a keresők megtalálják őket. A látogatók ritkán látják az oldaltérképet. Mindkettő arra szolgál, hogy a tartalmad elérhető legyen, de a navigáció az embereknek készül, az oldaltérkép a kereséknek. A WEMASY weboldalépítője mindkettőt megoldja helyetted: vizuális menüszerkesztővel a navigációhoz, és automatikus oldaltérkép-készítéssel a keresőknek.
Minden oldalnak elérhetőnek kell lennie a főmenüből?
Nem. A főmenüben csak a legfontosabb oldalaid szerepeljenek. A blogbejegyzések, az egyes termékoldalak, a jogi oldalak és a mélyebb tartalmak inkább belső linkeken, kategóriákon vagy a lábléc navigáción keresztül legyenek elérhetők. Ha mindent a főmenübe teszel, zsúfolt és nehezebben használható lesz. Ha többoldalas weboldalt üzemeltetsz, használj átlátható hierarchiát: a fő oldalak a felső menüben, a kiegészítő oldalak pedig a tartalmon belüli linkekről érhetők el.
Melyik a legjobb navigációs stílus mobil weboldalakon?
A legtöbb mobil weboldalon a hamburger menü működik jól. A képernyő tiszta marad, a látogató pedig az ikonra koppintva minden oldalt elér. Néhány oldalas weboldalakon egy egyszerű, vízszintesen görgethető menü is működhet felül. A lényeg, hogy a gombok és a linkek elég nagyok legyenek ahhoz, hogy kis képernyőn is könnyen rájuk lehessen koppintani. A WEMASY sablonjai beépített, mobilra kész navigációval érkeznek, így nem neked kell beállítanod.
Honnan tudod, hogy a navigációdon javítani kell?
Nézd meg az analitikádat. Ha a látogatók gyorsan elhagyják az oldalt, csak egy oldalt néznek meg, vagy nem jutnak el a fontos oldalakra, például a kapcsolat vagy a szolgáltatások oldalra, a navigáció lehet a gond. Megkérhetsz egy ismerőst is, hogy keressen meg valamit az oldaladon, és figyeld, hol akad el. Ha neki nehéz, valószínűleg a látogatóidnak is az. Erről bővebben a weboldal teljesítményének legfontosabb mutatói cikkben olvashatsz.