Lesoverzicht

Leer hoe je websites en funnels van de allerhoogste kwaliteit maakt.

Website Score Kompas

Het Website Score Kompas is een evaluatiesysteem dat de kwaliteit van je website meet aan de hand van 100 objectieve checklistpunten. In één score zie je hoe sterk je website is en waar je de grootste verbeterkansen hebt.

Leren. Begrijpen. Toepassen.

De HappyDigital leermethode helpt je een onderwerp eerst te snappen, vervolgens te doorgronden en daarna direct om te zetten in actie.

In deze les ontdek je hoe het Website Score Kompas werkt, wat je score betekent en hoe je die vertaalt naar concrete verbeteracties.

Wat is het Website Score Kompas?

Het Website Score Kompas is een grondig evaluatiesysteem dat de complete kwaliteit van je website objectief in kaart brengt. In plaats van te vertrouwen op meningen, gevoel of esthetiek, beoordeelt dit systeem je website aan de hand van 100 concrete controlepunten verdeeld over strategie, content, design, development en conversie.

Elk onderdeel heeft een eigen gewicht, zodat de uiteindelijke beoordeling realistisch weerspiegelt waar de echte kracht én zwakte van je website liggen. Het evaluatiesysteem vertaalt jouw totaalscore naar een duidelijke fase, waarmee je direct begrijpt welke problemen je waarschijnlijk ervaart, welke kansen je kunt benutten en welke stappen nodig zijn om door te groeien naar een hoger niveau. Zo wordt websitekwaliteit eindelijk meetbaar, vergelijkbaar en vooral: verbeterbaar.

Het beoordelingssysteem geeft je een totaalscore van 0 tot 10, opgebouwd uit deze gewichten:

‍Strategie — 10 punten
‍Content — 10 punten
Design — 30 punten
Development — 30 punten
Conversie — 20 punten

Hoe beter je score, hoe sterker de fundering van je website.

Zo weet je precies waar je staat en wat je kunt verbeteren.

De vijf onderdelen waarop je website wordt beoordeeld

Strategie (10 punten)
Strategie beoordeelt of je website werkt als een kompas. Bezoekers moeten binnen één seconde begrijpen wat je doet, voor wie je er bent en welke actie je van hen verwacht. Een sterke strategie creëert richting. Elke pagina draagt bij aan hetzelfde doel en niets haalt de focus weg. Een zwakke strategie voelt diffuus, waardoor bezoekers afhaken nog voordat je verhaal begint.

Content (10 punten)
Content meet of de tekst, beelden en toon één samenhangend verhaal vormen. Volledig afgestemd op de doelgroep. Goede content ondersteunt de strategie, maakt de waarde duidelijk en geeft bewijs dat je levert wat je belooft. Slechte content voelt los, vaag of generiek. Het vertelt niet waarom iemand bij jou zou moeten blijven, laat staan waarom ze moeten kiezen voor jou.

Design (30 punten)
Design gaat verder dan mooi. Het kijkt naar merkgevoel, structuur, hiërarchie en professionele uitvoering. Een sterk design maakt je verhaal helder, stuurt het oog en versterkt je positie in de markt. Het ziet er verzorgd uit én voelt onmiskenbaar eigen. Een zwakker design is wel ‘oké’, maar voegt niets toe. Het mist karakter, consistentie of impact, waardoor het merk verwatert.

Development (30 punten)
Development beoordeelt de technische kracht en stabiliteit van je website. Het draait om snelheid, foutloos gedrag, mobiel gebruik en een soepele ervaring zonder frictie. Sterke development valt niet op, omdat alles werkt zoals je verwacht. Zwakke development valt meteen op: trage laadtijden, verspringende elementen, onduidelijke knoppen en een rommelige mobiele versie. De basis voelt instabiel en dat kost vertrouwen.

