Hoe we de synqo-website op ons eigen CMS bouwden

Een CMS is het systeem achter een website waarmee u zelf pagina's maakt en teksten aanpast, zonder dat u code schrijft. We hadden er een kant-en-klaar kunnen nemen. We kozen ervoor er zelf een te bouwen, om drie redenen.

Ten eerste bepalen we zelf wat erin zit. De website van een bedrijf heeft vaak dezelfde soorten pagina's nodig: een dienst voorstellen, een prijs tonen, een vraag beantwoorden, een realisatie laten zien. Het CMS biedt daar blokken voor en houdt de rest bewust beperkt.

Ten tweede zit de technische basis voor zoekmachines en AI-assistenten in het CMS zelf, in plaats van in losse uitbreidingen die achteraf worden toegevoegd. Een nieuwe pagina krijgt die basis vanzelf mee.

Ten derde moet u uw website zelf kunnen beheren. Het beheer is in het Nederlands, met een handleiding die u in het beheer zelf openklikt.

synqo.be is onze eigen proef: we gebruiken wat we klanten aanbieden. Zo zien we hoe het beheer in de praktijk werkt.

Het CMS is een apart pakket. Een website die erop draait, gebruikt een vastgezette, uitgebrachte versie.

De eerste versie had pagina's, blokken en een blog. Daarna groeide het CMS in stappen: meestal kreeg een uitbreiding eerst een ontwerp en een plan, daarna de bouw met automatische tests en een aparte review. Zo kwamen er onder meer menu's, formulieren, referenties, meer blokken en de laag voor AI-assistenten bij.

Dit zijn de onderdelen waar synqo.be op steunt:

• Blokken. Een pagina bestaat uit blokken die u kiest en invult: een kop, tekst, een kort antwoord, veelgestelde vragen, stappen, een rij met feiten, een galerij, de laatste artikels. Een blokkiezer legt uit wat elk blok doet. Omdat een blok geen vrije HTML toelaat, blijft de opmaak van de site overal gelijk.

• Menu's. U stelt ze samen door items te verslepen. Een item dat naar een niet-gepubliceerde pagina wijst, verdwijnt vanzelf uit het menu.

• Formulieren. U bouwt ze zelf op met eigen velden. De inzendingen staan in het beheer en gaan per mail naar de ontvangers die u instelt. Een botcontrole houdt automatische inzendingen tegen, en de bezoeker hoeft geen puzzel op te lossen.

• Cases. Realisaties met categorieën, een eigen pagina per case en een overzicht met filterknoppen. Bekijk ze bij de cases.

• Blog. Artikels met categorieën, een inhoudsopgave, een leestijd en verwante artikels, zoals het artikel dat u nu leest.

• Beelden. Een bibliotheek met een focuspunt per beeld, een alternatieve tekst per taal en het wegfilteren van camera-informatie bij het uploaden. Een beeld dat nog op een pagina staat, kan niet per ongeluk verwijderd worden.

• Gedeelde blokken. Een tekst die op meerdere pagina's terugkomt, maakt u één keer. Past u hem aan, dan verandert hij overal tegelijk.

• Meertaligheid. Het CMS ondersteunt Nederlands, Frans en Engels, elk met eigen pagina's. synqo.be is voorlopig alleen in het Nederlands; de andere talen zijn voorbereid.

• Concept en publicatie. U bewaart een pagina als concept en publiceert ze wanneer ze klaar is, of plant de publicatie op een later moment.

Op synqo.be zelf hebben we daar een eigen regel aan toegevoegd: een artikel met een nog open plek, het teken dat er iets ingevuld moet worden, kan niet gepubliceerd worden. Zo raakt een half artikel niet per ongeluk online.

Snelheid en vindbaarheid komen uit een reeks kleine keuzes:

• Pagina's worden op de server opgebouwd, met weinig JavaScript (code die in de browser draait). De browser krijgt een kant-en-klare pagina en hoeft weinig zelf te berekenen.

