Webdesign

In webdesign bedoelen we hiermee het startscherm. Hetgeen je ziet wanneer de website laadt en je niet naar beneden scrollt.

Dit scherm en deze eerste indruk moet meteen de belangrijkste informatie tonen, alsook de bezoeker genoeg overtuigen om verder te kijken.

Een API is een afspraak waarmee twee systemen gegevens uitwisselen zonder dat er een mens tussen zit. Je webshop vraagt via een API de voorraad op in je boekhoudpakket, of stuurt een bestelling door naar je verzendpartner.

Het is de basis van elke koppeling. Hoe beter de API van een pakket gedocumenteerd is, hoe goedkoper de integratie uitvalt.

Door de geografische nabijheid van de server tot de gebruiker te verminderen, kunnen CDNs de laadtijd van webpagina’s verkorten, de bandbreedte verminderen en de algehele prestaties en betrouwbaarheid van een website verbeteren.

Ze slaan kopieën op van statische en soms dynamische inhoud van een website, zoals afbeeldingen, CSS, JavaScript en video’s, en leveren deze inhoud van de dichtstbijzijnde server aan de locatie van de gebruiker.

Lees meer: Test de snelheid van jouw website: tips en tools
Lees meer: 7 tips om de snelheid van je website te verbeteren

Gzip en Brotli zijn manieren waarop je server tekstbestanden ingepakt verstuurt, waarna de browser ze weer uitpakt. HTML, CSS en JavaScript worden er tot 70 procent kleiner van. Brotli is de nieuwere en doorgaans efficiëntere van de twee.

Het staat op de meeste moderne servers standaard aan. Staat het uit, dan is het de goedkoopste snelheidswinst die er bestaat.

Een cookiebanner is de melding waarin je bezoeker toestemming geeft of weigert voor cookies die niet strikt noodzakelijk zijn, zoals die van analytics en advertenties. Volgens de GDPR en de ePrivacy-regels mag je die cookies pas plaatsen ná toestemming, en weigeren moet even makkelijk zijn als aanvaarden.

Een banner die alleen “OK” toont, voldoet dus niet. Reserveer ook ruimte voor de banner in je opmaak, anders springt je pagina bij het laden.

Core Web Vitals zijn de drie meetwaarden waarmee Google de gebruikservaring van een pagina beoordeelt: hoe snel het grootste element verschijnt (LCP), hoe snel de pagina reageert op een klik (INP) en hoeveel de inhoud nog verspringt tijdens het laden (CLS). Ze meten niet hoe mooi je site is, maar hoe prettig hij aanvoelt.

De drempelwaarden

Google noemt een pagina goed bij een LCP onder 2,5 seconden, een INP onder 200 milliseconden en een CLS onder 0,1. Die cijfers komen uit echte bezoekersdata, niet uit een test op jouw laptop.

Wat je eraan doet

De grootste winst zit meestal in afbeeldingen: te grote bestanden, geen moderne indeling en geen afmetingen in de code. Daarna volgen te veel scripts van derden en trage hosting. Reserveer ruimte voor banners en cookiemeldingen, anders springt je inhoud alsnog.

Voorbeelden van cross-selling in een webshop:

• Bij het kopen van een smartphone wordt een telefoonhoesje of schermbeschermer voorgesteld.
• Een klant koopt een laptop, en er wordt een bijpassende muis of laptopstandaard aanbevolen.
• Bij de aanschaf van een jurk wordt een bijpassende tas of accessoires zoals sieraden getoond.

Cross-selling helpt klanten om een completere oplossing te vinden voor hun behoeften en kan tegelijkertijd de gemiddelde orderwaarde van een webshop verhogen. Het is een subtiele manier om klanten te wijzen op producten die ze anders misschien niet zouden overwegen, maar die wel hun winkelervaring verbeteren.

Een databank is de plek waar de inhoud van je website bewaard wordt: pagina's, berichten, producten, bestellingen en gebruikers. De website zelf is de laag die die gegevens ophaalt en toont. WordPress gebruikt daarvoor MySQL of MariaDB.

Dat verklaart waarom een back-up van alleen je bestanden niet volstaat. Zonder databank heb je wel je thema, maar geen enkele pagina.

Een designsysteem is de vastgelegde verzameling bouwstenen van een website: kleuren, typografie, knoppen, formulieren en hun gedrag. Elke nieuwe pagina wordt uit diezelfde onderdelen samengesteld, waardoor alles consistent blijft en sneller gebouwd wordt.

Voor kleine sites is een stijlgids genoeg. Zodra meerdere mensen aan dezelfde site werken, verdient een designsysteem zichzelf snel terug.

Handige link: https://www.whatsmydns.net/

