Is de home button nog steeds nodig?

Iedereen weet toch dat als je op het logo van een website klikt je naar de homepage gaat. Of niet? Is de zogenaamde home button echt overbodig aan het worden of moeten we het voorlopig nog even laten staan?

Wat is een home button?

Als ik het in dit artikel heb over een home button dan bedoel ik een verwijzing naar de homepage van een website in de hoofdnavigatie. Ik zie een logo waarop je kan doorklikken naar de homepage niet als een home button.

Welke websites hebben een home button?

Het bedrijf Promediacorp heeft in 2011 een onderzoek gedaan om te kijken hoeveel van de 500 meest bezochte websites een ‘home’ verwijzing in hun navigatie hebben? In 2011 had 63% procent geen home button.

Omdat dit onderzoek al redelijk verouderd is ben ik eens gaan uitzoeken hoe dit nu zit met de 50 meest bezochte Nederlandse websites. Hieronder de resultaten:

1. Google.nl - nee
2. Google.com - nee
3. Facebook.com - nee
4. YouTube.com - nee
5. Yahoo.com - ja
6. Wikipedia.org - nee
7. Twitter.com - nee
8. Marktplaats.nl - ja (wordt homepagina genoemd)
9. Linkedin.com - nee
10. Live.com - nee
11. Bing.com - nee
12. Nu.nl - ja (wordt voorpagina genoemd)
13. Telegraaf.nl - nee
14. Vetogate.com - ja (wanneer je de pagina vertaalt staat er ‘huis’ in het menu)
15. Albawabhnews.com - ja (wanneer je naar de Engelse versie gaat is er een home button te zien. Ik ga er vanuit dat dit ook voor de Arabische versie geldt)
16. t.co - URL shortener van Twitter en wordt daarom niet meegenomen in de resultaten.
17. Ing.nl - ja
18. Amazon.com - nee
19. Elmogaz - ja (wanneer je de pagina vertaalt staat er ‘huis’ in het menu)
20. Bol.com - nee
21. Imdb.com - nee
22. Rabobank.nl - ja
23. Diply.com - nee
24. Msn.com - nee
25. Dumpert.nl - nee
26. Blogspot.nl - nee
27. Xvideos.com - nee
28. Kickass.to - nee
29. Pinterest.com - nee
30. Tweakers.net -nee
31. Instagram.com - nee
32. Wordpress.com - nee
33. Nos.nl - nee
34. Ad.nl - nee
35. Xhamster - nee
36. Abnamro.nl - ja
37. Reddit.com - nee
38. Apple.com - nee
39. Tumblr.com - nee
40. Elmawke3.com - ja (wanneer je de pagina vertaalt staat er ‘huis’ in het menu)
41. Imgur.com - nee
42. Pornhub.com - ja
43. Stackoverflow.com - nee
44. Funda.nl - nee
45. Googleadservices.com - verwijst naar Google.nl en wordt daarom niet opgenomen in de resultaten.
46. Belastingsdienst.nl - nee
47. Paypal.com - nee
48. Aliexpress.com - nee
49. Microsoft.com - nee
50. Geenstijl.nl - nee
51. Booking.com - nee
52. Netflix.com - nee

Van de 50 websites hebben er 10 een home button, dat is dan 20%. Dat wil zeggen dat 80% geen home button heeft. Moeten deze resultaten leidend zijn in je eigen beslissing om zelf een home button te plaatsen?

Wat de experts zeggen over de home button

De vraag of je wel of geen home button moet plaatsen werd ook gevraagd op het populaire vraag en antwoord platform van Stack Exchange. Het antwoord van gebruiker Julie Melonie krijgt de meeste goedkeuring van de andere gebruikers. Hij geeft aan dat er niet een antwoord op deze vraag is die voor elke situatie gelijk is. Wanneer je de home button wil weglaten kun je het beste een A/B test doen om te zien of gebruikers nog steeds hun weg naar de homepage kunnen vinden zonder home button.

Dus zodra iemand moeite heeft met navigeren naar de homepage wordt de button weer terug gezet in het menu. Maak het daarom niet onnodig moeilijk voor je bezoekers. Usability goeroe Steve Krug zegt zelfs dat het schadelijk kan zijn voor het imago van je bedrijf als je website lastig in het gebruik is:

Conclusie: Home button of niet?

