Wat is een website? Hoe een website werkt

Een website is een verzameling onderling gelinkte webpagina’s, gepubliceerd onder één domeinnaam en toegankelijk voor iedereen met een internetverbinding en een webbrowser.

In de kern doet een website één of meer van deze drie dingen: informatie delen, interactie mogelijk maken of digitale diensten leveren.

De website van een lokale bakkerij deelt het menu en de openingstijden. Met een sociaal platform communiceren miljoenen mensen in realtime. Een bankportaal levert financiële diensten via je browser. Dezelfde onderliggende technologie, totaal verschillende resultaten.

Voor particulieren, bedrijven en organisaties is een website het enige stukje digitale ruimte waar je volledig zelf de controle over hebt.

In tegenstelling tot socialmediaprofielen die afhankelijk zijn van algoritmes en platformregels, bepaal je met je website precies hoe mensen je vinden, wat ze als eerste zien en hoe ze omgaan met wat je aanbiedt.

Elke website draait op een paar belangrijke onderdelen die samenwerken: een domeinnaam, webhosting, websitebestanden (HTML, CSS, JavaScript) en een webbrowser die alles samenbrengt.

Websites zijn er in allerlei vormen: informatieve sites, webshops, sociale platforms, streamingdiensten. En achter de schermen werken ze allemaal volgens hetzelfde basisproces: je browser vraagt gegevens op bij een server, en die server stuurt die binnen milliseconden terug.

Betekenis en belangrijkste kenmerken van een website

Je opent een website door de URL in een webbrowser in te typen, bijvoorbeeld https://example.com. Die URL stuurt de browser naar de juiste server, die vervolgens de webpagina’s terugstuurt die je browser daarna op het scherm weergeeft.

