Open een willekeurige templategalerij zonder helder doel en binnen twintig minuten vervagen de opties tot één grote brij. Dat ligt niet aan jou. Zo gaat het als je een websitetemplate probeert te kiezen voordat je weet wat hij moet doen. Eerst het filter, dan de galerij.
Neem een willekeurige bibliotheek met websitetemplates en je vindt honderden opties die er allemaal verzorgd en professioneel uitzien. Hoe meer je scrolt, hoe moeilijker de keuze wordt. Niet omdat de opties slecht zijn, maar omdat je nog niet hebt bepaald wat je eigenlijk nodig hebt. Zonder filter voordat je gaat kijken, wordt elke template even aannemelijk en even weinig overtuigend.
Websitetemplates zijn kant-en-klare paginaopmaken die je site vanaf dag één een visuele structuur geven. De juiste bespaart je uren ontwerpwerk en geeft je bezoekers een duidelijke, consistente ervaring. De verkeerde werkt je overal tegen, dwingt je in een opmaak die niet bij je content past en laat je je bedrijf in een vorm persen die voor iemand anders is gemaakt.
Deze gids loopt de keuzes door die er echt toe doen bij het kiezen van een template, in de volgorde waarin je ze het best maakt.
Wat moet je website eigenlijk doen?
Begin hier, niet bij de galerij. Schrijf voordat je naar één template kijkt op wat je website moet bereiken. Wil je dat bezoekers je bellen? Een product kopen? Een afspraak boeken? Een formulier invullen? Iets downloaden?
Dat antwoord bepaalt bijna alles over welke template past. Een template rond grote productfoto's en een winkelwagenknop is de juiste structuur voor een webshop. Een template rond een sterke openingsboodschap en een contactformulier is de juiste structuur voor een lokale dienstverlener. Ze kunnen er allebei netjes en professioneel uitzien, maar ze trekken bezoekers naar totaal verschillende acties.
Sla je deze stap over en kies je een template omdat hij er goed uitziet, dan ben je weken bezig om hem in een vorm te duwen waarvoor hij nooit is bedoeld. Je krijgt een raster met productfoto's zonder natuurlijke plek voor je dienstenlijst, of een minimale portfolio-opmaak zonder plek voor je prijzen.
Schrijf je doel op. Kijk dan door die bril naar templates. Zet de opmaak dat doel niet voorop, ga dan door.
Past de template bij jouw soort website?
Kijk naar de templates die in jouw branche steeds goed scoren en je ziet dat ze structurele patronen delen. Niet omdat iedereen elkaar kopieerde, maar omdat bepaalde opmaken bepaalde problemen beter oplossen. Bezoekers komen ook binnen met verwachtingen die zijn opgebouwd uit alle andere sites die ze in jouw categorie hebben gebruikt. Een template die die patronen te ver doorbreekt, geeft wrijving voordat iemand een woord leest.
Een restauranttemplate begint meestal met sterke foodfotografie, een kort blok met locatie en openingstijden en een reserveringsknop in het eerste scherm. Een template voor een advocatenkantoor begint meestal met een uitspraak die vertrouwen wekt, een overzicht van rechtsgebieden en een telefoonnummer dat makkelijk te vinden is. Een template voor een personal trainer begint vaak met een kop gericht op verandering en een knop "boek een sessie".
Dit zijn geen willekeurige patronen. Ze werken omdat de opmaak aansluit bij waar die doelgroep naar zoekt als ze op de pagina komen.
Kies een template die is gemaakt voor jouw soort website. De meeste templatebibliotheken ordenen op categorie, juist hierom. Gebruik die filters voordat je gaat bladeren.
Weet je nog niet precies wat voor website je bouwt? Dan is je website plannen voordat je gaat bouwen een goed begin.
Werkt de template op mobiel?
Bekijk de mobiele preview van elke template die je overweegt voordat je gehecht raakt aan hoe hij op desktop eruitziet. De meeste templates zijn tegenwoordig technisch "responsive", wat betekent dat ze meeschalen met verschillende schermen. Maar responsive en goed ontworpen voor mobiel zijn twee verschillende dingen.
Een template die er als brede desktopopmaak prachtig uitziet, kan op een telefoon veranderen in een verwarrende stapel secties. Navigatiemenu's die horizontaal uitwaaieren, zijn op een klein scherm soms lastig aan te tikken. Grote openingsafbeeldingen die op een monitor mooi domineren, kunnen je eigenlijke boodschap op mobiel onder de vouw duwen, terwijl daar de meeste van je bezoekers zitten.
Loop de mobiele preview door alsof je een klant bent. Vind je de belangrijkste knop voor actie zonder langs vier secties te scrollen? Opent het menu netjes? Blijft de tekst leesbaar? Is het telefoonnummer of de contactknop makkelijk aan te tikken?
Toont de templatebibliotheek geen mobiele preview, open dan de demo op je telefoon voordat je beslist. Wil je weten waarom dit technisch zo belangrijk is? Lees dan over responsive design.
Past de opmaak bij de content die je echt hebt?
Neem een willekeurige templatedemo en vervang de stockfoto's en de plaatsvervangende tekst door wat je echt zult hebben. Houdt hij dan nog stand?
Hier gaan veel templatekeuzes mis. De demo ziet er geweldig uit omdat hij een dozijn professionele lifestylefoto's gebruikt, mooi uitgelijnde getuigenissen van vijf tevreden klanten en korte, pakkende koppen van een copywriter. Jouw werkelijkheid is misschien drie redelijke productfoto's, één getuigenis tot nu toe en een dienstbeschrijving die langer is dan de template verwacht.
Sommige templates hebben veel beeldmateriaal nodig om te werken. Andere zijn gemaakt voor tekstrijke pagina's. Sommige gaan uit van een sectie met portretfoto's van het team, een casestudypagina, een blog en een volledige FAQ. Andere zijn bewust beknopt en minimaal.
Stem de contentverwachtingen van de template af op wat je nu hebt, niet op wat je over zes maanden hoopt te hebben. Een template die er leeg uitziet met jouw echte content is niet de juiste template, hoe goed de demo er ook uitziet.
Let op hoe de template met deze onderdelen omgaat
- Op hoeveel afbeeldingen leunt hij en van welke kwaliteit?
- Waar zit de navigatie en hoeveel pagina's kan hij aan?
- Heeft de opmaak ruimte voor een langere dienstbeschrijving, of verwacht hij een samenvatting van twee regels?
- Is er een natuurlijke plek voor getuigenissen, en heeft hij er drie of tien nodig om in balans te lijken?
Hoeveel kun je echt aanpassen?
Templates zijn startpunten, geen eindproducten. Je moet kleuren veranderen, lettertypen wisselen, afstanden aanpassen en secties verplaatsen om hem van jou te maken. De vraag is hoeveel daarvan kan zonder code te schrijven.
Sommige templates zijn flexibel en laten je secties verplaatsen, nieuwe blokken toevoegen, de opmaak van losse rijen wijzigen en bijna alles aanpassen in een visuele editor. Andere zijn stijver: je wijzigt kleuren en afbeeldingen, maar de structuur blijft vast.
Geen van beide aanpakken is fout. Een stijvere template kan sneller live zijn als hij al goed bij je content past. Een flexibelere template is beter als je bedrijf specifieke wensen voor de opmaak heeft die een standaardtemplate niet dekt.
Wees eerlijk over hoe thuis je bent in techniek. Ga je niet zoeken naar oplossingen voor opmaakproblemen of de aangepaste instellingen van een template leren, kies dan een template die minder aanpassing nodig heeft. Wil je volledige controle en vind je het prima om tijd in de editor door te brengen, zoek dan een template die flexibiliteit per sectie belooft.
Dit overweeg je het best samen met je keuze voor een websitebouwer. Hoe websitebouwers werken bepaalt hoeveel controle je hebt over het aanpassen van elke template.
Is de template gebouwd met SEO in gedachten?
Bekijk de broncode van de demopagina van een template en je ziet dat sommige zijn gebouwd met schone, gestructureerde HTML en andere een warboel zijn van elkaar overlappende elementen en inline stijlen waardoor zoekmachines ze moeilijk kunnen lezen. Je hoeft niet technisch te zijn om een paar oppervlakkige signalen te checken.
Goede templates gebruiken een juiste koppenstructuur: één H1 per pagina en daaronder logisch H2- en H3-secties. Ze laden snel, omdat ze niet vol zitten met te grote afbeeldingsbestanden en ongebruikte code. Ze verstoppen belangrijke tekst niet in afbeeldingen of dynamische effecten die zoekmachines moeilijk kunnen indexeren.
Snelheid is extra belangrijk. Een template die traag laadt door grote achtergrondvideo's of opgeblazen animaties, scoort slechter in zoekresultaten en frustreert bezoekers met een trage verbinding. Check de demopagina van de template in een snelheidstest voordat je kiest.
Wil je begrijpen hoe SEO samenwerkt met de structuur van je website? In wat SEO is en hoe het werkt staat de basis uitgelegd.
Passen kleur en stijl echt bij je merk?
Dit lijkt vanzelfsprekend, maar het is de moeite waard om concreet te zijn. Templates hebben een standaard kleurenpalet en lettertypecombinatie. De meeste kun je veranderen. Maar de onderliggende stijl van een template, de afstanden, de energie en of hij minimaal of gedurfd, warm of zakelijk aanvoelt, verander je meestal niet door alleen kleuren te wisselen.
Een template met zware randen, sterke contrasten en overdreven grote letters heeft een bepaald karakter. Is je bedrijf een rustige dienst die op vertrouwen draait, zoals therapie of financieel advies, dan past dat karakter slecht, ook als je elke kleur verandert naar iets neutraals. Een vloeiende, artistieke template met zachte letters en veel witruimte kan helemaal verkeerd voelen voor een ambachtsbedrijf dat efficiëntie en betrouwbaarheid moet uitstralen.
Voordat je valt voor het kleurenschema van een template, haal je hem in gedachten weg en vraag je wat de onderliggende structuur zegt. Is het tempo rustig of energiek? Is hij gemaakt om content benaderbaar of gezaghebbend te laten voelen? Waaiert de opmaak uit of is hij compact?
Kies op basis van het karakter van de template, niet alleen op zijn huidige kleuren.
Wat gebeurt er als je bedrijf groeit?
Een template die goed werkt voor een site van vijf pagina's, kan benauwd aanvoelen als je een blog, een kennissectie, een teampagina en twee nieuwe dienstgebieden hebt toegevoegd. Het loont om een stap vooruit te denken voordat je kiest.
Check of de template een navigatiestructuur heeft die meer pagina's aankan. Kijk of de opmaak natuurlijke plekken heeft om nieuwe secties toe te voegen, of dat hij lijkt te zijn gemaakt om precies zo te blijven. Toont de templatebibliotheek meerdere paginatemplates, bijvoorbeeld een aparte blogopmaak, een portfolioraster en een contactpagina, dan is dat meestal een goed teken dat hij met groei in gedachten is gebouwd.
Bedenk ook welke functies je later nodig kunt hebben. Een webshop, een boekingskalender, een ledengedeelte. Niet elke template ondersteunt die toevoegingen netjes. Ondersteunt het platform erachter die functies niet, dan maakt de template niet uit.
Een platform kiezen dat met je meegroeit, hoort bij deze keuze. In hoe je de juiste websitebouwer kiest lees je wat je checkt voordat je je aan een platform bindt.
Kijk je door jouw ogen of door de ogen van je klanten?
Dit is de check die het vaakst wordt overgeslagen. Je gaat veel tijd naar je eigen website kijken, dus het is logisch dat je iets kiest wat jij zelf mooi vindt. Maar de template is niet voor jou. Hij is voor de persoon die op je site komt terwijl hij zoekt naar wat jij verkoopt.
Bedenk wie die persoon is. Hoe oud is hij? Heeft hij haast of neemt hij zijn tijd? Is hij al warm om te kopen, of vergelijkt hij nog opties? Browst hij op zijn telefoon tijdens het woon-werkverkeer of zit hij aan een bureau zorgvuldig onderzoek te doen?
Een nette, minimale template met lange scrollsecties kan voor jou elegant aanvoelen maar traag en onduidelijk voor een bezoeker die alleen de prijs wil weten en wil bellen. Een template met veel visuele energie en beweging kan voor jou spannend voelen maar chaotisch en onprofessioneel voor iemand die je moet vertrouwen voordat hij zijn gegevens afgeeft.
Gebruik je klantprofiel om templates te filteren. Kies de template die voor hen het meest logisch is, niet degene die je voor jezelf zou kiezen als je een persoonlijke site bouwde.
Hoe gaat WEMASY om met templates?
De websitebouwer van WEMASY heeft een templatebibliotheek, geordend op branche en type website. Je past templates aan in de visuele editor zonder code te schrijven. Hosting, SSL en analytics zitten in hetzelfde abonnement, dus je hoeft niets apart in te stellen nadat je je template hebt gekozen en aangepast. Bekijk wat erin zit per abonnement op de prijzenpagina.
Veelgestelde vragen over het kiezen van een websitetemplate
Beïnvloedt de template die ik kies mijn SEO?
Ja, indirect. Een goed opgebouwde template gebruikt een nette koppenhiërarchie, laadt snel en is geschikt voor mobiel. Dat zijn allemaal factoren die zoekmachines meewegen. Een opgeblazen of slecht gecodeerde template kan je site trager maken en het voor zoekmachines moeilijker maken je content te crawlen. De template bepaalt je posities niet direct, maar een technisch zwakke template geeft obstakels die goede content alleen niet wegneemt. Met de websitebouwer van WEMASY zet je dit direct op in je website.
Kan ik later van template wisselen zonder mijn site opnieuw te bouwen?
Dat hangt af van het platform. Bij sommige websitebouwers is van template wisselen vrij eenvoudig en gaat je content mee. Bij andere betekent wisselen dat je pagina's helemaal opnieuw bouwt, omdat de content aan de structuur van de template vastzit. Check voordat je een template kiest hoe wisselen er bij jouw platform uitziet. Is dat een gedoe, dan is dat een reden om vooraf meer tijd te nemen voor de juiste keuze.
Is het beter om een template voor mijn branche te kiezen?
Over het algemeen wel. Templates voor een branche zijn gebouwd met de verwachtingen van jouw doelgroep in gedachten. Een salontemplate begint met boeken en beeld. Een template voor adviseurs begint met geloofwaardigheid en contact. Begin je met een template voor jouw soort bedrijf, dan hoef je minder om te bouwen om hem te laten werken zoals je klanten verwachten. Het belangrijkere filter blijft of hij past bij je content en doelen. Branchepassing is een sterk beginsignaal, geen absolute regel.
Hoeveel templates moet ik vergelijken voordat ik kies?
Hou het bij een shortlist van drie tot vijf. Kijk je naar te veel templates, dan vervagen ze en kun je niet meer zien welke echt beter is. Een betere aanpak is eerst je filters toepassen (mobiel, passende content, type website, aanpasbaarheid) en alleen kijken naar templates die ze allemaal doorstaan. Uit die shortlist maak je je laatste keuze.
Heb ik een professionele designer nodig om een template aan te passen?
Niet als je een platform met een visuele editor gebruikt. Met de websitebouwer van WEMASY pas je kleuren, lettertypen, afbeeldingen en opmaaksecties aan zonder ervaring in design of code. De meeste aanpassingen van een template, zoals je merkkleuren wisselen, je logo toevoegen en secties verplaatsen, zijn eenvoudig in een visuele editor. Een designer voegt waarde toe bij grotere structurele wijzigingen of eigen beeldmateriaal dat verder gaat dan wat de editor aankan.