10 best practices voor websitenavigatie voor 2023 (2024)

Het is spannend om een ​​website voor een online winkel te lanceren,ongeacht welk typejij kiest. Hiermee kondigt u tenslotte uw bedrijf aan de wereld aan!

Bezoekers verwachten bij jouw website een positieve UX (user experience) en gaan door totdat ze een website vinden die deze biedt.

Wat kunt u als ondernemer of eigenaar van een klein onlinebedrijf doen om de best mogelijke ervaring te bieden terwijl bezoekers door uw website navigeren? In dit artikel wordt uitgelegd wat websitenavigatie is, wat de voordelen en best practices voor websitenavigatie zijn.

Wat is websitenavigatie?

Websitenavigatie is het proces van rondzwerven op een website. Bezoekers worden geleid door een menu, dat fungeert als een inhoudsopgave van een boek, en er zijn veel stijlen om uit te kiezen.

Akopmenuis het meest traditionele menu. Het is meestal een banner bovenaan de pagina, gevuld met woorden of pictogrammen. UitcheckenEigen kindbijvoorbeeld:

10 Website Navigation Best Practices for 2023 (1)

Adrop-down menuhoudt veel opties gestroomlijnd. In plaats van alle links vooraf weer te geven, klikt de bezoeker op een kop. Links verschijnen vervolgens eronder, waardoor gebruikers naar gecategoriseerde inhoud worden geleid, zoals in deeSpeciale behoeftenwebsite voorbeeld.

10 Website Navigation Best Practices for 2023 (2)

Ahamburgermenuis niet zo lekker als een echte burger, maar doet ons er zeker aan denken! Het heeft drie horizontale lijnen die, wanneer erop wordt geklikt, een menu voor bezoekers openen. Maar het is populair bij minimalisten omdat het het uiterlijk van een website stroomlijnt. Ons favoriete voorbeeld isBinnenontwerp’s uber-meta burgermenu boven het artikel over burgermenu’s.

10 Website Navigation Best Practices for 2023 (3)

Advies van deExperts

Top Tip:Op de meeste websites zijn er ook voettekstmenu's. Deze werken op dezelfde manier als het koptekstmenu, maar bevatten meestal contactgegevens of links naar sociale media.

Voordelen van goede websitenavigatie

Websitenavigatie moet gemakkelijk en stressvrij zijn. Wat doen we allemaal als we op een vreselijke website terechtkomen? We stuiteren onmiddellijk af. Maar als we een positieve UX hebben, is de kans groter dat we blijven om meer over een merk te leren, producten te kopen en verbinding te maken.

Als deze voordelen aantrekkelijk klinken, hoeft u alleen maar te weten waar u moet beginnen. Hier zijn 10 best practices voor websitenavigatie om over na te denken:

10 beste praktijken voor websitenavigatie

#1. Begin met een sitemap

Een sitemap geeft een momentopname van een website en hoe de pagina's met elkaar verbonden zijn. Het is ook van vitaal belang voor SEO-succes, want als de zoektermen die ze in hun zoekmachine gebruiken overeenkomen met de trefwoorden van uw website, wordt u weergegeven in hun resultaten.

Sitemaps zijn een beetje technisch, dus we raden u aan onze handleiding te lezenhet maken van een sitemapvoordat u de taak aanpakt.

10 Website Navigation Best Practices for 2023 (4)

#2. Maak een paginahiërarchie

Een paginahiërarchie werkt net als de populaire kliek op de middelbare school. Er is één Queen Bee (de landingspagina), de populaire kinderen (de hoofdcategoriepagina's van de website) en vervolgens die verder aan de rand (subpagina's).

Als je meer wilt weten over de kliek (of website), moet je helemaal naar boven gaan. Daar krijgt u de meeste belangrijke informatie. Hoe verder je doorsijpelt in de hiërarchie, hoe minder belangrijk de pagina's worden.

Bepaal voor een hiërarchie wat de belangrijkste informatie is die uw potentiële klanten moeten weten, en werk van daaruit verder.

10 Website Navigation Best Practices for 2023 (5)

#3. Wees specifiek

Als u een uniek merk of online bedrijf heeft, kunt u in de verleiding komen om alles op de website uniek te maken, inclusief de taal die in uw navigatie wordt gebruikt. Als uw publiek uw inhoud niet gemakkelijk kan consumeren, raken ze gefrustreerd en vertrekken ze. Je moet specifiek zijn.

Kijk naar websites in jouw vakgebied en noteer hoe ze hun navigatie labelen – kijk naar de meest voorkomende woorden en zinsneden en wat ze vertegenwoordigen. Zelfs een zware technische site zoalsFuturismegebruikt specifieke woorden zodat een bezoeker precies weet wat hij aanbiedt.

10 Website Navigation Best Practices for 2023 (6)

#4. Gebruik een plakmenu