• Beelden worden automatisch omgezet naar AVIF en WebP, twee moderne formaten die een foto doorgaans kleiner maken dan een gewone JPG, en in verschillende maten aangeboden. Een telefoon laadt dan geen beeld dat bedoeld is voor een groot scherm.

• Lettertypen komen van de site zelf. Er vertrekt geen verzoek naar een externe dienst om ze op te halen.

• Schone adressen. Een pagina heeft een leesbaar adres, zoals /diensten/websites. Hernoemt of verplaatst u een pagina, dan maakt het CMS zelf een doorverwijzing van het oude adres naar het nieuwe, zodat links in Google en in oude mails blijven werken.

• Een sitemap. Dat is een lijst van alle gepubliceerde pagina's die zoekmachines kunnen ophalen. Het CMS houdt hem zelf bij. Een blog zonder gepubliceerde artikels blijft er bewust uit.

• Gestructureerde gegevens. De pagina's vertellen zoekmachines in een vaste vorm, schema.org, wat erop staat: een bedrijf, een dienst met een prijs, een artikel of een reeks veelgestelde vragen.

• Titels en beschrijvingen per pagina, die u in het beheer zelf invult, en de juiste taalverwijzingen zodra er meer talen zijn.

Dat is de technische basis. Of een pagina ook hoog scoort, hangt vooral af van wat erop staat en van de concurrentie. Daarom beloven we geen plaats in Google: niemand kan dat waarmaken.

Wie een vraag stelt aan een AI-assistent, krijgt een antwoord dat kan steunen op wat websites schrijven. Zo'n assistent leest een website anders dan een mens. Het CMS komt hem op twee manieren tegemoet.

Er is een llms.txt: een tekstbestand dat een overzicht geeft van de belangrijkste pagina's van de site, met een korte uitleg erbij. En elke pagina en elk artikel bestaat ook als Markdown-versie, een eenvoudige tekstversie met alleen de inhoud, die een assistent rechtstreeks kan lezen.

AI-crawlers, de programma's die websites lezen voor zulke assistenten, zijn op synqo.be welkom. Voor crawlers die teksten verzamelen om AI-modellen te trainen, heeft het CMS een aparte schakelaar.

We schrijven hier geen bezoekersaantallen, snelheidsscores of posities in Google. Er is nog geen nulmeting, en zonder vertrekpunt is er niets om mee te vergelijken.

Wat we wel controleren, zit in de automatische tests van de site. Ze kijken onder meer of elke prijs "excl. btw" vermeldt, of interne links naar een bestaande pagina wijzen, of artikels een kort antwoord en veelgestelde vragen hebben en of er geen getallen in de tekst staan die we niet kunnen staven.

Wilt u uw eigen website meten, begin dan met drie dingen:

• Search Console, de dienst van Google die toont op welke zoektermen u verschijnt en welke pagina's problemen hebben.

• PageSpeed Insights, dat toont hoe snel een pagina laadt en wat u kunt verbeteren.

• Uw aanvragen. Tel hoeveel mensen het contactformulier invullen of bellen via uw website.

Noteer wat u ziet op een vast moment, zodat u een vertrekpunt heeft voor u iets verandert.

Een nieuwe website bouwen we op ons eigen CMS. U krijgt dus de onderdelen die u hierboven las, en u beheert uw teksten, beelden en pagina's zelf met de handleiding in het beheer. Tijdens de bouw kijkt u mee, zodat u ziet hoe uw site groeit en uw inhoud op tijd kunt aanleveren.

Het CMS kan ook na de livegang nieuwe versies krijgen. Uw website draait op een vastgezette versie, dus een nieuwe mogelijkheid verschijnt niet vanzelf op uw site. Wat er bij uw website hoort, staat in het voorstel.

Wat een website kost en wat de prijs bepaalt, leest u in wat kost een website laten maken. De richtprijzen staan op de pagina prijzen. Wat een website bij ons kan, ziet u bij websites. Twijfelt u of u liever zelf iets bouwt, lees dan zelf een website bouwen of laten maken.

Wie er achter synqo zit, leest u op over synqo.