$ cd ~/portfolio/selfdefense-apeldoorn
Twaalf pagina's, één bron van waarheid
Een nieuwe site voor de zelfverdedigings- en vechtsportschool van Harold van der Rijst in Apeldoorn. Zes disciplines, dertien lessen per week, de tarieven en zijn hele cv — allemaal gegenereerd uit één databestand, zodat een gewijzigde lestijd overal tegelijk verandert.
- Type
- Website
- Pagina's
- 12, plus een 404
- Inhoud
- Uit één databestand
- CSS / JS
- 7,2 kB / 1,5 kB gzip
De aanleiding
Een vechtsportschool wordt gevonden op twee dingen: welke les wanneer draait en wat hij kost. Op de oude site stonden die gegevens verspreid over losse pagina's, en zodra er één lestijd verschoof, klopte de andere pagina niet meer.
Hetzelfde geldt voor naam, adres en telefoonnummer. Inconsistente contactgegevens tussen pagina's zijn de meest voorkomende fout in lokale vindbaarheid, en die ontstaat vanzelf zodra je ze op twaalf plekken onderhoudt.
Daar kwam bij dat steeds meer van dat zoekwerk niet meer bij Google eindigt maar bij een AI-assistent. Die haalt zijn antwoord uit wat een site expliciet vertelt over wie er lesgeeft, wanneer en voor hoeveel — en precies dat stond nergens machineleesbaar.
Wat er gebouwd is
Adres, telefoonnummer, rooster, tarieven en cv staan precies één keer in één databestand. De twaalf pagina's, de navigatie, de sitemap, de gestructureerde data en de llms.txt worden daar allemaal uit gegenereerd. Wijzigt een lestijd, dan verandert hij tegelijk op de roosterpagina, op de lespagina, in de veelgestelde vragen en in de openingstijden van de schema. Die inconsistentie kan er dus domweg niet meer in komen.
Het palet komt uit het logo zelf — olijfgroen op bijna-zwart — en niet uit de standaardkleuren van het oude thema. Gemeten contrast loopt van 6,2 tot 17,4 op 1, ruim boven de toegankelijkheidsnorm. Eén bewust donker thema, zelf gehoste letters, en beweging die blijft bij schuiven en vervagen en uitblijft voor wie beweging heeft uitgezet.
De oude site toonde uitsnedes van 400 bij 400 pixels uit DSLR-opnames die nog op de server stonden. Die originelen zijn opnieuw door een eigen beeldpijplijn gehaald: bijsnijden, verkleinen, gericht verscherpen, WebP met JPEG-terugval in drie breedtes. Hero-beelden krijgen twee uitsnedes, breed en smal, zodat een telefoon niet op het midden inzoomt en vooral vloer en plafond laat zien.
Voor de vindbaarheid draait de site op gestructureerde data in plaats van trefwoorden: elke les met zijn eigen rooster, de maandtarieven als echte prijsopgave, Harolds vijf dangraden en instructeurscertificeringen letterlijk uit het zichtbare cv, en zesendertig veelgestelde vragen die stuk voor stuk uit rooster en tarieven zijn afgeleid en dus controleerbaar zijn. Bewust géén beoordelingen in de schema: er is er nog geen enkele, en verzonnen beoordelingsmarkering is een reden voor een handmatige sanctie.
Speelt er bij jou iets vergelijkbaars?
Vertel wat er nu handmatig gaat of waar het vastloopt. Je hoort meestal dezelfde dag wat er mogelijk is.