Frontend-ontwikkeling houdt zich bezig met de vertaling van het ontwerp van een website in code die browsers kunnen lezen, meestal met behulp van HTML, CSS en JavaScript.

FTP en SFTP zijn protocollen om bestanden tussen je computer en je webserver te verplaatsen. Het verschil zit in de beveiliging: FTP stuurt je gebruikersnaam en wachtwoord onversleuteld over het internet, SFTP versleutelt alles.

Gebruik dus altijd SFTP. Wie in 2026 nog gewone FTP aanbiedt, geeft daarmee een signaal af over de rest van zijn beveiliging.

Een headless CMS bewaart alleen je inhoud en levert die via een API af; hoe die inhoud eruitziet, bepaalt een aparte website of app. Het “hoofd” (de laag die pagina’s toont) is losgekoppeld van het beheer.

Voordeel: dezelfde inhoud voedt je website, je app en een scherm in de winkel. Nadeel: je hebt altijd een ontwikkelaar nodig om iets aan de vormgeving te veranderen. Voor een doorsnee bedrijfswebsite is een gewoon CMS vaak praktischer.

Lees meer: Test de snelheid van jouw website: tips en tools
Lees meer: 7 tips om de snelheid van je website te verbeteren

Minificatie is het weghalen van alles wat een browser niet nodig heeft uit je CSS en JavaScript: spaties, regeleinden, commentaar en lange variabelenamen. De code doet exact hetzelfde maar is vaak 20 tot 40 procent kleiner.

Kleinere bestanden laden sneller, wat rechtstreeks meetelt in je Core Web Vitals.

Mobile first betekent dat je een website eerst ontwerpt voor het kleinste scherm en pas daarna uitbreidt naar tablet en desktop. Dat dwingt je om te kiezen wat echt belangrijk is, want op een telefoon past maar één boodschap tegelijk.

Google indexeert bovendien de mobiele versie van je site. Wat daar ontbreekt, telt niet mee voor je posities.

PHP is de programmeertaal waarin WordPress, WooCommerce en een groot deel van het web geschreven zijn. De code draait op de server: die stelt de pagina samen en stuurt alleen het resultaat naar de browser van de bezoeker.

De versie waarop je site draait, telt. Oude PHP-versies krijgen geen beveiligingsupdates meer en zijn merkbaar trager dan de huidige.

Een Progressive Web App is een website die zich gedraagt als een app: je kunt hem op je beginscherm zetten, hij werkt deels offline en hij kan meldingen sturen. Je installeert niets uit een appstore, het blijft gewoon je website.

Interessant voor webshops en tools die klanten vaak opnieuw gebruiken. Voor een brochuresite voegt het weinig toe.

Voorbeelden hiervan zijn Combell, One.com en Vimexx.

Render blocking betekent dat de browser moet wachten met het tonen van je pagina tot een bepaald bestand binnen is, meestal een stylesheet of een script in de head. De bezoeker kijkt intussen naar een wit scherm.

De oplossing is niet meer bestanden verplaatsen naar onderaan, maar minder kritieke code laden: alleen de stijlen die je bovenaan nodig hebt, de rest achteraf.

Bij shared hosting staat jouw website samen met tientallen tot honderden andere sites op dezelfde server, die het geheugen en de rekenkracht onder elkaar verdelen. Het is de goedkoopste vorm van hosting en voor een gewone bedrijfswebsite vaak ruim voldoende.

Het nadeel merk je op drukke momenten: een buursite die veel opvraagt, vertraagt de jouwe. Bij een webshop met echte omzet is dat een reden om door te groeien.

Een slider is een blok waarin meerdere beelden of boodschappen elkaar afwisselen op dezelfde plek. Ze zijn populair bij opdrachtgevers omdat iedereen zijn boodschap bovenaan kwijt kan.

In de praktijk ziet vrijwel niemand de tweede slide, en ze vertragen je pagina. Eén sterke boodschap boven de vouw werkt bijna altijd beter.

Wanneer jouw website of webshop een SSL certificaat heeft, toont dit een ‘slotje’ links in de URL balk. Al verschilt dit per webbrowser.

Een staging-omgeving is een afgeschermde kopie van je website waarop je wijzigingen test voordat ze live gaan. Zelfde inhoud, zelfde instellingen, andere URL en afgeschermd voor zoekmachines.

Het is het verschil tussen een mislukte update die niemand ziet en een webshop die op zaterdagavond plat ligt. Bij hosting en beheer hoort zo’n omgeving standaard.

Een sticky header blijft bovenaan in beeld terwijl de bezoeker naar beneden scrollt, zodat het menu en de belangrijkste knop altijd bereikbaar blijven. Op lange pagina's verhoogt dat meetbaar het aantal kliks op de call-to-action.

Houd hem laag. Een balk die een derde van een telefoonscherm inneemt, kost meer dan hij oplevert.

