Websites · Uit de praktijk

Waarom ik geen nieuwe WordPress-websites meer bouw

Evert Oosterling ·

Sinds twee jaar bouw ik nieuwe websites met HTML en CSS. Daarvoor werkte ik met WordPress. Die overstap heb ik bewust gemaakt. Ik wil zelf kunnen bepalen hoe een website wordt opgebouwd en welke onderdelen er nodig zijn. Bij veel bedrijfswebsites vind ik het prettig om met een overzichtelijke basis te werken.

Mijn thuiswerkplek met een eiken hoekbureau, twee beeldschermen en een warme bureaulamp

Dat betekent niet dat ik geen WordPress-websites meer onderhoud. Bij Mediabureau Zeeland neem ik nog steeds onderhoudscontracten over van bestaande WordPress-websites. Heb je al een WordPress-website en zoek je iemand die het onderhoud verzorgt? Dan kun je daarvoor gewoon bij mij terecht. Je hoeft je website dus niet te vervangen omdat ik nieuwe websites anders bouw.

In dit artikel leg ik uit waarom ik ben overgestapt, wat het verschil in de praktijk betekent en hoe ik omga met snelheid, onderhoud en AI.

Waarom ik anders ben gaan bouwen

WordPress is een systeem waarmee je een website kunt beheren. Je kunt inloggen om een tekst te wijzigen, een foto te vervangen of een nieuwsbericht te plaatsen. Voor sommige bedrijven is dat handig en ook echt nodig.

Er zijn bovendien veel uitbreidingen beschikbaar. Die heten plugins. Daarmee voeg je bijvoorbeeld een contactformulier, een fotogalerij of andere functies toe. Zo kan een website uit steeds meer losse onderdelen gaan bestaan: WordPress zelf, een ontwerp, een programma om pagina’s op te bouwen en verschillende plugins.

Die onderdelen hebben hun eigen instellingen en updates. Ze moeten ook goed met elkaar blijven samenwerken. Voor een uitgebreide website kan dat een logische keuze zijn. Maar bij veel bedrijfswebsites wil ik vooral een duidelijke plek maken waar bezoekers snel kunnen vinden wat het bedrijf doet en hoe ze contact kunnen opnemen.

Daarom ben ik met HTML en CSS gaan werken. Ik kan daarmee gericht bouwen wat er voor een project nodig is. Dat geeft mij meer grip op de indeling, de opmaak en de technische onderdelen die ik gebruik.

Wat HTML en CSS eigenlijk doen

Met HTML zet ik de inhoud op zijn plek. Denk aan een titel, een tekst, een foto en een knop. Met CSS bepaal ik hoe dat eruitziet. Daarmee regel ik de kleuren, het lettertype, de afstanden en de weergave op een telefoon.

Als er extra bediening nodig is, gebruik ik bijvoorbeeld JavaScript. Dat kan zorgen voor een uitklapbaar menu. Voor het verwerken van een formulier kan een klein onderdeel op de server nodig zijn.

WordPress maakt uiteindelijk óók HTML voor de browser. Het verschil zit vooral in wat erachter gebeurt. WordPress gebruikt een beheersysteem dat informatie samenbrengt. Bij een eenvoudige HTML-website kunnen de pagina’s al als kant-en-klare bestanden klaarstaan.

Een website met HTML is daardoor niet vanzelf beter. Een onhandig gebouwde HTML-website kan ook traag zijn of lastig werken. Het gaat erom hoe je de website maakt en of die past bij het bedrijf.

De verschillen in de praktijk

Hieronder vergelijk ik een eenvoudige website op maat met HTML en CSS met een WordPress-website. Er bestaan allerlei tussenvormen. Ook aan een HTML-website kan bijvoorbeeld een beheeromgeving worden toegevoegd.

