SiteScore: website-check voor niet-technische gebruikers

Waarom ik SiteScore bouwde

Veel ondernemers weten dat hun website “werkt”, maar niet of hij technisch goed in elkaar zit. SiteScore is gebouwd om die kloof kleiner te maken: je vult een domein in en krijgt snel een begrijpelijke analyse van punten die normaal in Lighthouse-rapporten, browsertools of SEO-checklists verstopt zitten.

De aanleiding was ook praktisch. Ik zocht al langer naar een eenvoudige manier om websites consequent naar een technisch hoog niveau te brengen, zonder telkens losse tools, handmatige checklists en versnipperde rapporten naast elkaar te leggen.

De tool kijkt naar performance, vindbaarheid, social previews, redirects, security headers en de basisstructuur van een website. Het doel is niet om mensen te overladen met technische details, maar om duidelijk te maken waar verbetering mogelijk is en welke punten prioriteit hebben.

Hoe het is opgebouwd

De publieke interface is een snelle statische Astro-site met Preact-islands en Tailwind CSS, via Netlify gedeployed als statische build. De scan zelf draait via een Node.js/Express API op een eigen VPS. Die backend voert de analyse uit, bewaakt de invoer, past rate limiting toe en controleert origin headers om misbruik te beperken.

Voor browser-gebaseerde checks gebruikt de backend Puppeteer met headless Chrome. Snellere HTML- en metadata-controles worden uitgevoerd met Cheerio en directe HTTP/header checks. Lighthouse-scores en Core Web Vitals worden via de Google PageSpeed Insights API opgehaald voor mobiel en desktop. Daardoor kan SiteScore echte browserresultaten, Lighthouse-data en snelle technische checks combineren.

De scan is privacy-first opgezet. Resultaten worden direct verwerkt om het rapport te tonen. Alleen wanneer een gebruiker zijn e-mailadres invult voor een uitgebreider rapport of contact, worden de leadgegevens en scancontext opgeslagen en per e-mail verwerkt.

Testen en kwaliteit

De backend heeft tests rond routes en scenario’s met Jest en Supertest. Daarnaast test ik scanflows handmatig met websites die bewust verschillende problemen hebben: ontbrekende metadata, redirectketens, foutieve social previews, zwakke security headers, ongeldige URLs en websites die traag of onvoorspelbaar reageren.

De frontend wordt als statische build gecontroleerd en met Lighthouse getest. Dat is bewust onderdeel van het project: een tool die websitekwaliteit beoordeelt moet zelf ook snel, toegankelijk en betrouwbaar zijn. Sinds ik SiteScore gebruik tijdens de bouw en oplevering van websites, haal ik consequent 100%-scores op de technische checks, inclusief Lighthouse.

Context

SiteScore sluit aan bij mijn werk aan snelle statische websites via Wooning Solutions. Het maakt zichtbaar wat ik tijdens ontwikkeling toch al belangrijk vind: websites moeten snel laden, goed indexeerbaar zijn, duidelijke metadata hebben en technisch netjes reageren.

Voor mij is SiteScore daarom vooral een praktisch hulpmiddel geworden. Het brengt de belangrijkste kwaliteitschecks samen op een manier die ik tijdens ontwerp, bouw en oplevering kan blijven gebruiken.

Bekijk het live project op sitescore.wooning.cz.