Een gebruiksvriendelijke website is niet alleen prettig voor je bezoekers. Een gestructureerde en toegankelijke website wordt ook door zoekmachines zoals Google gewaardeerd en dat is dan weer goed voor je vindbaarheid. Daarom geven we je graag een flink aantal tips om de gebruiksvriendelijkheid, of usability, van je website te verbeteren.
Je hebt maar één kans om een goede eerste indruk te maken. Dat geldt zeker voor online. Je websitebezoekers beslissen binnen enkele seconden of jouw website de moeite waard is om verder te lezen of scrollen. Heb je geen gebruiksvriendelijke website? Dan zit het er dik in dat je websitebezoekers bouncen en je ze nooit meer terug ziet. Op welke pagina bezoekers binnenkomen kan variëren. Het is dus niet voldoende om bijvoorbeeld alleen aandacht te besteden aan je homepage of je landingspagina’s.
Ontdek hieronder onze tips voor een gebruiksvriendelijke homepage, navigatie en gebruiksvriendelijke content. Direct toepasbaar tijdens het optimaliseren of onderhouden van je website.
Ga jij dit nu écht allemaal lezen?
Of ga je liever direct aan de slag?
Tips voor een gebruiksvriendelijke homepage
Laten we beginnen bij het eerste wat je websitebezoekers te zien krijgen als ze jouw website intypen in de adresbalk: je homepage. Grote kans dat veel van je traffic binnenkomt via deze pagina.
1. Houd je domeinnaam relevant en duidelijk
Maak het jezelf en je bezoekers gemakkelijk en gebruik een domeinnaam die je bezoeker goed kan inschatten en onthouden. Denk aan de naam van je bedrijf of de dienst of het product wat je aanbiedt.
2. Gebruik een logisch website-adres
www.jouwwebsite.nl is een duidelijk en overzichtelijk website-adres voor je homepage. Iets ervoor of erachter (zoals: www.jouwwebsite.nl/index.php) leidt vaak tot verwarring bij je bezoeker en maakt je URL langer dan nodig.
3. Beantwoord in één oogopslag de basisvragen
“Wat is dit, wat kan ik hier en hoe kun jij mij helpen?” zijn de eerste vragen van je bezoeker. Beantwoord ze zo snel, bondig en helder als je kunt.
4. Gebruik een slogan of motto die direct en duidelijk is
Je slogan is je kans om in één oogopslag duidelijk te maken wat je voor je bezoeker of klant kunt betekenen. Zo is het voor je bezoeker direct duidelijk of jouw website voor hem relevant is. Binnen enkele seconden beslist je bezoeker namelijk of hij verder kijkt op je website of weer verder zoekt.
5. Maak je logo klikbaar, zet het op een logische plek en link door naar de homepage
Veel bezoekers verwachten dat ze op het logo kunnen klikken om naar de ‘homepage’ van je website te gaan. Plaats het logo daarnaast het liefst (links-) bovenaan de pagina. Dit is een herkenbare plek voor de bezoekers van je website.
6. Maak de belangrijkste delen van de website direct bereikbaar via de homepage?
Kan je bezoeker direct (met één muisklik) bij de belangrijkste onderdelen van je website komen? En kunnen je bezoekers direct een zoekopdracht plaatsen als je een webshop of grotere website hebt met een uitgebreide menustructuur?
7. Voorkom ruis
“Keep it simple” is vaak het motto voor je homepage. Houdt het bij een korte en krachtige introductie van de producten of diensten die je aanbiedt. Leidt je bezoeker niet af met voor de homepage niet relevante zaken zoals je laatste tweets of animaties.
8. Wees direct en duidelijk over welke producten of diensten er op de website te vinden zijn
De homepage kan goed dienen als korte ‘teaser’ en ‘preview’ voor de meest waardevolle diensten of producten die je bezoekers te bieden hebt. Dit zet de deur open voor een grotere kans op interesse bij je bezoeker en wekt duidelijkheid op als het gaat om de vraag van je bezoeker; “wat doet deze persoon/dit product, en hoe kan mij dat helpen?”.
9. Benadruk de belangrijkste taken voor de bezoeker van start tot eind
Gooi je bezoekers niet in het diepe. Je bezoeker zal wel ongeveer weten waar hij heen wil maar het is jouw taak en verantwoordelijkheid om zijn reis zo kort en logisch mogelijk te maken. Dit kun je bijvoorbeeld doen door het plaatsen van één enkele grote en duidelijke knop, ook wel call-to-action genoemd. Ontdek hier hoe je verleidelijke call-to-actions maakt.
Sluit jouw homepage aan op je online strategie?
Een homepage moet effectief bijdragen aan je doelstellingen. Toch? We kijken graag met je mee tijdens een strategiesessie.
Tips voor een gebruiksvriendelijke navigatie
Heeft je website een goede eerste indruk achtergelaten? Dan wil je dat je websitebezoekers en zoekmachines gemakkelijk door je website kunnen navigeren. Een duidelijk hoofdmenu, een kruimelpad en een sterke onderlinge linkstructuur zijn hierbij onmisbaar.
10.Zet het hoofdmenu van je site op een duidelijke en opvallende plek
De ideale plek voor je hoofdmenu is bovenaan je pagina naast het logo of links naast de content van je website. Dit patroon zie je op nagenoeg alle websites terug en verwacht de bezoeker dus ook van jouw website. Zorg er daarnaast voor dat je menu op elke pagina op dezelfde plek staat.
11. Gebruik niet meer dan 10 items
Mensen zijn snel het overzicht kwijt en kunnen lastig kiezen. Streef naar minder dan 8, of zelfs 6 items in je hoofdmenu voor optimaal overzicht. Gebruik logische en eenvoudige termen in je menu. Bijvoorbeeld geen ‘Wat we doen’ maar ‘Bedrijfsfotografie’ .
12. Maak duidelijk zichtbaar waar je bezoeker zich bevindt
- Gebeurt er iets met een knop/link in je hoofdmenu wanneer je bezoeker hem indrukt zodat hij weet welke link of knop ‘actief’ is en op welke pagina hij nu zit?
- Maak je gebruik van een kruimelpad? In een kruimelpad geeft de navigatie / gelaagdheid van een pagina weer, zoals te zien is op onze detailpagina’s:
13. Zet een duidelijke ‘contact’-link of -knop in je hoofdmenu
Kan een bezoeker direct contact met je openen als hij geïnteresseerd is in jouw dienst of product? Zorg ervoor dat je telefoonnummer, en eventueel (e-mail)adres, duidelijk te vinden is. Het plaatsen van je adresgegevens is vooral belangrijk als je lokaal actief bent. Dit heeft namelijk een positief effect op je lokale online vindbaarheid.
De ‘Contact’-knop ken je. Iedereen kent ‘m. Maak gebruik van die bekendheid. Zet een contactpagina op je website en noem de link die er naartoe leidt in je hoofdmenu ‘Contact’.
14. Zorg ervoor dat je menu ook gebruikt kan worden op smartphones en tablets
Niet iedereen heeft de beschikking over een muis. Zorg er daarom ook voor dat je menu ook goed werkt met een touchscreen. Zorg voor zo min mogelijk dropdown-menu’s en houd de navigatie zo eenvoudig mogelijk. Houdt voldoende afstand tussen de menu items zodat je niet per ongeluk de verkeerde link aanklikt met je vinger. Wordt je menu op een smartphone bekeken? Zorg dan voor een apart mobiel menu wat alleen op een klein scherm getoond wordt.
15. Maak de links naar je pagina zoekmachine-vriendelijk en makkelijk te onthouden
Zorg ervoor dat de link of je pagina eenvoudig en logisch qua structuur zijn. Gebruik bijvoorbeeld www.mijnwebsite.nl/mijn-product in plaats van www.mijnwebsite.nl/page-ID?17 Dat is niet alleen makkelijk te onthouden voor je bezoekers maar het heeft ook een positief effect voor de vindbaarheid van je pagina.
16. Gebruik logische namen voor de interne links
Gebruik geen ‘Klik hier’ maar maak bijvoorbeeld de woorden ‘Over ons’ of ‘Contact Pagina’ klikbaar. Zo weet je bezoeker wat voor soort pagina hij kan verwachten. Ook is dit voor zoekmachines een goede manier om de relevantie tussen pagina’s weer te benadrukken.
17. Onderstreep de links en zorg dat ze opvallen
Zorg ervoor dat links opvallen in je tekst. Wanneer je tekst zwart is, en de link grijs is er weinig contrast. Gebruik liever een contrasterende kleur voor je links zodat ze meer ‘uit je tekst springen’. Zorg ook voor een andere kleur of voor het onderstrepen van de link als je met de muis er overheen gaat of klikt.
18. Houd één kleur aan voor de links
Consistentie is belangrijk binnen websites. Zorg ervoor dat het uiterlijk van je links consistent is. Gebruik geen rode links op de ene pagina en blauwe op de volgende pagina.
19. Voorkom links die een nieuw venster openen
Gebruik het ‘openen in een nieuw venster’ (target=”_blank”) alleen als het echt nodig is. De terug / vorige knop van je browser werkt dan namelijk niet wanneer er een pagina in een nieuw venster wordt geopend.
Je website optimaliseren?
Je website verder doorontwikkelen? Ga dan voor een website optimalisatie.
Je zit nog nergens aan vast door hier een kijkje te nemen. 😉
Tips voor gebruiksvriendelijke content
Heb je je bezoekers overtuigd om langer op je website te blijven? Dan wil je ze wel aantrekkelijke content voorschotelen. We helpen je een eindje op weg met het creëren van gebruiksvriendelijke content.
20. Maak alle tekst goed leesbaar
Contrast is belangrijk. Duidelijk contrast tussen je teksten en de achtergrond waar ze op staan is noodzakelijk voor optimale leesbaarheid. Zwarte letters op een witte achtergrond is bijvoorbeeld altijd goed. Ook moeten je letters niet te klein zijn. 12 pixels als lettergrootte is vaak het absolute minimum. Voor een optimale leesbaarheid kan je beter 14 of zelfs 16 pixels als standaardformaat aanhouden.
Met deze tool kun je het contrast op je website checken.
21. Gebruik duidelijke titels, tussenkoppen en teksten
Praat je de taal van je bezoeker of gebruik je veel vaktaal en lastige termen? Spreek je beginners of gevorderden aan op je site? Wie is je klant? Past jouw tekst en taal bij het kennisniveau van je bezoeker?
22. Verdeel de teksten onder in koppen en sub-koppen
Koppen (ook wel Headings genoemd) zijn titels, subtitels en sub-subtitels voor je teksten en maken de informatie overzichtelijker en gestructureerder. Niet alleen voor je bezoeker maar ook voor zoekmachines.
23. Gebruik opsommingslijsten en witruimtes
Grote lappen tekst zonder een enkele blanco regel zijn niet uitnodigend om te lezen. Door gebruik te maken van opsommingslijsten en witruimtes is de tekst op je website snel scanbaar voor je bezoeker en nodigt dit uit om de teksten te lezen.
Voorbeeld van een tekst met koppen, opsomminglijsten & witruimtes en dezelfde tekst zonder:
24. Is je tekst gericht op het helpen van de bezoeker of het strelen van jouw ego?
Iedere website-eigenaar wil zijn klant of bezoeker iets vertellen. Maar wat jij wilt vertellen en wat de klant wilt weten zijn vaak twee verschillende dingen. Richt je teksten dus zoveel mogelijk op de informatie die interessant is voor jouw bezoeker/klant.
25. Benadruk de belangrijke items
Als de ‘Inschrijven’ of ‘Contact Opnemen’ knop of link belangrijk is, maak dit dan duidelijk door hem opvallender en prominenter te maken. Dat kan bijvoorbeeld met een contrasterende kleur of groter letterformaat.
26. Voorkom onnodige content voor je bezoeker
Des te meer informatie je presenteert, des te groter de kans dat je je bezoeker overrompelt of verwart. Wees selectief in wat je allemaal op je website zet en ga vooral na wat je bezoeker belangrijk vindt.
27. Voorkom decoratie foto’s
Wanneer je foto’s van je product/dienst hebt, kunnen deze relevant zijn voor je bezoeker. Maar foto’s en afbeeldingen puur als decoratie zijn vaak eerder bronnen van afleiding, trage websites en bieden zelden een toegevoegde waarde.
28. Geef afbeeldingen op jouw website een goede/beschrijvende naam en alt-tag
Een goede naam voor je afbeeldingen helpt je bezoeker door duidelijkheid te creëren en maakt daarnaast Google blij. Ook een alt-tag (een tweede beschrijving) van je afbeelding helpt hierbij.
29. Controleer de teksten op fouten
Zowel je bezoeker als Google zien correct taalgebruik als een grote plus en een teken van betrouwbaarheid.
Is jouw website gebruiksvriendelijk?
Gaat er na het lezen van deze tips een wereld voor je open? Wil je er meteen mee aan de slag? Neem contact met ons op!
