In dit artikel nemen we je mee in een belangrijk onderdeel van je website: de website-navigatie en hoe dit onderdeel een grote impact maakt op je business- en marketingdoelstellingen.
Met de website-navigatie bedoelen we het hoofdmenu van je website. Dus niet de URL-structuur, informatiestructuur of footer. Deze termen heb je ongetwijfeld wel eens gehoord van je collega’s van IT, UX en marketing. Wees je bewust dat er een verschil zit tussen de laptop / PC en mobiele versie van een website en daarmee uiteraard de lay-out van de website en navigatie van die versies. Verder in dit artikel behandelen we de soorten website-navigatie, richtlijnen en voor- en nadelen. Wil je snel de verbeterpunten voor je website-navigatie weten, of heb je behoefte om samen met een specialist naar je website te kijken? Neem dan contact met ons op! Behoefte aan meer informatie? Lees dan gerust verder.
Essentieel om impact te maken op je marketing- en sales-doelstellingen
Een goede website-navigatie is absolute must voor een positieve gebruikerservaring van je bezoekers, omdat een goede navigatie is ingericht om je bezoekers snel naar de gewenste pagina’s te leiden. De gebruikerservaring is essentieel voor een goede conversie en heeft grote impact op je marketing- en sales-doelstellingen.
Soepele zoekervaring
Wanneer bezoekers vanuit zoekmachines je website bezoeken en zien dat menu-items passen bij het zoekterm, dan weten zij dat ze op de juiste plek zijn beland. De website-navigatie is ook een uitstekende plek om aan te tonen wat je kernwaarden en USP’s zijn. Bijvoorbeeld met het plaatsen van keurmerken, logo’s en een link naar de “over-ons” pagina.
Betere performance in online zoekmachines zoals Google
Je kunt Google ook als een gebruiker zien, omdat Google en andere zoekmachines zogenaamde bots gebruiken om je website te crawlen. Wanneer de menu-items van je navigatie zoektermen bevatten die je doelgroep gebruikt, dan hebben zoekmachines meer vertrouwen in de kwaliteit van je website en zullen je een betere positie toekennen in de zoekresultaten. Lees meer over dit aspect op de website van Lumar.
Hoofdmenu-items met benamingen die aansluiten bij zoekvragen van je doelgroep
Let erop dat de namen van menu-items zoektermen bevatten die aansluiten bij de zoekvraag van je doelgroep. Hierdoor creëert de website herkenbaarheid en dit heeft een positief effect op de conversie en tevens op de performance in online zoekmachines. Wil je weten wat de zoektermen en zoekvragen zijn? Schakel dan een SEO-specialist in voor
een zoektermenonderzoek.
Aantal hoofdmenu-items
Plaats maximaal zeven hoofdmenu-items in het menu. Mocht je meer items willen, plaats deze dan in het submenu. Dit is een uitklapmenu, dat opent wanneer je de muis over de hoofdmenu-items beweegt. Het uitklapmenu zorgt ervoor dat bezoekers op een efficiënte manier via hoofdmenu items naar onderliggende pagina’s worden geleid.
Vanuit sales-perspectief kan het verleidelijk zijn om te veel items in de navigatie te plaatsen, om zoveel mogelijk producten bij je doelgroep aan te prijzen. Voor de gebruiker creëert dit echter onduidelijkheid en keuzestress. Zoekmachines gaan hier ook niet goed mee om, omdat het voor hen hierdoor onduidelijker wordt welke pagina’s het meest belangrijk zijn voor
je doelgroep.
De positie van de mobiele navigatie
Is het je ooit opgevallen dat op veel mobiele websites het menu aan de bovenkant is gepositioneerd, terwijl de belangrijkste knoppen van je mobiele apps zich aan de onderkant bevinden? De beste positie van de mobiele website-navigatie is aan de onderkant van je mobiele website, zodat het menu eenvoudiger te bedienen is voor gebruikers die hun mobiele telefoon met 1 hand gebruiken.
Menu-items die uitklappen, of dropdownmenu
Als je website gebruikmaakt van een uitklapmenu, zorg dan dat dit snel uitklapt zonder onnodige animaties of transities. Dit zorgt voor een snellere gebruikerservaring. Een goed voorbeeld hiervan is de laptop / PC versie van de website van Salesforce.
Ontwerp de hoofdnavigatie op zo’n manier dat het voor de gebruiker duidelijk is wat de navigatiebalk is
Zorg dat het voor gebruikers duidelijk is wat de navigatiebalk van de website is. En zorg dat de navigatie in ieder geval de volgende onderdelen bevat:
Voor je IT-afdeling:
In het volgende onderdeel behandelen we de verschillende soorten navigatie-menu’s. Wij willen je eraan herinneren dat er een verschil zit tussen de navigatie van de laptop en mobiele versie van je website. En dat de juiste keuze voor een website-navigatie essentieel is om impact te maken op je business- en marketingdoelstellingen.
Hamburger-menu
Nee dit heeft niets te maken met het Happy Meal van McDonald's! Hiermee bedoelen we het icoontje met de drie streepjes onder elkaar, waarmee het menu van je website wordt uitgeklapt. Deze versie is vaak een doorn in het oog van de UX-afdeling, maar wordt met de komst van mobiele website meestal als standaard gebruikt. Als je website is ingericht met een hamburger-menu, adviseren wij minimaal om de tekst “menu” erbij te vermelden zodat het voor de gebruikers van vóór het mobiele tijdperk duidelijker is dat hiermee het hoofdmenu geopend wordt. De ideale menu-knop bevat de tekst “menu” en een pijltje zodat het duidelijk is dat het om uitklap-functionaliteit gaat. Het uitgeklapte menu bevat links naar hoofdcategorieën van de website en een knop om het menu weer te sluiten zodat de rest de content van uw website weer zichtbaar is. Gebruik nooit een hamburger-menu op de laptop-versie van je website en ook niet voor de tabletversie. Eigenlijk is het advies: gebruik liever helemaal
geen hamburger menu!
Mega-menu
Voor de echt hongerigen hebben we nog het mega-menu. Dit menu is geschikt voor je e-commerce-website of website met een groot aantal producten en diensten. De naam verklapt het al een beetje, maar in mega-menu’s mogen veel menu-items staan. Waak ervoor dat het menu hierdoor niet te onoverzichtelijk wordt. Plaats niet zomaar álle pagina’s in het menu, want daar houden zoekmachines niet van. Voor hen moet duidelijk zijn wat voor jouw website de belangrijkste pagina’s zijn en wat zij dus moeten meenemen in de zoekresultaten. Less is more in dit geval. Mocht je echt behoefte hebben aan een mega-menu met alle items, overweeg dan een variant met alle items op de homepage en een uitgeklede variant op de rest van je website.
Standaard menu
Het standaard menu is geschikt voor nieuwe, startende websites met weinig content. Zorg dat dit menu maximaal zeven menu-items bevat. Zeven is het maximale aantal menu-items om je (standaard) webnavigatie overzichtelijk te houden. Wilt je meer items plaatsen, kies dan voor een standaard menu met uitklap-functionaliteit. Denk eraan dat menu-items snel uitklappen als ze allemaal aanklikbaar zijn. Anders hebben gebruikers al geklikt voordat de rest van de items zichtbaar is en dit wordt door veel gebruikers als storend ervaren.
Een goede website-navigatie is essentieel om impact te maken op je business-doelstellingen. Benieuwd of je eigen navigatie beter kan? Neem voor gericht advies contact op met Onetomarket, jouw afdeling digital business.