25 voorbeelden van websitefooters die werken
25 footerpatronen die je voor je eigen site kunt overnemen, van de minimale juridische footer tot de dikke sitemap-footer en de footer voor lokale bedrijven met een kaart — wat elk bevat, voor wie het past en een tip.
Veelgestelde vragen
Hoe maak ik een footer toegankelijk?
Gebruik echte tekst in plaats van afbeeldingen voor openingstijden en contactgegevens, zorg dat elke link met de Tab-toets bereikbaar is met een zichtbare focusomlijning, geef sociale iconen tekstlabels en houd genoeg kleurcontrast met de achtergrond van de footer.
Wat moet elke websitefooter bevatten?
Minimaal: een copyrightregel met het huidige jaar, een manier om contact op te nemen en links naar wettelijk vereiste pagina's (privacybeleid, voorwaarden, en indien van toepassing een toegankelijkheidsverklaring). Wat je daarnaast toevoegt hangt af van je sitetype — zie de lijst met patronen hieronder.
Hoeveel links zijn te veel voor een footer?
Er is geen vast aantal, maar een footer die elke pagina van de site probeert op te sommen, wordt ruis die niemand leest. Groepeer links in 3-5 gelabelde kolommen (bijvoorbeeld Bedrijf, Product, Bronnen, Juridisch) in plaats van één lange ongesorteerde lijst.
Moet een footer een nieuwsbriefaanmelding hebben?
Het is een redelijke secundaire plek, want bezoekers die naar beneden scrollen zonder te converteren zijn nog steeds betrokken. Het mag echter nooit de enige plek zijn waar je een nieuwsbriefaanmelding aanbiedt — zet ook hoger op de pagina een sterkere versie.
Beïnvloedt de footer SEO?
Ja, indirect. Footerlinks helpen zoekmachines en bezoekers dieper liggende pagina's te vinden, en dubbele of opgeblazen linklijsten in de footer op elke pagina kunnen verwarren hoe een site wordt begrepen. Houd footerlinks bewust en consistent, geen stortplaats.
Moet de footer er op mobiel anders uitzien?
De inhoud kan hetzelfde blijven, maar de lay-out moet in enkele kolommen stapelen met duidelijke tussenruimte, en inklapbare secties moeten makkelijk aantikbaar zijn. Een footer die als één lange onleesbare kolom met piepkleine tekst wordt weergegeven, is een veelgemaakte mobiele fout.
Kort antwoord: de beste websitefooters vallen in een klein aantal herhaalbare patronen — minimale juridische footers, dikke sitemap-footers, nieuwsbrieffooters, footers voor lokale bedrijven met een kaart en een handvol andere — en het kiezen van het juiste patroon voor jouw sitetype telt meer dan je footer uniek maken. Hieronder staan 25 patronen die je kunt aanpassen, elk met wat het bevat, voor wie het past en een tip.
Selectiemethode en doelgroep: deze gids is voor eigenaren van kleine bedrijven en de mensen die hun sites bouwen. De patronen worden vergeleken op vijf dingen waar bezoekers onderaan een pagina naar zoeken: contactgegevens, openingstijden, belangrijkste diensten, beleidslinks en toegang met het toetsenbord. De uitgewerkte voorbeelden verderop zijn illustratieve sjabloonontwerpen van We.Inc, geen echte bedrijven.
Waarom footers ertoe doen voor SEO
Waarom footers ertoe doen voor SEO is een van de vaakst over het hoofd geziene aspecten van footerontwerp, maar het bepaalt vaak of een inspanning slaagt of mislukt. Bedrijven die hier vroeg tijd in steken, vermijden dure herstelwerkzaamheden en zien snellere, voorspelbaardere resultaten. Waar je op moet letten bij waarom footers ertoe doen voor SEO:
- Richt je op long-tail-zoekwoordvarianten met duidelijke koop- of actie-intentie boven brede informatieve termen
- Groepeer verwante zoekwoorden in themaclusters om na verloop van tijd topische autoriteit op te bouwen
- Geef voorrang aan termen waarbij je domeinautoriteit je een realistische kans geeft om op pagina één te ranken
- Volg positiewijzigingen wekelijks en werk content bij als de posities stagneren
- Gebruik zoekvolumedata naast concurrentiemetrieken; hoog volume met lage concurrentie is de sweet spot
Als waarom footers ertoe doen voor SEO een nieuwe website, landingspagina of webapp vraagt, brengt We.Inc je er snel. Je beschrijft in een chat wat je wilt en de AI bouwt direct in de browser een live, bewerkbare site, zodat je kunt publiceren zonder eerst met een designtool te worstelen.
Wat elke footer eerst nodig heeft
Voor de patronen komen de onmisbare zaken: een copyrightregel met het huidige jaar, een werkende contactmogelijkheid en links naar je privacybeleid en voorwaarden als je persoonsgegevens verzamelt. Doe deze goed, welk patroon je ook kiest.
Essentiële footerelementen zijn een cruciaal onderdeel van elke degelijke strategie voor het bouwen van websites. De basis hier goed krijgen, legt een fundament waarop al het andere in de inspanning voortbouwt. De effectiefste aanpak bij essentiële footerelementen is systematisch in plaats van reactief. Teams die er vaste tijd voor inplannen, consequent resultaten bijhouden en stapsgewijs bijsturen, presteren beter dan teams die het als ad-hocwerk behandelen. De grootste voorspeller van succes is of je een gedocumenteerd proces hebt, niet hoe geavanceerd dat proces is. Teams gaan sneller met essentiële footerelementen als het bouwen van de site erachter niet de bottleneck is. Met We.Inc genereer je de pagina of app door hem in gewone taal te beschrijven en verfijn je hem daarna met visueel klik-om-te-bewerken of de ingebouwde code-editor.
| Element | Waarom het telt | Veelgemaakte fout |
|---|---|---|
| Copyrightregel | Basaal juridisch signaal, goedkoop om op te nemen | Blijft een oud jaar tonen |
| Links naar privacybeleid / voorwaarden | Vaak wettelijk vereist als je gegevens verzamelt | Ontbreekt helemaal, of een dode link |
| Contactmogelijkheid | Laat bezoekers je bereiken zonder te zoeken | Begraven in een contactpagina zonder directe link |
| Sociale links | Secundair vertrouwenssignaal | Linken naar verlaten accounts |
| Sitemap of belangrijkste navigatielinks | Helpt bezoekers en zoekmachines pagina's te vinden | Het hele hoofdmenu ongesorteerd dupliceren |
25 footerpatronen
Lay-outpatronen voor footers zijn een cruciaal onderdeel van elke degelijke strategie voor het bouwen van websites. De basis hier goed krijgen, legt een fundament waarop al het andere in de inspanning voortbouwt. Waar je op moet letten bij lay-outpatronen voor footers:
- Begin met een kleinschalige test voordat je veel tijd of budget vastlegt
- Zorg voor een vast ritme in plaats van periodes van activiteit gevolgd door lange pauzes
- Leer van concurrenten die hierin succesvol zijn; verzin het wiel niet opnieuw
- Haal frictie uit het proces: elke extra stap verlaagt het aantal voltooiingen
- Volg voorlopende indicatoren (inspanning, activiteit) naast achterlopende indicatoren (resultaten) om problemen vroeg te signaleren
Heeft je lay-outpatronen voor footers een pagina, winkel of app nodig om mensen naartoe te sturen, dan verandert We.Inc een beschrijving in een werkende site die je in minuten kunt publiceren. Begin met een sjabloon, stuur bij met chat en visueel bewerken en ga live op je eigen domein met gratis SSL.
- Minimale juridische footer. Alleen copyright, privacy en voorwaarden op één regel. Past bij een kleine visitekaartjessite of landingspagina waar de footer geen marketingwerk doet. Tip: houd hem gecentreerd en ingetogen zodat hij niet concurreert met je CTA erboven.
- Dikke sitemap-footer. Meerdere gelabelde kolommen (Product, Bedrijf, Bronnen, Juridisch) die het grootste deel van de sitestructuur dekken. Past bij grotere sites zoals SaaS-producten of contentrijke sites. Tip: beperk elke kolom tot 5-7 links zodat hij scanbaar blijft.
- Nieuwsbrief-eerst-footer. Begint met een e-mailveld vóór alle links. Past bij uitgevers, blogs en contentbedrijven die een publiek opbouwen. Tip: maak dit nooit de enige nieuwsbriefaanmelding op de pagina.
- Footer met NAP en kaart voor lokale bedrijven. Naam, adres, telefoonnummer en een ingesloten kaart. Past bij elk bedrijf met een fysieke locatie. Tip: houd de NAP-tekst identiek (niet alleen visueel vergelijkbaar) met wat in je Google Bedrijfsprofiel staat.
- App-downloadfooter. Badges voor App Store en Google Play naast standaardlinks. Past bij producten met een bijbehorende mobiele app. Tip: link de badges naar de echte winkelvermeldingen, niet naar een generieke homepage.
- Footer met vertrouwensbadges. Beveiligingszegels, iconen van betaalmethoden of branchecertificeringen. Past bij e-commerce en alles wat betalingen verwerkt. Tip: gebruik badges die je echt kunt onderbouwen — een valse of verlopen certificeringsbadge is erger dan geen.
- Footer met sociaal bewijs. Logo's van klanten, persvermeldingen of beoordelingen van reviewplatformen. Past bij B2B en dienstverlenende bedrijven. Tip: neem alleen logo's op waarvoor je toestemming hebt om ze te tonen.
- Megafooter met zoekfunctie. Een grote footer met een eigen zoekvak naast de sitemaplinks. Past bij grote documentatiesites of marktplaatsen met diepe content.
- Footer in één gestapelde kolom. Alles verticaal gestapeld, geen kolommen. Past bij zeer eenvoudige sites, portfolio's of sites van één pagina. Tip: gebruik ruimte om secties te scheiden in plaats van scheidingslijnen, die op kleine schaal zwaar kunnen voelen.
- Footer met twee lagen. Een hoofdfootergebied met kolommen, daaronder een dunne "subfooter"-balk met alleen copyright en juridische links. Past bij sites die willen dat de marketingfooter visueel gescheiden aanvoelt van de juridische standaardtekst.
- CTA-herhalende footer. Herhaalt de belangrijkste call-to-action van de pagina (Boek een demo, Begin gratis) direct boven de standaard footerinhoud. Past bij landingspagina's en marketingsites. Tip: houd deze CTA visueel duidelijk anders dan de informatieve links eronder.
- Terug-naar-boven-footer. Bevat een zichtbare "terug naar boven"-link of -knop, gangbaar op lange scrollpagina's. Past bij contentrijke pagina's, portfolio's met veel werkvoorbeelden of lange landingspagina's.
- Footer met taal-/regiokeuze. Een dropdown of lijst met taal-/regio-opties in de footer. Past bij elke site die meerdere landen of talen bedient.
- Footer met team/contactpersoon. Namen en kleine foto's van sleutelfiguren uit het team met directe contactlinks. Past bij kleine bureaus en adviesbureaus die vertrouwen en relaties verkopen.
- Footer met community-/socialhub. Links naar een Discord, forum of communityruimte naast sociale iconen. Past bij producten met een actieve gebruikerscommunity.
- Footer met prijzen/erkenning. Toont prijzen, "bekend van"-vermeldingen of branche-ranglijsten. Past bij bedrijven die specifieke, controleerbare erkenning hebben verdiend — verzin of suggereer nooit een prijs die je niet hebt ontvangen.
- Footer met toegankelijkheidsverklaring. Een directe link naar een pagina met een toegankelijkheidsverklaring, soms naast een zichtbaar icoon voor toegankelijkheidsinstellingen. Past bij elk bedrijf dat inclusief ontwerp serieus neemt; zie de tool hieronder om er een te genereren.
- Footer met zustersites/merkfamilie. Links naar andere eigendommen onder hetzelfde moedermerk. Past bij bedrijven die meerdere verwante sites of productlijnen draaien.
- Footer voor noodgevallen/spoedcontact. Een prominent telefoonnummer of spoedcontactregel, soms met openingstijden. Past bij zorg, juridische diensten, thuisdiensten en alles met tijdgevoelige behoeften.
- Footer met FAQ-snelkoppelingen. Directe links naar de 3-5 meest gestelde supportvragen in plaats van een generieke "Help"-link. Past bij e-commerce en abonnementsproducten die het supportvolume willen verlagen.
- Footer voor vacatures/loopbaan. Een regel "Wij zoeken mensen" met een link naar openstaande functies. Past bij groeiende bedrijven die willen dat de footer ook als wervingskanaal werkt.
- Footer met persmap. Een directe link naar logo's, merkmateriaal en mediacontactgegevens. Past bij bedrijven die regelmatig persvragen krijgen.
- Footer voor donaties/steun. Een zichtbare link "Steun ons" of "Doneer", los van de donatieknop in de hoofdnavigatie. Past bij non-profits en open-sourceprojecten — zie onze gids voor websiteontwerp van non-profits voor de donatiepagina-kant hiervan.
- Minimale footer in dark mode. Een visueel donkerdere footerband die contrasteert met een lichtere paginabody, soms onafhankelijk van het algehele thema van de site. Past bij designgerichte portfolio's en creatieve studio's.
- Compliance-zware footer. Uitgebreide juridische links (cookiebeleid, AVG-mededelingen, disclaimers, licentie-informatie), vaak vereist in financiën, juridische diensten, zorg of sterk gereguleerde branches. Tip: raad niet wat wettelijk vereist is voor jouw branche — bevestig het bij een jurist of de actuele richtlijnen van je branche.
Footer-CTA's die converteren
Footer-CTA's die converteren zijn een cruciaal onderdeel van elke degelijke strategie voor het bouwen van websites. De basis hier goed krijgen, legt een fundament waarop al het andere in de inspanning voortbouwt. De effectiefste aanpak bij footer-CTA's die converteren is systematisch in plaats van reactief. Teams die er vaste tijd voor inplannen, consequent resultaten bijhouden en stapsgewijs bijsturen, presteren beter dan teams die het als ad-hocwerk behandelen. De grootste voorspeller van succes is of je een gedocumenteerd proces hebt, niet hoe geavanceerd dat proces is. Als footer-CTA's die converteren een nieuwe website, landingspagina of webapp vragen, brengt We.Inc je er snel. Je beschrijft in een chat wat je wilt en de AI bouwt direct in de browser een live, bewerkbare site, zodat je kunt publiceren zonder eerst met een designtool te worstelen.
Footerontwerp voor mobiel
Footerontwerp voor mobiel is een cruciaal onderdeel van elke degelijke strategie voor het bouwen van websites. De basis hier goed krijgen, legt een fundament waarop al het andere in de inspanning voortbouwt. Waar je op moet letten bij footerontwerp voor mobiel:
- Test op echte apparaten, niet alleen in browseremulators: de gedragsverschillen zijn aanzienlijk
- Mik op laadtijden van onder de 3 seconden op mobiel; elke extra seconde verhoogt het bouncepercentage merkbaar
- Ontwerp voor aanraking: grotere tikdoelen, swipevriendelijke navigatie, minimale tekstinvoer
- Comprimeer afbeeldingen naar WebP en gebruik lazy loading voor elementen onder de vouw
- Controleer maandelijks de Core Web Vitals en pak CLS-, LCP- en INP-problemen systematisch aan
Teams gaan sneller met footerontwerp voor mobiel als het bouwen van de site erachter niet de bottleneck is. Met We.Inc genereer je de pagina of app door hem in gewone taal te beschrijven en verfijn je hem daarna met visueel klik-om-te-bewerken of de ingebouwde code-editor.
Footers op desktop en mobiel vergeleken
| Element | Desktop | Mobiel | Toetsenbordcontrole |
|---|---|---|---|
| Contact | Adres, telefoon, e-mail in één kolom | Telefoon eerst als tik-om-te-bellen-link | Elke link bereikbaar met Tab, zichtbare focusring |
| Openingstijden | Korte tabel | Uren van vandaag eerst, hele week eronder | Gewone tekst, geen afbeelding |
| Belangrijkste diensten | 4 tot 6 links | Ingeklapt of teruggebracht tot de top 3 | Links in logische volgorde |
| Beleidslinks | Kleine rij onderaan | Dezelfde rij, grotere tikdoelen | Niet verborgen achter hover |
| Social | Rij met iconen | Rij met iconen met tekstlabels voor schermlezers | Iconen hebben toegankelijke namen |
Geannoteerde voorbeelden (illustratief)
| Voorbeeld | Inhoud footer | Wat je kunt aanpassen | Beperking |
|---|---|---|---|
| Bakkerij | Adres, openingstijden, bestellink, social | Openingstijden als tekst, bestellink herhaald | Lange tabellen met openingstijden raken krap op telefoons |
| Loodgieter | Telefoon, werkgebied, vergunningsregel | Tik-om-te-bellen eerst op mobiel | Lijsten met werkgebieden kunnen te lang worden |
| Tandarts | Adres, kaartlink, spoednummer | Aparte spoedlijn | Te veel verzekeringslogo's geven rommel |
| Advocatenkantoor | Kantoren, vakgebieden, disclaimer | Vereiste disclaimertekst | Juridische tekst kan de contactregel begraven |
| Non-profit | Donatielink, registratie, rapporten | Registratienummer zichtbaar | Concurrerende calls-to-action |
Footerblokken om te kopiëren
Plak deze in je notities en vul ze in:
Contact: [Bedrijfsnaam], [straat, plaats], [telefoonlink], [e-mail] Openingstijden: ma t/m vr [tijd], za [tijd], zo gesloten Diensten: [dienst 1], [dienst 2], [dienst 3] Juridisch: Privacy, Voorwaarden, Toegankelijkheid, © [jaar] [bedrijfsnaam]
Wat je aanpast en wat je niet kopieert
Pas de groepering en volgorde aan. Kopieer niet de badges, prijzen, reviewaantallen of juridische bewoordingen van een andere site; gebruik alleen wat waar is voor jouw bedrijf en laat je eigen beleid beoordelen.
Begin met een passend sjabloon
Kies een ontwerp uit de zakelijke websitesjablonen, bewerk de footer in de visuele editor en laat daarna de gratis websitebeoordeling draaien.
Begin met het bouwen van je bedrijfswebsite. Maak je account aan. Het gratis plan publiceert tot 3 sjabloonsites op een we.inc-adres (geen AI-credits, geen eigen domein). AI-bouw en je eigen domein beginnen bij Starter voor $20 per maand; zie prijzen.
Handige vervolgstappen: controleer een bestaande site met de gratis websitebeoordeling, raam een budget in met de websitekostencalculator, blader door zakelijke websitesjablonen of lees hoe de websitebuilder van We.Inc werkt.
Zo kies je
Stem het patroon af op wat je site echt nodig heeft, niet op wat indrukwekkend oogt. Een visitekaartjessite van vijf pagina's heeft geen megafooter met zoekvak nodig, en een marktplaats met duizenden pagina's ziet er onderbezet uit met alleen een minimale juridische footer. Begin bij twijfel eenvoudig (patroon 1, 4 of 9) en voeg pas secties toe als je een echte reden hebt.
Bouw het gratis met We.Inc
Je hoeft een footer niet vanaf een blanco pagina te ontwerpen. Open We.Inc en beschrijf je site in één zin — bijvoorbeeld "een website voor een lokale bakkerij met een footer met ons adres, onze openingstijden en sociale links" — en de builder genereert een werkend beginpunt, footer inbegrepen, dat je daarna kunt aanpassen.
Op het gratis plan krijg je tot 3 sjabloonsites op een we.inc-adres zonder kaart, en je bewerkt de woorden en afbeeldingen van de footer zelf in de editor (geen AI-generatie bij gratis). Wil je dat de AI de footerinhoud voor je schrijft en aanpast, en de site op je eigen domein zetten in plaats van op een we.inc-adres, dan begint dat bij het Starter-plan voor $20/maand. Bekijk de actuele details op prijzen (of begin met de gratis websitebuilder, zonder kaart), of blader door sjablonen als je liever met een afgerond ontwerp begint.
Aan de slag met footerontwerp
De basis van 25 voorbeelden van websitefooters die werken ligt binnen bereik van elk bedrijf dat bereid is consequent moeite te investeren. Kies één onderdeel uit deze gids, voer het volledig uit en meet het resultaat voordat je naar het volgende gaat. Stapsgewijze, gevalideerde vooruitgang wint van alles tegelijk willen doen. Heb je een website, webshop of webapp nodig ter ondersteuning van je werk aan je website, dan laat We.Inc je er een bouwen door het in een chat te beschrijven. De AI genereert een live, bewerkbare site die je visueel of in code kunt verfijnen en daarna op je eigen domein met gratis SSL publiceert. Begin je gratis We.Inc-account - geen creditcard nodig.
Snelle footerchecklist
Loop dit door voordat je een footer live zet:
- [ ] De copyrightregel toont het huidige jaar
- [ ] Links naar privacybeleid en voorwaarden werken en zijn actueel
- [ ] De contactmogelijkheid is één klik weg, niet begraven
- [ ] Links zijn gegroepeerd in gelabelde secties, niet één lange lijst
- [ ] De mobiele lay-out stapelt netjes en blijft aantikbaar
- [ ] Alle badges, prijzen of certificeringen zijn echt en actueel
- [ ] Sociale links wijzen naar actieve accounts
Voor de lay-outbeslissingen direct boven de footer, zie onze gids een homepage ontwerpen, en voor het binnenhalen van leads via een footer of elders op de pagina behandelt onze gids voor contactformulieren de praktische opzet. Moet je footer een toegankelijkheidsverklaring ondersteunen, dan kan onze generator voor toegankelijkheidsverklaringen je helpen er snel een op te stellen, en onze volledige gids een website maken behandelt de rest van de pagina voorbij de footer.
Gratis beginnen · Geen creditcard nodig
Product
- AI Website Builder: Describe a site in plain English; it's live in minutes
- White Label Platform: Your brand, your domain, your margin
- Enterprise: SSO, custom SLAs, and dedicated support
- Developer API: Embed site generation into your SaaS
Who It's For
- For Agencies: Resell under your brand
- For Freelancers: Your own branded builder
- For Hosting Providers: Add a builder to your stack
- For SaaS Platforms: Embed site creation via API
- For Startups
- For Financial Services
- For Healthcare
Features
- Drag & Drop Editor
- Built-in SEO Tools
- Custom Branding
- Client Dashboard
- Reseller Billing (Stripe Connect)
Resources
- Blog
- Help Center
- Free Business Tools
- Website Templates
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App