// case
Deze site: 50 landingspagina's die moeten ranken
De site die je nu bekijkt. Naast de gebruikelijke pagina's staan er vijftig uitgewerkte toepassingen, elk met eigen content, een eigen interactieve visual en structured data. Het beste bewijs van wat we onder een goede website verstaan.
- opdrachtgever
- omCode
- sector
- Eigen bedrijfssite
- resultaat
- Lighthouse 90+ op alle assen
// beginsituatie
Waar het begon
Een nieuw bedrijf zonder klanten, zonder cases en zonder posities in Google. De site moest zelf het bewijs worden dat we weten waar we het over hebben.
Een nieuwe naam vindt niemand. Zoeken op de bedrijfsnaam levert niets op als niemand die naam kent, dus moesten we vindbaar worden op wat mensen wél intypen.
En een AI-bureau met een middelmatige eigen site is een moeilijk verhaal. Wat je verkoopt moet je eerst zelf laten zien.
// de rol van AI
In deze site zit geen AI. AI zat in het bouwproces, en dat verschil is precies waar we het over willen hebben.
Een AI-bureau dat een chatbot op zijn eigen site zet om te bewijzen dat het AI kan, bewijst niets. Wij hebben het omgedraaid: geen AI-functies voor de bezoeker, wel een site die met AI is gebouwd in weken in plaats van maanden. Dat is hetzelfde gereedschap dat we bij klanten inzetten.
waar AI het werk doet
- 1
Bouwen met een AI-assistent
Componenten, pagina's en de opzet van de content zijn samen met een AI-assistent gemaakt, in een lus van voorstellen doen, nakijken en bijsturen. Elke regel is beoordeeld door een mens voordat hij bleef staan.
Claude, via Claude Code
- 2
Content opzetten en aanscherpen
De 53 toepassingen zijn per stuk uitgewerkt met AI als schrijfhulp, waarbij de inhoud, de prijzen en de voorbeelden van ons komen. Waar het model iets aannemelijks verzon dat niet klopte, is het eruit gehaald.
Claude
- 3
Deelafbeeldingen
Elke pagina genereert zijn eigen afbeelding voor LinkedIn en WhatsApp. Dat is gewone code, geen beeldgeneratie, maar het is wel het soort werk dat je anders handmatig 92 keer zou doen.
wat bewust geen AI is
- Een chatbot voor bezoekers
- Bij een site van deze omvang met een duidelijk menu lost een chat niets op. Hij zou er alleen staan om te laten zien dat we het kunnen, en dat is precies het soort AI dat we klanten afraden.
- De keuzes over prijzen en beloftes
- Wat een agent kost, hoe lang iets duurt en wat we wel en niet garanderen: dat is bedrijfsvoering, geen tekst die je laat genereren.
- De cijfers
- Elk getal op deze site is geteld of gemeten, niet geschat door een model. De 53 toepassingen en 424 vragen zijn uit de code geteld.
en de mens dan?
Elke tekst is nagelezen en elke technische keuze is bewust gemaakt. AI versnelt het typen en het uitzoeken; het bepaalt niet wat er komt te staan.
// aanpak
Hoe we het aanpakten
Zoekvraag als uitgangspunt
Niet vijf dienstpagina's, maar 53 toepassingen die elk één concrete vraag beantwoorden, van inbox-triage tot documentcontrole.
Elke pagina echt uniek
Eigen content, eigen visual, eigen stappenplan, acht eigen FAQ-vragen en eigen cijfers. Een sjabloon vullen met synoniemen levert niets op.
Interne links meten, niet gokken
We hebben geteld hoeveel links elke pagina binnenkrijgt en dat bijgestuurd tot geen enkele pagina er nog minder dan vijf had.
Techniek vanaf het begin
Structured data, sitemap, RSS en automatisch gegenereerde deelafbeeldingen zaten er vanaf de eerste week in, niet als sluitpost.
// resultaat
Wat het opleverde
53
toepassingen met eigen content en FAQ
424
unieke vragen en antwoorden
90+
Lighthouse op alle assen
- Vijftig SEO-landingspagina's met unieke content en eigen FAQ
- Interactieve visuals: zelftypende terminal, rekentool en diagrammen
- Structured data, sitemap, RSS en automatisch gegenereerde deelafbeeldingen
- Scores van 90 of hoger op prestaties, toegankelijkheid en SEO
// architectuur
De technische keuzes
- Content als data
- Alle toepassingen staan in één bestand als gestructureerde data. Daaruit komen de pagina's, het menu, de sitemap en de interne links, dus één wijziging werkt overal door.
- Server-side gerenderd
- Alle belangrijke inhoud staat in de HTML, ook de cijfers die meetellen. Een zoekmachine of AI-crawler hoeft geen JavaScript uit te voeren om je verhaal te lezen.
- Deelafbeeldingen
- Elke pagina genereert zijn eigen afbeelding voor LinkedIn en WhatsApp, dus zonder dat iemand er handmatig een moet maken.
- Interactie zonder bibliotheken
- De terminal, de rekentool en de diagrammen zijn eigen componenten. Geen zware pakketten die de site langzaam maken.
// veiligheid en privacy
Wat we hebben dichtgezet
- Analytics laadt pas na expliciete toestemming; weiger je, dan wordt er niets van Google geladen
- De keuze wordt lokaal in de browser bewaard, niet in een cookie
- Het contactformulier heeft een verborgen veld tegen spam en verstuurt via een Europese dienst
// wat we leerden
Eerlijk achteraf
Vijftig pagina's schrijven is het werk; het bouwen ervan is een middag. Wie dit onderschat, eindigt met vijftig keer dezelfde tekst en dat werkt averechts.
Interne links moet je meten. Wij dachten dat het goed zat en ontdekten dat 33 pagina's er drie of minder binnenkregen.
Cijfers die pas na het laden verschijnen, staan als nul in de HTML. Dat zag geen mens, maar wel elke crawler.
// dit is wat we doen
Diensten die hier samenkwamen
// meer werk
Andere cases
Normy
Een AI-managementsysteem voor 32 normen
Van nulmeting tot doorlopend certificeerbaar
Bekijk case →omData
Een SaaS-portaal dat Microsoft-data bevraagbaar maakt
8 losse modules, 22 tabellen, één platform
Bekijk case →omData
Planbord: samen met je klant aan projecten werken
23 schermen, van offerte tot factuur
Bekijk case →Zoiets bouwen voor jouw bedrijf?
Vertel in een half uur wat er bij jullie speelt. Je hoort of een vergelijkbare aanpak past en wat die ongeveer kost.