Dit is een beetje een controversiële navigatiepraktijk, omdat sommige mensen van plakkerige menu's houden en anderen niet zo enthousiast zijn. Sticky-menu's spreken voor zich. Ze bewegen niet en bieden het publiek altijd andere pagina's om te zien.KajakkenHet sticky menu blijft altijd aan de linkerkant van de pagina staan, maar u kunt het minimaliseren om alleen de nuttige pictogrammen weer te geven.

10 Website Navigation Best Practices for 2023 (7)

Als u zich laat verleiden door een plakkerig menu, zorg er dan voor dat dit past bij het soort bedrijf dat u heeft. Bijzondere bedrijven zoals het bezorgen van eten zijn perfect voor een vast menu. De gebruiker wil misschien door de opties bladeren, maar ze komen altijd op de pagina ‘eten bestellen’ terecht.

Advies van deExperts

Top Tip:Omdat vastgezette menu's mensen kunnen afschrikken, moet je ervoor zorgen dat ze zo eenvoudig mogelijk zijn. Kies contrasterende kleuren zodat ze goed zichtbaar zijn en voorkom dat de weergave van de onderliggende pagina wordt geblokkeerd.

#5. Beperk het aantal items

Houd het aantal beschikbare menu-items tot een minimum beperkt, anders bezorgt u uw bezoeker een slechte ervaring. Ze zullen te veel opties hebben en een keuzeverlamming krijgen.

Kies dus tussen vijf tot negen opties, op basis van belangrijkheid. Dat is voldoende basis om uw klant blij te maken, maar het laat hem nog steeds uw merk en producten leren kennen. Vouw alle items samen die logisch aan elkaar gerelateerd zijn.Jimdo, een websitebouwer, geeft een goed voorbeeld van het beperken van uw navigatie tot wat nodig is.

10 Website Navigation Best Practices for 2023 (8)

#6. Voeg een zoekbalk toe

Als u voor het eerst een bepaalde website bezoekt, weet u mogelijk niet hoe u iets specifieks kunt vinden. Daarom zijn zoekbalken een must. Stel je voor: je wilt een bepaalde film zien, dus je bezoekt de website van een theaterketen, zoalsAMC. De website zou je kunnen bombarderen met alle titels die momenteel worden afgespeeld en alle locaties, maar een zoekbalk betekent dat je meteen verder kunt gaan met het kopen van de kaartjes die je wilt.

10 Website Navigation Best Practices for 2023 (9)

De zoekbalk geeft uw publiek een snelkoppeling naar precies wat ze zoeken. Het vermindert het aantal verlaten locaties en maakt uw klanten tevreden. Denk na over de belangrijkste zoektermen die een klant op uw website zou gebruiken en voeg paginaresultaten voor hen toe.

#7. Geef aan waar een gebruiker zich bevindt

Locatie-indicatoren laten uw publiek te allen tijde weten waar ze zich bevinden, zodat ze niet verdwalen op uw website. Kijk eens naar de websites die u leuk vindt en kijk welke typen ze gebruiken.

Algemene locatie-indicatoren gebruiken kleur, tekstgrootte of pijlen om het pad van de gebruiker te markeren. Universitaire websites zijn uitstekend geschikt voor locatieaanduiding omdat verschillende gebruikers (studenten, personeel, ouders, vrienden en bezoekers) verschillende paden door de site gebruiken.Graduate-pagina van Howard Universitybeschikt over verschillende kleuren in het linkermenu, zodat u weet welke pagina's relevant zijn voor de afstudeerervaring.

10 Website Navigation Best Practices for 2023 (10)

#8. Koppel uw logo

Een van de meest voorkomende verwachtingen bij websitenavigatie is dat het klikken op een logo de gebruiker terugbrengt naar de startpagina. Het volgen hiervan is belangrijk omdat het aan hun verwachtingen voldoet en hen de kans geeft om zich te heroriënteren. Het is een resetknop.