Conversie (20 punten)
Conversie meet of je website actief bouwt aan vertrouwen en actie. Een systeem dat bezoekers helpt kiezen. Denk aan duidelijke CTA’s, bewijs, reviews, cases en slimme flow in de pagina. Een sterke conversiefundering maakt van nieuwsgierige bezoekers klanten. Een zwakke conversiefundering laat kansen liggen, toont beperkt bewijs en voelt meer informatief dan overtuigend.

Hoe werkt de beoordeling?

Na het invullen van de 100 checklist-items krijg je een totaalscore tussen de 0 en 100 punten. Die score wordt automatisch omgezet naar een rapportcijfer van 0 tot 10 en bepaalt in welke van de tien fases jouw website valt.

Elke fase geeft je een duidelijk beeld van:

Waar je website nu staat
Hoe dat er in de praktijk uitziet
Welke problemen en uitdagingen hierbij horen
Wat je als eerste moet optimaliseren
En hoe je doorgroeit naar de volgende fase

Een score van bijvoorbeeld 7,0 komt overeen met 70 punten. Zo zie je in één oogopslag hoe sterk je website is en wat je logische volgende stap is.

Wat doen die fases precies?

De fase-indeling is méér dan een label. Het is een contextuele duiding van je score.

Je krijgt inzicht in:

De typische situatie van websites in jouw fase
Voorbeelden van andere websites die op hetzelfde niveau zitten
Websites in hogere fases (wat doen zij beter en wat kun jij daarvan leren?)
Websites in lagere fases (wat doe jij al sterker en welke ontwikkeling heb je al doorgemaakt?)

Met die fases kun je heel concreet zien wat "een hogere kwaliteit website" in de praktijk betekent, welke elementen je kunt overnemen of verbeteren, en wat je precies moet aanpakken om door te groeien naar de volgende fase. Je ziet niet alleen een cijfer, maar een stappenplan dat je van waar je nu staat naar waar je wilt zijn brengt.

De 10 fases

Om het overzichtelijk te houden, zijn de fases gegroepeerd in kwaliteitsniveaus:

Fase 1 t/m 4 – Niet goed genoeg
Je website werkt tegen je in plaats van vóór je. De structuur, boodschap en beleving kloppen nog niet. Bezoekers snappen niet goed wat je doet, voor wie je er bent en waarom ze zouden moeten blijven.
Fase 5 – Onvoldoende
Je site functioneert technisch gezien wel, maar voelt vlak en niet onderscheidend. De basis staat, maar je mist overtuigingskracht, merkgevoel en duidelijke sturing.
Fase 6 – Voldoende
Dit is het niveau “het is oké, maar er mist nog van alles”. De site ziet er degelijk uit en werkt prima, maar strategie, conversie en meetbaarheid zijn nog niet goed genoeg uitgewerkt om echt resultaat te halen.
Fase 7 – Goed
Alles doet wat het moet doen: techniek, content en design zijn op orde. Alleen voelt het nog wat standaard. Je mist karakter, scherpte en onderscheidend vermogen.
Fase 8 – Zeer goed
Je site is sterk opgebouwd en levert resultaat. Maar er is nog veel ruimte om unieker, opvallender en meer “jij” te worden. Je gaat hier van “professioneel” naar “onmiskenbaar eigen”.
Fase 9 – Uitstekend
Je website is in balans: strategie, content, vormgeving, techniek en conversie versterken elkaar. Je focust nu vooral op finetuning, opschalen en consequent doorvertalen naar alle pagina’s en campagnes.
Fase 10 – Perfect
Alles klopt tot in detail. De strategie is haarscherp, het design sluit naadloos aan, de content is spot-on, de techniek staat als een huis en de conversie is optimaal ingericht en meetbaar. Dit is het niveau waarop je website niet alleen ondersteunt, maar actief je groei versnelt.

Waarom het Website Score Kompas?

