Website-footer

Wat betekent website-footer?

Definitie en oorsprong

In webdesign is een footer het onderste blok van een webpagina dat verschijnt na het hoofdinhoudsgebied. Het onderscheidt zich van de header (bovenkant van de pagina) en de body (de primaire inhoud daartussen). Terwijl headers gebruikers oriënteren en de body de kernboodschap levert, dienen footers als een afsluitend anker — een consistente plek waar gebruikers op leren vertrouwen wanneer ze nuttige links, juridische pagina’s of een manier nodig hebben om contact op te nemen met het bedrijf achter de site.

De overgang van print naar web veranderde wat een footer doet. In print is een footer passief — een paginanummer of een hoofdstuktitel. Op het web kan elk element in een footer worden aangeklikt, doorzocht of gebruikt. Deze verschuiving betekent dat de footer niet decoratief is; het is functionele ruimte.

Het HTML-element <footer>

Het <footer>-element heeft ook de impliciete ARIA-rol contentinfo, die schermlezers helpt de footerregio te identificeren en er direct naartoe te navigeren. Dit maakt de footer niet alleen een visuele conventie, maar een toegankelijkheidsfunctie die in de structuur van het web is ingebouwd.

Definitie en oorsprong

In webdesign is een footer het onderste blok van een webpagina dat verschijnt na het hoofdinhoudsgebied. Het onderscheidt zich van de header (bovenkant van de pagina) en de body (de primaire inhoud daartussen). Terwijl headers gebruikers oriënteren en de body de kernboodschap levert, dienen footers als een afsluitend anker — een consistente plek waar gebruikers op leren vertrouwen wanneer ze nuttige links, juridische pagina’s of een manier nodig hebben om contact op te nemen met het bedrijf achter de site.

De overgang van print naar web veranderde wat een footer doet. In print is een footer passief — een paginanummer of een hoofdstuktitel. Op het web kan elk element in een footer worden aangeklikt, doorzocht of gebruikt. Deze verschuiving betekent dat de footer niet decoratief is; het is functionele ruimte.

Het HTML-element <footer>

Vanuit technisch oogpunt wordt de footer gemarkeerd met het semantische HTML-element <footer>. Wanneer het als direct kind van het <body>-element wordt geplaatst, is het van toepassing op de hele pagina. Het bevat doorgaans informatie over de auteur, copyrightgegevens of links naar gerelateerde documenten.

Het <footer>-element heeft ook de impliciete ARIA-rol contentinfo, die schermlezers helpt de footerregio te identificeren en er direct naartoe te navigeren. Dit maakt de footer niet alleen een visuele conventie, maar een toegankelijkheidsfunctie die in de structuur van het web is ingebouwd.

Start vandaag nog je affiliate programma

Stel geavanceerde tracking in binnen enkele minuten. Geen creditcard vereist.

Demo aanvragen Start 30-dagen gratis proefperiode

Wat komt er in een website-footer?

De inhoud van een footer hangt af van het doel, het publiek en het bedrijfsmodel van de website. Bepaalde elementen komen echter zo consistent voor op goed presterende sites dat ze verwachte conventies zijn geworden. Het weglaten ervan kan het gebruikersvertrouwen aantasten.

Essentiële elementen

Deze items horen in vrijwel elke website-footer, ongeacht de branche:

Een copyrightmelding met het huidige jaar geeft aan dat de site actief wordt onderhouden.

Navigatie en secundaire links

Footers bevatten vaak een ingekorte versie van de sitenavigatie, ook wel deurmatnavigatie genoemd — een term bedacht door NNGroup om een footer te beschrijven die de belangrijkste secties van de site in kolommen weergeeft, als een deurmat die gebruikers uitnodigt om verder te verkennen. Veelvoorkomende navigatielinks in footers zijn:

• Over ons
• Blog of bronnen
• Vacatures
• Helpcentrum / FAQ
• Sitemap
• Informatie over het affiliateprogramma (voor sites die er een hebben)

Een sitemaplink in de footer is bijzonder nuttig voor zowel gebruikers als zoekmachines. Het geeft verdwaalde bezoekers een volledig overzicht van de sitestructuur en biedt crawlers een secundair pad om pagina’s te ontdekken.

Betrokkenheidselementen

Naast functionaliteit kunnen footers aanzetten tot actie. Veelvoorkomende betrokkenheidselementen zijn:

• Aanmeldformulieren voor nieuwsbrieven — e-mailadressen verzamelen van betrokken bezoekers die tot onderaan hebben gelezen
• Call-to-action-knoppen — ‘Start een gratis proefperiode’, ‘Boek een demo’, ‘Word lid van het affiliateprogramma’
• Klantenondersteuning — livechatwidgets of helpdesklinks
• Vertrouwenssignalen — beveiligingsbadges, betaalmethode-iconen, branchecertificeringen, klantlogo’s

Waarom een website-footer gebruiken?