Steeds minder websites hebben een expliciete link naar de homepage opgenomen in het hoofdmenu. De vraag is of deze trend terecht is? Is het voor iedereen wel zo duidelijk dat je ook naar de homepage kan navigeren als je op het logo van de website klikt? Volgens mij kun je dit niet 100% uitsluiten en mijn advies is daarom om (voorlopig) een verwijzing in je hoofdnavigatie op te nemen naar de homepage.

Heb je zelf een home button op je website staan? Waarom wel of waarom niet? Laat het mij weten door hieronder een reactie achter te laten.

Lees ook: infinite scroll vs pagination.

Wanneer kies je wél voor een expliciete home-link?

De vraag is niet zwart-wit. Een expliciete home-link in de navigatie is in een aantal gevallen nog steeds verstandig. Loop deze drie situaties langs:

• Je doelgroep is breed en bevat minder digitaal vaardige bezoekers. Op een gemeentewebsite, een zorgportaal of een platform voor ouderen werkt een herkenbaar woord "Home" of "Beginpagina" beter dan alleen een klikbaar logo. Toegankelijkheid is geen luxe maar de basis.

• Je navigatie is diep of complex. Heb je drie of meer hoofdniveaus, dan biedt een home-link een veilige uitstap naar het beginpunt. Zonder die link gebruiken bezoekers de back-knop te vaak en raken ze de weg kwijt.

• Je hebt veel landingspagina's zonder volledige hoofdnavigatie. Op campagnepagina's zonder vol menu helpt een duidelijke verwijzing naar de homepage om vertrouwen op te bouwen. Anders ziet de bezoeker een doodlopende straat.

In andere gevallen voegt een home-link weinig toe. Op een moderne, redelijk vlakke website met een herkenbaar logo bovenin, redt 90 procent van de bezoekers het zonder. De extra menu-ruimte gebruik je dan beter voor de pagina's waar je traffic naartoe wilt sturen.

Het logo als enige toegang naar de homepage, dit moet je goed doen

Kies je ervoor om alleen het logo te gebruiken om terug te keren naar de homepage, dan vraagt dat aandacht voor een paar uitvoeringsdetails. Anders verlies je toegankelijkheid en bruikbaarheid waar je dachten ruimte te winnen.

• Maak het logo aanwijsbaar klikbaar. Een hover-state, een cursor pointer en voldoende klikbaar oppervlak zijn de minimale standaard. Op mobiel hou je een tap-target van minimaal 44 bij 44 pixels aan.

• Voeg een aria-label toe. Geef screenreaders een duidelijke beschrijving zoals "Naar de homepage van Organisatie X". Zonder die toelichting horen blinde bezoekers alleen een gegeneerde afbeelding-melding.

• Zorg dat het logo overal staat. Op elke pagina, in elke variant van de header, en niet alleen op desktop. Verdwijnt het logo op mobiel achter een hamburger-menu, dan ben je je homepage-toegang kwijt.

• Voeg een herkenbare alt-tekst toe. Wij gebruiken vaak "Logo van Organisatie X" of de organisatienaam zelf. Lees ook alles over digitale toegankelijkheid en de EAA voor de bredere context.

• Test met een toegankelijkheidsaudit. Een check via een WCAG-toegankelijkheidsaudit geeft snel inzicht in of jouw logo-als-home daadwerkelijk voldoet aan WCAG 2.2.

Beslissingsstroom: home-link wel of niet?

Niet elke organisatie hoeft zelf het wiel uit te vinden. Een vijftal vragen die we bij Emble doorlopen wanneer we een nieuw webdesign-traject starten:

• Zit een aanzienlijk deel van je doelgroep boven de 55 of in een minder digitaal vaardige groep? Zo ja, leun naar wel.

• Heeft je website meer dan drie navigatieniveaus of zware subnavigatie? Zo ja, leun naar wel.

• Werk je veel met landingspagina's zonder hoofdnavigatie? Zo ja, leun naar wel.

• Hou je een strakke A/B-test bij die ondersteunt dat de home-link niet wordt gebruikt? Zo ja, leun naar niet.

• Is een meerderheid van je bezoekers jong en bekend met grote consumentenplatformen? Zo ja, leun naar niet.