Een subdomein is een apart adres onder je hoofddomein, zoals shop.jouwbedrijf.be of blog.jouwbedrijf.be. Technisch gedraagt het zich als een zelfstandige website: eigen inhoud, eigen instellingen, soms zelfs een andere server.

Voor SEO betekent dat ook iets: Google behandelt een subdomein deels los van je hoofddomein, waardoor de autoriteit niet vanzelf meeloopt. Een map (jouwbedrijf.be/blog) is daarom meestal de betere keuze.

Webtoegankelijkheid betekent dat iedereen je site kan gebruiken, ook met een screenreader, zonder muis of met kleurenblindheid. De WCAG-richtlijnen leggen vast wat daarvoor nodig is: voldoende contrast, bedienbaar met het toetsenbord, alternatieve tekst bij afbeeldingen en formulieren met echte labels.

Waarom het nu ook juridisch telt

Sinds de European Accessibility Act in juni 2025 van kracht werd, moeten webshops en veel dienstverleners in de EU toegankelijk zijn. Voor overheidssites gold dat al langer.

Waar je begint

Contrast en toetsenbordbediening leveren de meeste winst voor de minste moeite. Test je site eens door alleen met de tab-toets door een bestelproces te gaan, dat legt de pijnpunten meteen bloot.

Voorbeelden van upselling in een webshop:

• Een klant kiest een laptop, maar tijdens het afrekenen wordt een model met meer opslag of een betere processor voorgesteld.
• Bij de aankoop van een smartphone wordt de klant gewezen op een versie met meer geheugen of een betere camera.

Het doel van upselling in webshops is om de gemiddelde orderwaarde te verhogen en klanten een betere, maar vaak duurdere optie te bieden die beter aansluit bij hun behoeften.

Uptime is het percentage van de tijd dat je website bereikbaar is. Hosters beloven vaak 99,9 procent, wat neerkomt op zo'n negen uur onbereikbaarheid per jaar. 99 procent klinkt bijna hetzelfde maar betekent bijna vier dagen.

Laat het meten door een externe dienst die elke minuut controleert. Anders hoor je van je klanten dat je site plat lag.

Een VPS (Virtual Private Server) is een afgeschermd deel van een fysieke server met eigen geheugen, processorkracht en opslag die niemand anders kan opsnoepen. Je deelt de machine nog steeds, maar niet je capaciteit.

Je betaalt meer dan voor shared hosting en er komt beheer bij kijken. In ruil krijg je voorspelbare snelheid, wat voor een webshop het verschil maakt tussen een vlotte en een stroperige kassa.

Een webfont is een lettertype dat de browser meelaadt, zodat je site er bij iedereen hetzelfde uitziet en niet afhankelijk is van wat er op het toestel van de bezoeker staat. Google Fonts is de bekendste bron, maar je kunt de bestanden ook zelf hosten.

Beperk je tot twee of drie gewichten. Elk extra gewicht is een apart bestand dat geladen moet worden voordat je tekst verschijnt.

Een webhook is een berichtje dat een systeem automatisch naar een ander systeem stuurt zodra er iets gebeurt: een bestelling geplaatst, een betaling gelukt, een formulier verzonden. Het omgekeerde van een API die je zelf moet bevragen.

Het scheelt wachttijd en serverbelasting: je hoeft niet elke minuut te vragen of er iets nieuws is.

WebP en AVIF zijn moderne beeldformaten die dezelfde foto in veel minder bytes bewaren dan JPEG of PNG, vaak 25 tot 50% kleiner bij hetzelfde zichtbare resultaat. Elke moderne browser ondersteunt ze.

Omdat afbeeldingen doorgaans het zwaarste onderdeel van een pagina zijn, is overstappen een van de snelste manieren om je Core Web Vitals te verbeteren.

Dit helpt gebruikers om hun locatie op een website te begrijpen en gemakkelijk terug te navigeren. Ook voor zoekmachines zoals Google is dit erg belangrijk om de structuur van je webpagina’s te begrijpen.

Hostingbedrijven bieden de technologie en diensten die nodig zijn voor een website of webpagina om bekeken te worden op het internet. Websites worden gehost, of opgeslagen, op speciale computers genaamd servers. Wanneer iemand de domeinnaam van uw website wil bekijken, wordt hun computer verbonden met de server waar uw website wordt gehost.

Wij bieden ook zelf hosting aan voor onze klanten.

Een wireframe is een schets van een pagina zonder kleur, beeld of definitieve tekst: blokken die tonen wat waar komt en hoe belangrijk het is. Het doel is de structuur bespreken vóór er over vormgeving gepraat wordt.

Het bespaart tijd, omdat een verschuiving in een wireframe vijf minuten kost en in een afgewerkt ontwerp een halve dag.