Omdat websites vaak "op gevoel" worden beoordeeld, terwijl je hiermee een objectief, herhaalbaar en compleet systeem hebt. Het laat zien waar je website sterk staat en waar je blinde vlekken zitten. We zagen de afgelopen jaren té veel websites die niet deden wat ze moesten doen. Mooie sites, dure sites, creatieve sites, maar zonder resultaat. En wat moet een website uiteindelijk doen? Precies: je doel nastreven. Dat begint bij het bepalen van dat doel, en eindigt bij het meten of je website dat doel ook daadwerkelijk ondersteunt. Het Website Score Kompas maakt dit voor iedereen inzichtelijk, objectief en meetbaar.

De Officiële Website Score Kompas Checklist (100 punten)

De checklist hieronder bevat 100 controlepunten die ieder één helder aspect van websitekwaliteit meten. Het zijn directe ja/nee-vragen die je zonder discussie kunt beantwoorden. Door ze allemaal langs te lopen, krijg je een compleet beeld van hoe goed je website het doel ondersteunt dat jij voor ogen hebt.

Voorbeelden uit de praktijk

In dit onderdeel bekijken we hoe het Website Score Kompas werkt aan de hand van meerdere praktijkvoorbeelden. Bij elke website geven we een snelle beoordeling op de vijf onderdelen, zonder de volledige checklist te doorlopen.

We proberen dit zo objectief mogelijk te doen, maar een deel blijft altijd subjectief. Sommige aspecten vragen nu eenmaal interpretatie. Ook kun je AI-tools gebruiken om je te helpen bij zo'n scan, maar die zijn vaak wisselend in kwaliteit en niet altijd betrouwbaar.

Door deze voorbeelden te bestuderen, krijg je een helder beeld van hoe je zélf websites kunt beoordelen en waar je op moet letten in de praktijk.

Sleak.chat

Sleak.chat is een sterk voorbeeld van een moderne SaaS-website: professioneel, helder en technisch netjes gebouwd. De site is volledig gemaakt in Webflow door de eigenaar Bas Rijnen, wat de kwaliteit extra bijzonder maakt. In de hero en navigatie gebeurt wel aardig veel tegelijk, waardoor de focus soms wat verloren gaat.

Ondanks dat scoort Sleak duidelijk boven het niveau van de gemiddelde Nederlandse website en komt het uit in Fase 8: goed tot zeer goed.

Strategie → 8/10 punten

Sterke propositie, direct duidelijk wat het product doet. Maar de overvloed aan elementen in de hero haalt de scherpte uit de boodschap.

Content → 7/10 punten

Duidelijke, korte copy, goede trust-signals. Maar door de hoeveelheid informatie tegelijk verliest de content aan focus en hiërarchie.

Design → 25/30

Modern, professioneel en goed uitgevoerd.

Development → 25/30 punten

Ziet er technisch solide uit: nette interacties, consistente UI. Echter: veel elementen in de hero kunnen performance en overzicht beïnvloeden.

Conversie → 15/20 punten

Sterke CTA’s en vertrouwenwekkende elementen, maar doordat alles tegelijk wordt aangeboden, ontstaat minder focus op de belangrijkste actie.

Totaalscore: 80/100 → 8,0

Deze score past goed binnen Fase 8 (Zeer goed).

De site is professioneel en overtuigend, maar mist rust, hiërarchie en strategische scherpte om naar het allerhoogste niveau te gaan.

Digistudies.nl

Digistudies is een e-learningplatform voor middelbare scholieren. De website is duidelijk en betrouwbaar, gericht op zowel leerlingen als ouders. Het werkt allemaal prima, maar het ontwerp en de presentatie blijven vrij standaard. De basis staat goed, alleen performance, design en visuele content remmen de kwaliteit.

Deze combinatie brengt Digistudies uit op Fase 6: Voldoende met duidelijke ruimte voor groei.

Strategie → 7/10 punten

De propositie is duidelijk en de lage instapprijs werkt. De route naar aankoop kan scherper, vooral doordat er weinig onderscheid wordt gemaakt tussen leerlingen, ouders en scholen.