HTML en CSS op maat naast WordPress
OnderdeelHTML en CSS op maatWordPress
Een tekst aanpassenBij een eenvoudige uitvoering gebeurt dit in de bestanden, vaak door de webbouwer.Meestal kun je zelf inloggen en de tekst in het beheersysteem aanpassen.
Technisch onderhoudGeen WordPress- of pluginupdates. De hosting, formulieren en gebruikte scripts vragen nog steeds aandacht.WordPress, het ontwerp en de plugins moeten worden bijgehouden en gecontroleerd.
LaadtijdEen lichte opbouw is goed mogelijk. Grote foto’s en onnodige scripts kunnen ook deze website vertragen.Kan snel werken. De gekozen opbouw, plugins, caching, foto’s en hosting maken veel verschil.
Vrijheid in het ontwerpIk kan de indeling rechtstreeks maken zoals die voor het bedrijf nodig is.Veel is mogelijk. Hoe vrij je kunt werken, hangt mede af van het ontwerp en de gebruikte hulpmiddelen.
UitbreidingenFuncties worden gericht toegevoegd of gekoppeld. Dat kan maatwerk vragen.Er zijn veel bestaande plugins. Die moeten wel passen bij de website en elkaar.
KostenAfhankelijk van het ontwerp, de functies, hosting en het afgesproken onderhoud.Ook afhankelijk van de opbouw. Betaalde thema’s of plugins kunnen extra kosten geven.
VeiligheidEen eenvoudige website kan minder technische onderdelen hebben. Veilige hosting en formulieren blijven nodig.Goed beheer en tijdige updates zijn belangrijk. Veiligheid hangt ook af van instellingen en hosting.

Wat betekent dat voor de laadtijd?

Een bezoeker wil niet wachten tot een website klaar is. Toch kun je niet zomaar zeggen dat iedere HTML-website sneller is dan iedere WordPress-website. Daarvoor zou je dezelfde inhoud, op dezelfde hosting en onder dezelfde omstandigheden moeten vergelijken.

Een belangrijke oorzaak van wachten is de hoeveelheid informatie die een telefoon moet binnenhalen. Een grote foto kan daarin veel verschil maken. Ook wanneer de rest van de pagina netjes is gebouwd.

Neem de foto van mijn bureau bovenaan dit artikel. Het bewerkte PNG-bestand is 2,31 MB. De grootste webversie die ik hier gebruik is ongeveer 168 kB. Dat is bijna 93 procent minder afbeeldingsdata. Op een telefoon kan bovendien een kleinere versie van diezelfde foto worden geladen.

Een concreet voorbeeld met de foto uit dit artikel

Groot bewerkingsbestand2,31 MB
Grootste webversie168 kB
Bijna 93% minder dataGemeten aan de twee bestanden van deze afbeelding.

Bij een constante verbinding van 10 Mbit per seconde kost alleen het binnenhalen van deze foto theoretisch ongeveer 1,85 seconde tegenover 0,13 seconde. Wachttijd van de server en het opbouwen van het beeld zijn hierin niet meegerekend. Dit is een rekenvoorbeeld met echte bestandsgroottes, geen volledige laadtijdmeting en geen WordPress-benchmark.

Zo’n verbetering kun je ook op een WordPress-website doen. Dat vind ik belangrijk om erbij te zeggen. Mijn keuze voor HTML en CSS helpt mij om gericht op de opbouw te letten, maar zorgvuldig werken blijft nodig.

Ik kijk daarom ook naar de afmetingen van afbeeldingen, de volgorde waarin onderdelen laden en de hoeveelheid scripts die een pagina gebruikt. Een afbeelding onderaan hoeft bijvoorbeeld meestal niet tegelijk met het eerste scherm binnen te komen. Wie zelf wil kijken hoe deze pagina presteert, kan de pagina laten testen met Google PageSpeed Insights. De uitkomst hangt af van de testomstandigheden.

Onderhoud blijft nodig

Ook een HTML-website moet worden bijgehouden. Contactgegevens veranderen, een medewerker vertrekt of er komt een nieuwe dienst bij. Links moeten blijven werken en een formulier moet een aanvraag goed verwerken.