Twijfel je nog steeds, dan kun je de home-link voorlopig laten staan en met data onderbouwen of mensen hem daadwerkelijk gebruiken. Heatmaps en click-tracking laten in een paar weken zien of er iets weg kan zonder schade.

Wat zegt onderzoek over de gebruikswaarde van een home-link?

Recente UX-onderzoeken laten zien dat het klikgedrag rond de homepage sterk afhankelijk is van leeftijd en context. Onder jongere gebruikers (18 tot 35) klikt een ruime meerderheid op het logo om terug te keren, terwijl bij oudere gebruikers (55 plus) de expliciete home-link nog altijd vaak het eerste oogcontact krijgt. Voor toegankelijke websites die zich op een brede doelgroep richten, blijft een combinatie van logo en home-link daarom een veilige keuze.

Wil je een breder beeld krijgen van wat er op een homepage hoort, lees dan ook wat moet er op je homepage staan en 15 elementen die elke website nodig heeft.

Veelgestelde vragen over de home button

Is een home button slecht voor SEO?

Nee. Een home button heeft op zichzelf geen negatief SEO-effect. Wat wel meetelt, is de tekst van je interne links. Een navigatie met "Home" geeft minder context dan een navigatie zonder, maar het effect is klein. Belangrijk is dat zoekmachines altijd op een logische manier vanaf elke pagina terug kunnen naar de homepage, of dat nu via een logo of een expliciete link is.

Wat is een goed alternatief voor het woord "Home"?

"Beginpagina", de organisatienaam, of een huisje-icoon werken allemaal. Voor toegankelijke websites geldt: voeg altijd een aria-label of zichtbare tekst toe, zelfs als je voor een icoon kiest. Anders heeft een screenreader-gebruiker geen idee waar hij heen klikt.

Hoort de home button vooraan of achteraan in het menu?

Vooraan, in westerse leesrichting links. Bezoekers verwachten dat de hoofdingang van de website het eerste navigatie-item is. Plaats je hem rechts of in het midden, dan stagneert de eerste oogbeweging en raken bezoekers de structuur kwijt.

Moet de home button op mobiel anders werken dan op desktop?

Op mobiel is de schermruimte beperkter, waardoor het hamburger-menu vaak de hoofdnavigatie bevat. Plaats binnen dat menu de home-link altijd als eerste optie. Het zichtbare logo bovenin blijft op mobiel ook klikbaar naar de homepage, anders sluiten gebruikers het menu en zoeken ze tevergeefs een terugweg.

Wat doen grote Nederlandse websites zoals NS en Bol?

Beide gebruiken het logo als enige weg terug naar de homepage en laten een expliciete home-link weg in hun hoofdnavigatie. Dat past bij hun jonge en digitaal vaardige doelgroep en bij een platte navigatie waar de homepage geen aparte uitstap nodig heeft. Voor gemeentewebsites en zorgplatformen zie je vaker een combinatie.

Hoe meet ik of mijn bezoekers de home button gebruiken?

Schakel event-tracking in Google Analytics of een vergelijkbare tool in. Meet hoe vaak op zowel het logo als de eventuele home-link wordt geklikt en vergelijk over een periode van zes tot acht weken. Liggen beide percentages zeer laag (onder 1 procent van de paginabezoeken), dan biedt verwijderen ruimte zonder bezoekers te verstoren.

Past een home button bij toegankelijkheidseisen volgens WCAG?

Een home button is niet verplicht volgens WCAG 2.2, maar wel verstandig. Toegankelijkheid vraagt dat elke pagina via meerdere routes terug naar de homepage kan. Een logo met aria-label voldoet daar in principe aan, maar een expliciete tekstlink maakt het gebruik voor mensen met cognitieve beperkingen of screenreader-gebruikers comfortabeler. Een WCAG-toegankelijkheidsaudit geeft zekerheid voor jouw specifieke situatie.

Hulp nodig bij een toegankelijke navigatie?

Bij Emble ontwerpen we navigaties die werken voor een brede doelgroep en voldoen aan moderne toegankelijkheidseisen. We helpen je de juiste balans vinden tussen helderheid en eenvoud, of het nu gaat om een nieuwe website of een doorontwikkeling van je bestaande Drupal- of Laravel-platform. Sparren over jouw navigatie? Kijk op onze pagina over Drupal webdesign of neem contact op.

Deel dit artikel