Elke URL heeft een vaste opbouw: protocol (https://), domeinnaam (example.com) en eventueel een pad naar een specifieke pagina (/about).

Een paar belangrijke kenmerken bepalen hoe websites in de praktijk werken.

Ze hebben een duidelijke structuur: een homepage verwijst naar onderliggende pagina’s, die pagina’s linken weer naar elkaar, en een navigatiesysteem brengt alles samen. Met deze websitestructuur kunnen bezoekers door een site navigeren en vinden wat ze nodig hebben zonder de weg kwijt te raken.

Ze zijn toegankelijk: beschikbaar voor iedereen met een internetverbinding.

En ze zijn persistent: ze blijven dag en nacht beschikbaar (zolang de hosting tenminste betaald is).

Deze eigenschappen onderscheiden een echte website van bijvoorbeeld een gedeeld Google-document of een bestand op iemands desktop.

Website versus webapplicatie

Een standaardwebsite draait vooral om het presenteren van informatie. Je leest het, bladert erdoorheen en gaat weer verder.

Een webapplicatie (of webapp) gaat een stap verder; die is gebouwd voor interactie en functionaliteit. Een nieuwsartikel lezen is bijvoorbeeld een website-ervaring, terwijl je bij het bewerken van een spreadsheet in Google Sheets een webapp-ervaring hebt.

Webapps vragen meestal om invoer van gebruikers, verwerken gegevens en reageren dynamisch. Vaak moet je inloggen en een sessie open houden.

Een restaurantwebsite laat je bijvoorbeeld het menu zien, terwijl je in een restaurant-webapp je bestelling kunt aanpassen, betalen en de bezorging in realtime kunt volgen.

Dat gezegd hebbende, vervaagt die grens steeds meer. Veel moderne websites hebben ingebouwde functies die lijken op die van webapps. Daarom helpt het om te begrijpen wat een webapplicatie is, zodat je betere keuzes maakt bij het plannen van je eigen project.

Statische versus dynamische websites

Een ander belangrijk onderscheid is dat tussen statische en dynamische websites.

Een statische website levert dezelfde vooraf gebouwde HTML-bestanden aan elke bezoeker. De content verandert niet, tenzij een ontwikkelaar de code handmatig bijwerkt.

Deze websites zijn snel, eenvoudig en goedkoop om te hosten – ideaal voor portfoliosites, landingspagina’s of websites van kleine bedrijven die niet vaak updates nodig hebben.

Een dynamische website genereert pagina’s op het moment zelf en haalt daarbij vaak content uit een database, afhankelijk van wie de website bezoekt of wat diegene doet.

Denk aan je socialmediafeed of een e-commercesite die gepersonaliseerde productaanbevelingen toont. Dat is dynamische content in de praktijk.

De keuze tussen statische en dynamische websites hangt meestal af van hoe vaak je content verandert en hoe persoonlijk de ervaring moet zijn.

Hoe een website werkt

Elke keer dat je een website bezoekt, gebeurt er achter de schermen een hele reeks dingen, en dat allemaal in milliseconden.

Websites werken volgens een client-servermodel: je browser (de client) stuurt een verzoek, en een externe server stuurt de gegevens terug die je browser nodig heeft om de pagina weer te geven.

Maak kennis met de hoofdrolspelers:

• Je webbrowser. Chrome, Firefox, Safari. Dit verstuurt het verzoek en genereert de pagina die je ziet.
• DNS (domeinnaamsysteem). Zie het als het telefoonboek van internet. Het zet de domeinnaam die je invoert (zoals example.com) om in een IP-adres dat de computer kan gebruiken.
• De webserver. De computer die de bestanden van de website opslaat en ze naar je browser stuurt als daarom wordt gevraagd.
• Jouw internetverbinding. De snelweg die data tussen je browser en de server vervoert.

Dit gebeurt er stap voor stap wanneer je een URL typt en op Enter drukt:

1. Browserverzoek. Je browser neemt de URL en verstuurt een verzoek via het internet.
2. DNS-lookup. De DNS vertaalt de domeinnaam naar het IP-adres van de server, zodat de aanvraag weet waar die naartoe moet.
3. Serverreactie. De webserver ontvangt het verzoek, zoekt de juiste bestanden op en stuurt ze terug naar je browser.
4. Browserrendering. Je browser neemt de HTML- CSS- en JavaScript-bestanden die hij heeft ontvangen en bouwt daarmee de visuele pagina op die je ziet.
5. Frontend en backend. Alles wat je ziet en waarmee je interactie hebt, is de frontend. De serverlogica, databases en verwerking die het aandrijven? Dat is de backend.

Als gebruiker merk je niets van het hele proces. Je ziet de pagina gewoon verschijnen. Maar achter de schermen stemden je browser, DNS-servers en de webserver in een fractie van een seconde alles op elkaar af om dat mogelijk te maken.

Soorten websites

Niet alle websites hebben hetzelfde doel. De handigste manier om naar verschillende soorten websites te kijken, is via hun doel: wat ze echt willen doen voor de mensen die ze bezoeken.

Hier vind je de meest voorkomende soorten websites, met voor elk type website voorbeelden.

Informatieve websites

Een informatieve website deelt kennis, geeft uitleg of biedt informatie over een onderwerp, organisatie of dienst.

Dit is de breedste categorie en die omvat alles, van een blogwebsite met kookrecepten tot een bedrijfswebsite die uitlegt wat een bedrijf doet, en educatieve bronnen zoals Wikipedia of online cursusplatforms.

Alleen blogs bestrijken al een enorm scala, en zien wat in verschillende niches werkt, kan ideeën voor je eigen werk opleveren. Enkele populaire voorbeelden van blogs zijn TechCrunch (tech), HowStuffWorks (educatie) en Pinch of Yum (eten).

De gemene deler is dat bezoekers vooral komen om content te bekijken, ook als de site later ook producten of diensten promoot.

E-commercewebsites

Een e-commercewebsite is bedoeld voor online verkoop. Deze sites hebben productpagina’s met beschrijvingen en afbeeldingen, winkelwagentjes en afrekenprocessen die betalingen en verzending afhandelen.

Denk aan Amazon, Etsy of de online winkel van je favoriete kledingmerk.

E-commercesites zijn een stap complexer dan informatieve websites, omdat ze veilige betalingsverwerking, voorraadbeheer en vaak ook gebruikersaccounts nodig hebben.

Ze zijn van nature dynamisch, omdat productbeschikbaarheid, prijzen en aanbevelingen voortdurend veranderen. Ben je benieuwd hoe goede eruitzien, dan zijn deze voorbeelden van e-commercewebsites het bekijken waard.

Sociale en communitywebsites

Een sociaal netwerk of communitywebsite draait om interactie en content die gebruikers zelf maken. In plaats van dat één organisatie content publiceert die bezoekers kunnen lezen, maken de gebruikers zelf de content: berichten, reacties, reviews, discussies en meer.

Platforms zoals Reddit, Facebook en Discord zijn voor de hand liggende voorbeelden, maar ook online forums, Q&A-sites en zelfs reviewplatforms zoals Yelp vallen in deze categorie.

Het belangrijkste verschil met een bedrijfswebsite is dat de waarde uit de community komt, niet van de eigenaar van de site. Dat betekent ook dat deze sites draaien op betrokkenheid.

Als mensen niets meer posten, verliest de site zijn doel. Het opbouwen ervan vraagt dat je goed nadenkt over moderatie, onboarding en dat je mensen een oprechte reden geeft om bij te dragen.

Websites voor media en entertainment

Een mediawebsite of entertainmentwebsite richt zich op het aanbieden van video- audio- of andere rijke media-inhoud. Dit zijn je streamingwebsites zoals YouTube en Netflix, maar ook nieuwsmedia, podcastplatforms en digitale tijdschriften.

Deze sites zijn vaak technisch het meest veeleisend, omdat ze grote mediabestanden snel en betrouwbaar moeten leveren aan mogelijk miljoenen gelijktijdige gebruikers.

Ze zijn bijna altijd dynamisch, vaak gepersonaliseerd en worden steeds vaker aangestuurd door aanbevelingsalgoritmen.

Als het je ooit is opgevallen dat YouTube precies lijkt te weten wat je hierna wilt kijken, dan doet de dynamische backend zijn werk – en stemt die de ervaring in realtime af op elke afzonderlijke bezoeker.

Kernonderdelen van een website

Nu je de verschillende typen kent, kijken we naar de essentiële websiteonderdelen waaruit elke site bestaat. Dit zijn de kernelementen van een website die aanwezig moeten zijn om te kunnen bestaan en werken.

Domeinnaam

Je domeinnaam is het adres van je website: de leesbare naam die mensen in hun browser intypen om je te vinden (zoals hostinger.com of jouwdomein.com).

Elke domeinnaam is uniek. Zodra je er een registreert, kan niemand anders die gebruiken zolang je de registratie blijft verlengen.

Een goede domeinnaam kiezen is belangrijker dan de meeste mensen denken. Het bepaalt hoe makkelijk mensen je vinden, je onthouden en je vertrouwen.

Kort, makkelijk te onthouden en relevant voor je merk of doel. Dat is precies de juiste balans.

Webhosting en servers

Als de domeinnaam je adres is, dan is webhosting het huis zelf. Een hostingserver is een computer (meestal in een datacenter) die alle bestanden van je website opslaat en beschikbaar maakt voor iedereen die ze opvraagt.

Wanneer iemand je site bezoekt, stuurt de browser van die persoon een verzoek naar je hostingserver, die vervolgens de benodigde bestanden terugstuurt.

De kwaliteit van je webhosting bepaalt hoe snel je site laadt, hoeveel verkeer je site aankan en hoe betrouwbaar je site online blijft.

Websitebestanden en content

Elke website bestaat uiteindelijk uit websitebestanden die je browser downloadt en verwerkt. De drie basistalen zijn HTML (de structuur en inhoud), CSS (de opmaak en lay-out) en JavaScript (de interactiviteit en het gedrag).

Naast code bestaat websitecontent uit tekst, afbeeldingen, video’s en gegevens die uit databases worden opgehaald. Een eenvoudige persoonlijke blog kan gewoon uit HTML-bestanden met een paar afbeeldingen bestaan.

Een groot e-commerceplatform heeft miljoenen productvermeldingen in databases opgeslagen, die dynamisch tot pagina’s worden samengesteld wanneer je ze opvraagt.

Webbrowser

Een webbrowser is de software waarmee je websites kunt openen. Het is de tool waarmee je websites echt bekijkt en gebruikt.

Browsers zoals Chrome, Firefox, Safari en Edge halen de ruwe HTML- CSS- en JavaScript-bestanden van een server op en zetten die om in de visuele, interactieve pagina’s die je gewend bent.

Zonder een browser zouden al die websitebestanden alleen maar regels code zijn. De browser vertaalt code naar wat je op je scherm ziet.

Elke browser doet dit net iets anders. Daarom testen webdevelopers hun sites in meerdere browsers om te controleren of alles er goed uitziet en goed werkt.

Zo maak je je eigen website

Als je nu denkt: “Ik wil er ook een bouwen,” dan is er goed nieuws: je hoeft geen developer te zijn om te beginnen.

Tools om websites te maken zijn sterk verbeterd, en de drempel om te beginnen is lager dan ooit. Het lastigste is vaak bepalen wat je moet bouwen. Als je vastloopt, zijn deze website-ideeën een goed startpunt.

Een websitebouwer is voor de meeste mensen de snelste route. Dit zijn drag-and-droptools die achter de schermen de technische zaken regelen, zodat jij je kunt richten op je content en design.

Sommige builders gebruiken nu AI om op basis van een beschrijving van je site een eerste lay-out te maken, die je daarna kunt aanpassen en publiceren, vaak binnen één middag.

Als je iets voor jezelf bouwt, zoals een portfolio, een cv-website of een creatief platform, kunnen voorbeelden van persoonlijke websites je helpen bepalen welke richting je op wilt.

Als je meer controle wilt, geven contentmanagementsystemen zoals WordPress je meer flexibiliteit, terwijl ze ook toegankelijk blijven voor mensen zonder ontwikkelervaring.

En als je goed met code overweg kunt (of het wilt leren), geeft bouwen vanaf nul met HTML, CSS en JavaScript je volledige vrijheid over elk detail.

Welke route je ook kiest, je hebt de onderdelen nodig die we hebben besproken: een domeinnaam, webhosting en je websitebestanden. Dat is de basis waarop al het andere voortbouwt.

Met deze praktische handleiding voor het maken van een website doorloop je stap voor stap het hele proces.

De basis blijft hetzelfde, of je nu een blog, een online winkel of iets lanceert waar nog niemand aan heeft gedacht. Kies je tools en ga aan de slag.

Alle tutorials op deze website voldoen aan de strenge edactionele standaarden en waarden van Hostinger.

De auteur

Katerina Bosinaki

Katerina is een Localization Project Manager bij Hostinger, met meer dan 5 jaar ervaring in projectmanagement en een achtergrond van 6 jaar als linguïst. Ze richt zich op het toegankelijker maken van technologie door complexe handleidingen om te zetten in duidelijke, eenvoudig te volgen tutorials. In haar vrije tijd, wanneer ze niet op de hoogte blijft van de laatste ontwikkelingen binnen lokalisatie, kijkt ze graag films en leest ze boeken.

Meer van Katerina Bosinaki