Content → 6/10 punten

Heldere uitleg en goede trust-signals. Er wordt alleen weinig gedaan met beeld, waardoor de content weinig sfeer en overtuigingskracht heeft.

Design → 18/30 punten

Clean en functioneel, maar weinig onderscheidend. Er is nauwelijks merkidentiteit of emotie. Alles werkt, maar het voelt generiek.

Development → 18/30 punten

Technisch redelijk, maar de performance is zwak. Lange laadtijd en slecht geoptimaliseerde afbeeldingen zorgen voor vertraging. Grote kans voor verbetering.

Conversie → 12/20 punten

Duidelijke CTA’s en sterke reviews. De funnel is logisch, maar het gebrek aan visuele kracht maakt dat de website minder hard overtuigt dan zou kunnen.

Totaalscore: 64/100 → 6,4

Sterke basis en een goed product, maar om écht door te groeien moeten design, beeldgebruik en performance naar een hoger niveau.

Voetentraining.nl

Voetentraining.nl is een bijzonder geval. De website oogt verouderd, mist merkidentiteit en is technisch beperkt, maar de strategie en het aanbod zijn opvallend sterk. Dit verklaart waarom de site in de praktijk tóch goed presteert. Op basis van de Website Score Kompas-criteria komt de website uit op 50 van de 100 punten, goed voor een 5,0.

Strategie → 9/10 punten

De doelgroep wordt meteen duidelijk aangesproken en bezoekers begrijpen direct welk probleem wordt opgelost en welke stappen ze kunnen zetten. De strategische keuzes zijn sterk en tillen het geheel omhoog, ondanks zwakkere onderdelen in de website.

Content → 6/10 punten

De inhoud is nuttig en helpt de doelgroep vooruit, maar de opmaak is vooral tekstueel en mist visuele ondersteuning. Veel afbeeldingen zijn simpel of van lage kwaliteit, waardoor de informatie minder prettig en minder duidelijk overkomt dan nodig is.

Design → 13/35 punten

Het ontwerp voelt verouderd en heeft weinig karakter. De site gebruikt weinig kleur, heeft beperkte hiërarchie en laat nauwelijks merkidentiteit zien. Het werkt wel, maar het oogt alles behalve modern of aantrekkelijk.

Development → 13/35 punten

Technisch doet de site wat hij moet doen, maar verder ook niet. De responsiveness is niet overal goed, de SEO-basis is zwak en de technische uitvoering is simpel. Het fundament is bruikbaar, maar niet toekomstbestendig.

Conversie → 9/20 punten

De conversiekant is inhoudelijk sterk. Er is een duidelijk aanbod van gratis oefeningen, trainingen en programma’s, met logische vervolgstappen en een lage instapdrempel. De presentatie is alleen druk en rommelig en het ontwerp helpt niet mee om vertrouwen en professionaliteit uit te stralen.

Totaalscore: 50/100 → 5,0

Dit plaatst Voetentraining.nl in Fase 5. Het product en de strategie zijn uitstekend, maar de website zelf blijft duidelijk achter op design, contentpresentatie en techniek.

Zo gebruik je het Website Score Kompas

Kies één van de drie routes om je websitescore te bepalen:

Start met de snelle scan (aanrader): Open hier de Website-Score-Kompas GPT, vul je URL in en zie direct waar je grootste kansen liggen.

Wil je meer diepgang? Gebruik de uitgebreide prompt hieronder samen met "Uitgebreid onderzoek doen" in ChatGPT en krijg een volledige website-audit terug.

Liever maatwerk analyse? Plan een persoonlijke-analyse met Jelle via LinkedIn of Calendly.

De prompt

De belangrijkste pagina van de website (homepagina of landingspagina):
JOUW URL

Zodra deze URL is aangeleverd, start je direct met de analyse. Je stelt geen vragen.