Sommige site-eigenaren vragen zich af of een footer wel nodig is. Het korte antwoord is ja — en de gegevens ondersteunen dit.

Gebruikerservaring en het vangnet

Footers fungeren als een vangnet voor gebruikers. Wanneer iemand door een pagina scrollt en niet vindt wat hij zoekt in de header of body, scrollt hij instinctief naar beneden. Onderzoek van NNGroup bevestigt dat gebruikers die scrollen onevenredig veel tijd doorbrengen in de buurt van de onderkant van een pagina. Als de footer leeg, verwarrend is of belangrijke links mist, zal die gebruiker waarschijnlijk weggaan.

Een consistente, goed georganiseerde footer vangt deze gebruikers op en leidt ze naar de informatie die ze nodig hebben — of dat nu een contactformulier, een beleidspagina of een gerelateerd artikel is.

SEO-voordelen

Footers dragen op verschillende concrete manieren bij aan zoekmachineoptimalisatie:

• Interne links op schaal: Omdat de footer op elke pagina verschijnt, creëren de links erin sitebrede interne links. Dit geeft autoriteit door aan belangrijke pagina’s en helpt zoekmachines deze te ontdekken en indexeren.
• Vermindering van crawldiepte: Pagina’s die vanuit de footer worden gelinkt, zijn nooit meer dan één klik verwijderd van elke pagina op de site, wat de crawldiepte vermindert.
• Ankertekstsignalen: Footerlinks met beschrijvende ankertekst geven zoekmachines extra context over het onderwerp van de doelpagina.

Er is echter een belangrijke kanttekening: footerlinks hebben minder gewicht dan links in de inhoud. De algoritmes van Google behandelen footerlinks anders dan redactionele links in de body van een pagina. Een footer moet een doordachte interne linkstrategie aanvullen, niet vervangen.

Vertrouwen en geloofwaardigheid

Gebruikers verwachten bepaalde informatie in een footer aan te treffen. Wanneer ze die vinden, voelt de site legitiem aan. Wanneer ze die niet vinden — ontbrekend privacybeleid, geen contactgegevens, een verouderd copyrightjaar — ondermijnt dat het vertrouwen. Voor e-commerce- en affiliatesites, waar gebruikers beslissen of ze een aankoop doen of op een affiliate-link klikken, is dat vertrouwen direct gekoppeld aan omzet.

Dit zijn geen marginale verbeteringen; het zijn betekenisvolle verbeteringen van een sectie die veel site-eigenaren negeren.

Schrijf je in voor onze nieuwsbrief

Wees de eerste die op de hoogte is van nieuwe functies en productupdates.

E-mailadres

Abonneren

Best practices voor website-footers

Ontwerp en lay-out

De ideale footer is visueel te onderscheiden van de hoofdinhoud — meestal door een contrasterende achtergrondkleur, een horizontale lijn of extra witruimte. Het moet georganiseerd zijn in duidelijke kolommen of secties in plaats van een enkele lange lijst met links.

• Grootte: Er is geen vaste pixelhoogte, maar een footer moet in verhouding staan tot de site. E-commerce-sites met grote catalogi gebruiken vaak ‘dikke footers’ met meerdere kolommen met links. Contentsites en blogs kunnen smallere footers met minder elementen gebruiken.
• Mobiele responsiviteit: Op kleine schermen moeten footers met meerdere kolommen verticaal stapelen. Aanraakdoelen moeten groot genoeg zijn om te tikken — minimaal 44×44 pixels.
• Visuele hiërarchie: De belangrijkste links (contact, help, belangrijke pagina’s) moeten als eerste verschijnen of visueel worden benadrukt door typografie of plaatsing.

Toegankelijkheid

Een toegankelijke footer is gunstig voor alle gebruikers, inclusief degenen die afhankelijk zijn van schermlezers of toetsenbordnavigatie.

• Gebruik het semantische element <footer> zodat ondersteunende technologie de regio kan identificeren.
• Zorg voor voldoende kleurcontrast tussen tekst en achtergrond — een minimale verhouding van 4,5:1 voor normale tekst.
• Maak alle links toetsenbordtoegankelijk met zichtbare focusindicatoren.
• Vermijd zeer kleine lettergroottes. Footertekst moet leesbaar zijn zonder inzoomen — 14px is een praktisch minimum.
• Groepeer gerelateerde links met behulp van koppen (<h2> of <h3>), zodat schermlezergebruikers tussen secties kunnen springen.

Veelvoorkomende fouten om te vermijden

Bepaalde footerpraktijken komen veel voor, maar zijn contraproductief:

• Linkdumpen: Tientallen niet-gerelateerde links in de footer stoppen omdat ze ’ergens moeten komen’. Dit verwatert de linkwaarde en overweldigt gebruikers.
• Zeer kleine, onleesbare tekst: Een overblijfsel uit het webdesign van begin jaren 2000. Als gebruikers moeten knijpen, faalt de footer.
• Verouderd copyrightjaar: Een klein detail met een onevenredig grote impact op de waargenomen geloofwaardigheid.
• Kopie van de headernavigatie zonder toegevoegde waarde: Als de footer exact de header kopieert, verspilt het ruimte. Footers moeten headers aanvullen, niet spiegelen.
• Verborgen of met zoekwoorden volgepropte links: Een verouderde SEO-tactiek die de richtlijnen van Google schendt en kan leiden tot strafmaatregelen. Footerlinks moeten zichtbaar, nuttig en relevant zijn.

Website-footer in affiliatemarketing

Affiliatemarketing brengt specifieke footereisen met zich mee waar algemene webdesignhandleidingen zelden op ingaan. Adverteerders die affiliateprogramma’s runnen, uitgevers die affiliateproducten promoten en programmamanagers die partnerrelaties beheren, hebben elk hun eigen footereisen.

Wat adverteerders in hun footer nodig hebben

Adverteerders — bedrijven die affiliateprogramma’s runnen om via partners verkopen te stimuleren — moeten hun footer gebruiken om:

• Te linken naar de aanmeldpagina van het affiliateprogramma. Een footerlink zoals ‘Affiliateprogramma’ of ‘Partner worden’ geeft potentiële affiliates een duidelijke weg om zich aan te sluiten. Dit is vooral waardevol wanneer een blogpost of productpagina verkeer aantrekt van potentiële promotoren.
• Juridische en compliancelinks weer te geven. Privacybeleid, algemene voorwaarden en cookiebeleid zijn niet optioneel voor sites die affiliateprogramma’s runnen.
• Contactgegevens voor partneraanvragen op te nemen. Een toegewijd e-mailadres of formulierlink voor affiliate-gerelateerde vragen scheidt partnercommunicatie van algemene klantenondersteuning.

Wat uitgevers en affiliates in hun footer nodig hebben

Hoewel openbaarmakingen in de buurt van individuele affiliate-links moeten verschijnen, voegt een sitebrede openbaarmaking in de footer een extra laag van compliance toe. Voorbeeld: ‘Deze site bevat affiliate-links. Wij kunnen een commissie verdienen wanneer u via deze links een aankoop doet, zonder extra kosten voor u.’

• Inkomstenvrijwaring: Veel affiliate-uitgevers voegen een verklaring toe dat resultaten niet gegarandeerd zijn en dat inkomsten afhankelijk zijn van individuele inspanning en marktomstandigheden.
• Privacybeleid met affiliatespecifieke taal: Als de site trackingcookies gebruikt voor affiliate-links, moet het privacybeleid dit uitleggen. Sommige affilatenetwerken vereisen dat uitgevers specifieke taal over gegevensverzameling opnemen.

Wat affiliateprogrammamanagers moeten controleren

Een ontbrekende of weggestopte openbaarmaking brengt zowel de affiliate als de adverteerder in juridisch risico.

• Merkrepresentatie: Geeft de footer de verkeerde indruk van de relatie? Affiliates mogen niet impliceren dat ze het merk zelf zijn.
• Linkintegriteit: Zijn affiliate-links correct getagd (rel=“sponsored” of rel=“nofollow”)? Google vereist dat betaalde en affiliate-links deze attributen gebruiken om te voorkomen dat linkwaarde wordt doorgegeven in strijd met de richtlijnen.
• Professionele uitstraling: Een slordige of kapotte footer op de site van een affiliate werkt slecht voor de merken die ze promoten.

Verouderde footerpraktijken versus huidig advies

Je website-footer testen

Een footer mag niet worden ontworpen en vervolgens worden vergeten. Testen onthult of hij gebruikers echt van dienst is.

Heatmaps en scrolltracking

Tools zoals Hotjar, Microsoft Clarity en Crazy Egg laten zien hoe ver gebruikers scrollen en waar ze klikken. Als scrollkaarten aangeven dat weinig bezoekers de footer bereiken, moet de inhoud erboven mogelijk worden geherstructureerd — of de footer zelf heeft meer overtuigende elementen nodig om gebruikers naar beneden te trekken. Als de footer daarentegen veel klikactiviteit ontvangt, moeten die interacties worden geanalyseerd om te zien welke links gebruikers het meest waarderen.

Linkaudit en klikgedraganalyse

Beoordeel periodiek elke link in de footer:

• Werken alle links nog? Kapotte footerlinks signaleren verwaarlozing.
• Welke links worden aangeklikt? Verwijder of minimaliseer slecht presterende links.
• Zijn affiliate-links correct getagd met rel="sponsored"?
• Linkt de footer naar pagina’s die nog bestaan en nog relevant zijn?

Toegankelijkheidstesten

Voer de footer door geautomatiseerde toegankelijkheidscheckers zoals WAVE of Axe, en test ook handmatig:

• Kun je door elke link navigeren met alleen het toetsenbord (Tab-toets)?
• Kondigt een schermlezer de footer aan als een contentinfo-oriëntatiepunt?