De meeste mensen plaatsen hun logo linksboven op de webpagina, bijvoorbeeldKringloopboeken. Sommige websites (vooral die met lange pagina's) voegen ook ergens in de onderste banner een logo toe.

10 Website Navigation Best Practices for 2023 (11)

#9. Zorg ervoor dat u overal toegang heeft tot elke pagina

We zijn allemaal wel eens verdwaald in een konijnenhol op een website. Dan dringt het tot ons door: we moeten de pagina die we zeven pagina's geleden hebben gelezen opnieuw bekijken. Dus drukten we keer op keer op de terugknop van de browser om die pagina te vinden. Maar op de een of andere manier kunnen we het niet vinden.Uhm. Als u uw bezoeker toegang geeft tot alle pagina's op de site, waar deze zich ook bevinden, wordt het probleem opgelost.

Voorbij retro's site is een goed voorbeeld van navigatie overal op de startpagina. Ze bevatten vervolgkeuzemenu's, snelkoppelingen naar categorieën en een zoekbalk, zodat een bezoeker altijd op meerdere manieren kan komen waar hij heen wil.

10 Website Navigation Best Practices for 2023 (12)

#10. Overweeg mobiele weergave

Dit is waarschijnlijk het probleem met websitenavigatie waar de meeste nieuwkomers niet mee te maken hebben, maar het is wel het kostbaarste.90%van de wereldwijde internetgebruikende bevolking gebruikt tenminste een deel van de tijd een mobiel apparaat om online te gaan. Maar mobiele gebruikers hebben ook dehoogste tariefvan het verlaten van het winkelwagentje met 85,65%! De reden? Websites die niet zijn geoptimaliseerd voor mobiel zijn een enorme afknapper.

Het Kong-bedrijfheeft een website die desktopvriendelijk is.

10 Website Navigation Best Practices for 2023 (13)

Hoewel de mobiele versie voor hetzelfde punt op de site er misschien een beetje buiten de pagina uitziet, heeft Kong scrollopties toegevoegd, waardoor de pagina alle informatie kan bevatten die de desktop bevat. Het is een goede manier om een ​​gebruiker te helpen gemakkelijk te navigeren.

10 Website Navigation Best Practices for 2023 (14)

Het optimaliseren van uw website voor mobiel gebruik kan lastig zijn, maar er staat te veel op het spel als u het verkeerd doet. Het zal wat onderzoek en uitzoeken vereisenhoe u uw website mobielvriendelijk kunt maken. Als je weinig tijd hebt, huur dan iemand in om het voor je te doen.

Advies van deExperts

Top Tip:Als uw website verschillende sitepagina's heeft, afhankelijk van het land van de klant, geef hem dan de mogelijkheid een andere locatie te kiezen. Het is erg frustrerend als je naar de producten wilt kijken die in een ander land beschikbaar zijn, maar de website voortdurend wordt gecorrigeerd naar het land van herkomst van de klant.

Samenvatting

Goede websitenavigatie is een sleutelfactor voor het succes van een website of webwinkel. Met deze praktische tips voor websitenavigatie kunt u de gebruikerservaring van uw website verbeteren. En dat is precies wat u nodig heeft om omzet te genereren en langdurige relaties met klanten op te bouwen.

Als u goede praktijken instelt, zoals het gebruik van uw logo als startknop, uw klanten laten weten waar ze zijn en waar ze naartoe kunnen gaan, uw zoekopdrachten eenvoudig maken en uw informatie duidelijk zichtbaar houden, dan komt u goed op weg. tot succes.

Meer informatie

  • Heeft u een medische spa? Krijgenontwerptips voor de website van uw spa

Er zijnveel verschillende optiesinclusief vervolgkeuzelijsten, menu's bovenaan en onderaan en broodkruimels. Elk heeft zijn eigen voordelen, afhankelijk van uw doelgroep en de soorten producten en diensten die u aanbiedt. Onze gids zal u in de goede richting helpen.

Het hangt er van af. Horizontaal ontwerp is bijvoorbeeld het populairst, terwijl voettekst gebruikelijk is voor links naar sociale media en achtergrondinformatie. Waar u ook besluit, de navigatie moet duidelijk zijnwaar uw publiek het verwacht. Het is zeker geen tijd om te experimenteren!

Geschreven door:

10 Website Navigation Best Practices for 2023 (15)

Amanda Graham auteur

Ik ben in 2022 begonnen met schrijven voor Website Builder Expert. Ik houd van copywriting voor e-commerce, websites, automatisering en websitemerken, en ik heb ghostwriting en contentstrategieën ontwikkeld voor enkele van de grootste multinationale merken ter wereld. Ik heb jarenlange schrijfervaring voor de BBC, waaronder documentaires, scripts en Twitter-campagnes. Met zo'n schat aan ervaring waar ik uit kan putten, concentreert een deel van mijn beste werk op Website Builder Expert zich op onderwerpen als e-commercestrategieën, marketingtips en advies voor kleine bedrijven. Ik hoop dat je geniet van mijn artikelen!

Vond u dit artikel nuttig?

Deel dit artikel of reageer hieronder!

10 best practices voor websitenavigatie voor 2023 (2024)

References

Top Articles
Latest Posts
Article information

Author: Sen. Emmett Berge

Last Updated:

Views: 6279

Rating: 5 / 5 (80 voted)

Reviews: 95% of readers found this page helpful

Author information

Name: Sen. Emmett Berge

Birthday: 1993-06-17

Address: 787 Elvis Divide, Port Brice, OH 24507-6802

Phone: +9779049645255

Job: Senior Healthcare Specialist

Hobby: Cycling, Model building, Kitesurfing, Origami, Lapidary, Dance, Basketball

Introduction: My name is Sen. Emmett Berge, I am a funny, vast, charming, courageous, enthusiastic, jolly, famous person who loves writing and wants to share my knowledge and understanding with you.