Doel van deze prompt
Genereer een diepgaande Website Score Kompas-analyse, gebaseerd op:
→ De scan van de opgegeven pagina
→ De volledige set van 100 kwaliteitscriteria uit het Website Score Kompas

Je analyse levert:
✓ Kwaliteitsscore per criterium (1 of 0)
✓ Bevindingen, fouten en ontbrekende elementen
✓ Prioriteit per verbeterpunt
✓ Eindscore
✓ Vergelijking tussen de drie pagina’s
✓ Overzicht van de belangrijkste verbeteracties

Alles volgens het officiële HappyDigital Website Score Kompas:
https://www.happydigital.nl/website-blueprint/website-score-kompas

Output
Eén tabel met kwaliteitsbevindingen per pagina.

Je gebruikt hiervoor alle 100 officiële Score Kompas-checkpoints die hieronder staan.

De 100 Website Score Kompas-criteria

Het doel van de website is duidelijk opgeschreven.
Het is duidelijk voor wie de website bedoeld is.
Bezoekers zien binnen 3 seconden wat het bedrijf doet en waarom dat relevant is.
De volgende stap voor de bezoeker is kristalhelder op elke pagina.
De belangrijkste belofte aan de klant is kort en simpel opgeschreven.
De waardepropositie is geformuleerd op basis van klantproblemen, niet op basis van interne aannames.
Er is gekozen voor één hoofdroute waar bezoekers doorheen gaan.
De gekozen funnel ondersteunt het website-doel (lead, sales, high-ticket, community, etc.).
De site bevat kenmerken die doen vermoeden dat er branchegerichte voorbeelden zijn bestudeerd.
De site bevat unieke keuzes in structuur of tekst die duidelijk afwijken van standaard website.
De teksten leggen simpel uit wat je doet, in gewone mensentaal.
De belangrijkste boodschap staat bovenaan en is direct duidelijk.
De content legt goed uit welk probleem je oplost voor de bezoeker.
De schrijfstijl klinkt menselijk en natuurlijk, niet als AI-taal.
De taal is kort, duidelijk en zonder moeilijke woorden.
De tekst eindigt altijd met wat iemand moet doen, zonder af te dwalen.
De volgorde van de tekst voelt logisch en makkelijk te volgen.
Er wordt op de juiste manier gebruikgemaakt van de HappyDigital-bouwblokken.
Er staan genoeg voorbeelden of resultaten om vertrouwen te geven.
De pagina gebruikt korte stukken tekst en veel visuele ondersteuning.
De layout oogt professioneel en biedt visuele rust.
Het kleurgebruik straalt professionaliteit uit en draagt bij aan een sterke merkuitstraling.
De typografie is professioneel en passend bij de merkidentiteit.
De mobiele versie ziet er netjes en consistent uit.
De afbeeldingen versterken de boodschap en roepen passende emotie op.
Het geheel voelt professioneel en passend bij het niveau van het bedrijf.
Belangrijke elementen vallen direct op; hiërarchie is helder.
Functionele kleuren zijn uniform toegepast.
De knoppen vallen genoeg op zonder schreeuwerig te worden.
Het design stuurt de bezoeker vloeiend van boven naar beneden.
Foto’s en video’s voelen menselijk en realistisch.
De visuele stijl is ontwikkeld vanuit een doordachte merkidentiteit.
Knoppen en secties zijn consistent en aantrekkelijk.
De tekstkolommen zijn optisch in balans.
Elke sectie is visueel gescheiden.
Er is genoeg witruimte.
Beeldmateriaal is stijltechnisch in balans.
Iconen en illustraties passen bij de rest van het design.
Animaties zijn subtiel en ondersteunen de stijl.
Beelden zijn uniek of specifiek gekozen.
De micro-animaties zijn van hoge kwaliteit.
Interactie-elementen voelen beter dan gemiddeld.
De mobiele ervaring voelt als een op maat ontworpen app.
De website voelt op elke pagina als één merkervaring.
De site straalt perfectie uit, elk detail lijkt bewust gekozen.
De typografie is van uitzonderlijk niveau.
Alle visuals geven de site een herkenbare visuele identiteit.
De paginaopbouw voelt als een visuele vertelling.
De site gebruikt high-end interactiepatronen.
De eerste indruk van de homepage is extreem sterk.
De website tool werkt makkelijk samen met andere tools.
De website tool ondersteunt samenwerken met anderen.
De website tool maakt onderhoud eenvoudig.
De website schaalt correct op desktop, tablet en mobiel.
Knoppen en links werken goed op alle apparaten.
De navigatie is eenvoudig en duidelijk op elk formaat.
De website bevat geen zichtbare fouten of kapotte elementen.
Tekst is goed leesbaar op alle schermgroottes.
Afbeeldingen passen binnen het ontwerp en schalen mee.
De opbouw van pagina’s is logisch.
Pagina’s laden zonder visuele verspringingen.
De website heeft een geldig SSL-certificaat.
De website tool biedt goede prijs-kwaliteit.
De website tool geeft volledige ontwerpvrijheid.
De website tool is schaalbaar voor groeiende of complexe sites.
De website tool is populair en wordt actief doorontwikkeld.
De website gebruikt lazy loading.
De website gebruikt caching.
De website gebruikt een CDN.
De website is toegankelijk via toetsenbordnavigatie en screenreaders.
De website laadt uitzonderlijk snel.
De website gebruikt micro-interacties die beleving versterken.
De code is schoon en gestructureerd.
De site past zich slim aan per resolutie.
De website laadt scripts en stijlen efficiënt.
De layout is gestructureerd zonder overbodige secties.
De technische SEO is op orde (ALT-teksten, ARIA, structured data).
De site werkt goed op niet-standaard schermformaten.
De site bevat lichte functionele interacties.
Afbeeldingen zijn geoptimaliseerd voor snelheid en kwaliteit.
Het aanbod is duidelijk en meteen te begrijpen.
De prijs voelt logisch en past bij de waarde.
De landingspagina stuurt naar één duidelijke actie.
Social proof is duidelijk aanwezig.
Reviews en resultaten zijn overtuigend.
Het aanbod heeft een goede reden om nu te kiezen.
Het merk heeft een unieke positie in de markt.
De website legt uit waarom het merk anders is dan anderen.
Het merk communiceert een heldere missie.
Er worden geen misleidende urgentietrucs gebruikt.
Alle kosten en voorwaarden zijn transparant.
Reviews worden eerlijk gepresenteerd.
Content stuurt duidelijk richting conversie.
Er is inzicht in de volgende stap na conversie.
De bezoeker ziet direct waarom het aanbod relevant is.
De pagina toont duidelijke keuze-architectuur.
Bezwaren en risico’s worden benoemd en weggewerkt.
De hero-visual toont direct de gewenste uitkomst.
De pagina is geoptimaliseerd voor snelle beslissing.
De flow van bezoek naar actie is duidelijk en logisch.

Let op:
De AI-analyse is altijd gedeeltelijk subjectief.
Voor een volledige analyse inclusief techniek, design en strategie:

LinkedIn: https://www.linkedin.com/in/jelle-spanninga/
Gesprek plannen: https://calendly.com/happydigital/introductiegesprek

Coming soon!

Deze les is nog in ontwikkeling en wordt binnenkort geplaatst op de website. Net als vele andere lessen is de content wel al te vinden in de HappyDigital community.

Meld je aan

Vorige les

Volgende les

website-score-kompas

Geen vorige les

Geen volgende les

Welkom bij de HappyDigital Blueprint

Het verhaal achter HappyDigital

Leren. Begrijpen. Toepassen.

De traditionele websites zijn verleden tijd

Blueprint Stories

Website Score Kompas