Het verschil zit vooral in de onderdelen die onderhouden worden. Bij een eenvoudige HTML-website hoeft geen WordPress-installatie met plugins bijgewerkt te worden. Dat kan de basis overzichtelijker maken. De server en eventuele extra functies hebben nog steeds aandacht nodig.

Ik wil goed kunnen overzien wat er in een website zit. Dan weet ik ook waar ik moet kijken als iets aangepast moet worden. Lees ook wat websiteonderhoud inhoudt als je wilt weten welke afspraken daarbij horen.

Zelf teksten en foto’s aanpassen

Bij een eenvoudige HTML-website is er geen inlogscherm zoals je dat misschien van WordPress kent. Een wijziging wordt dan in de bestanden gedaan. Voor een bedrijf dat af en toe iets aanpast, kan dat prima werken. Een nieuw telefoonnummer, een andere foto of een aanvulling op een dienstenpagina kan ik verwerken.

Wil je iedere week zelf berichten plaatsen? Of werken meerdere medewerkers regelmatig aan de inhoud? Dan bespreken we vooraf hoe het beheer moet worden geregeld. Een beheeromgeving kan dan nuttig zijn. Dat gesprek hoort voor mij bij het maken van een website.

Het is ook mogelijk om een HTML-website later door een ICT-afdeling te laten onderhouden. Daarvoor zijn de bronbestanden en een duidelijke uitleg belangrijk. Bij gedeelde onderdelen, zoals het menu en de footer, hoeft een wijziging dan maar op één plek te worden gedaan.

Hoe ik AI gebruik bij mijn werk

Ik gebruik AI beperkt als hulpmiddel. Ik wil dat een website herkenbaar blijft als het bedrijf en de mensen erachter. Vooral bij teksten let ik daar goed op.

Ik kom regelmatig teksten tegen waarbij ik al snel het gevoel krijg dat ze automatisch zijn gemaakt. Ze bevatten veel algemene beloften, korte oneliners en steeds dezelfde soort zinnen. De woorden klinken netjes, maar na het lezen weet je nog weinig over het bedrijf.

Ook de opbouw kan steeds hetzelfde voelen. Een grote uitspraak bovenaan, een rij voorspelbare tussenkopjes en onderaan weer een opvallende zin. Dat is niet de manier waarop ik het verhaal van een ondernemer wil vertellen.

Een ondernemer heeft meestal genoeg te vertellen over het dagelijkse werk. Hoe verloopt een aanvraag? Waar letten de medewerkers op? Welke vragen stellen klanten vaak? Daar heeft een bezoeker iets aan. Een tekst hoeft niet overal een slimme uitspraak of een quote te bevatten.

Als ik AI gebruik voor een eerste aanzet, moet de inhoud daarna nog worden bekeken. Kloppen de gegevens? Passen de woorden bij de ondernemer? Kan een overbodige zin weg? Datzelfde geldt voor beelden. De foto bij dit artikel komt bijvoorbeeld voort uit mijn eigen kantoorfoto’s. De ruimte blijft herkenbaar, terwijl het bureau en de aankleding digitaal zijn verfraaid.

WordPress-onderhoud blijf ik overnemen

Mijn overstap gaat over de manier waarop ik nieuwe websites bouw. Bestaande WordPress-websites blijven welkom voor onderhoud.

Ik neem nog steeds onderhoudscontracten over. Daarbij kijk ik naar de huidige situatie: hoe de website is opgebouwd, welke onderdelen worden gebruikt en wat er nodig is om hem goed te blijven beheren. Soms is een bestaande WordPress-website nog prima geschikt voor het bedrijf. Dan is er geen reden om alleen vanwege mijn eigen werkwijze opnieuw te beginnen.

Is een website aan vervanging toe, dan bespreken we welke aanpak past bij de volgende versie. De inhoud, de gewenste functies en het toekomstige beheer bepalen samen wat verstandig is.

Wil je een nieuwe website laten maken of het onderhoud van je bestaande WordPress-website overdragen? Neem gerust contact op met Mediabureau Zeeland. Dan kijken we samen naar jouw website en wat je ermee wilt doen.