Deze website heeft maar één pagina en één doel: Jou helpen om zelf je eerste (succesvolle) website te maken!

Zelf een (gratis) website maken

Als beginner een gratis of goedkope website bouwen in 8 stappen

mijnhost banner

Stap 1: Bepaal wat je wilt

Voordat je begint, is het essentieel om duidelijk te hebben wat je wilt bereiken met je website. Misschien heb je al een idee, een plan liggen. Neem de tijd om na te denken over vragen zoals:

  • Ben je bezig met het leren van webdesign en wil je een website maken om ervaring op te doen?
  • Is het een project waarbij je ook wel een beetje wilt leren hoe alles werkt maar er niet teveel tijd aan kwijt raken?
  • Heb je een specifiek doel voor ogen, zoals het aantrekken van bezoekers, het verbeteren van je online aanwezigheid, of het opzetten van samenwerkingen?
  • Wil je simpelweg je sociale mediakanalen in de schijnwerpers zetten en kijken of je dit allemaal mooi op een website kan krijgen?
  • Of wil je een bedrijf beginnen en eens kijken hoe ver je komt met een bedrijfswebsite?

Wat je motivatie ook is, het is belangrijk om eerst helder te krijgen wat je precies wilt bereiken met je website.

Denk ook even na over je doelgroep: want dat moet namelijk aansluiten bij de manier waarop je ook moet communiceren op de website. Ga bijvoorbeeld geen ‘u’ zeggen als je een studentenwebsite maakt.

Zet deze punten op papier of in een notepad, en ga dan pas verder naar stap 2, deze eerste brainstorm vormt namelijk de basis voor de volgende stappen.

Denk ook na over het budget voor dit project

Je moet al een idee hebben bij het budget dat je aan deze website wilt besteden. De budget keuze kan je in 3 groepen indelen:

  1. Je wil helemaal niets besteden en alles moet gratis zijn (Dit is oprecht niet het leukste pad, gratis is moeilijk in deze wereld.)
  2. Je wil weinig besteden maar hebt wel een klein budget (tijd om de prijsvechters te gebruiken!)
  3. Je wil iets echt moois neerzetten wat jaren stabiel kan staan en bent bereid hier wat budget aan te besteden.

Het klinkt zo stom, maar die eerste volledige gratis keuze gaat niet de beste zijn, je kan beter ‘zo goedkoop mogelijk’ proberen te starten. Gratis is in de hosting wereld vaak niet zonder beperkingen.

Maar… Het KAN wel…

Stap 2: Starten maar! Kies een provider

Op basis van bovenstaande keuzes gaan we nu een start maken, na deze stap heb je een domein en een hosting account te pakken, daarna begint het bouwen.

Het is best vervelend maar als je het serieuze pad wilt behandelen moet je in stap 2 al wat gaan betalen.

Wij proberen per keuze zoveel mogelijk opties te geven, ook blijven wij scherp op de prijs letten.

Volledig gratis is er eigenlijk maar één optie

Voor volledig gratis kunnen wij op dit moment eigenlijk alleen maar Jouwweb aanraden ↗ . Veel partijen die voorheen gratis waren zijn dit niet meer (Wix bijvoorbeeld) en bij Jouwweb kan je dit nog enigszins volhouden als je echt volledig gratis aan de slag wilt.

Je zal bij Jouwweb bij de gratis keuze werken met een sitebuilder met weinig functionaliteiten, dus echt proeven aan de mogelijkheden van een website kan je niet.. Ook kan je niet gratis een domeinnaam koppeling maken. (Gratis domeinnamen zijn onmogelijk, gezien deze minimaal 3 euro per jaar kosten voor het hosting bedrijf)

Je krijgt dus een .jouwweb.site-adres, en niet een www.voorbeeld.nl. Daarvoor moet je namelijk wel de portemonnee trekken. WordPress is bij een gratis setup ook onmogelijk.

Optie 2.1: Zo goedkoop mogelijk starten

Op webhosters.nl is een onderzoek gedaan tussen de prijsvechters ↗, echt dus de goedkoopste hosts die er te vinden zijn. Als je echt zo goedkoop mogelijk wilt hosten moet je een Strato Mini ↗ pakketje afnemen en het domein dat je wilt gaan gebruiken ook registreren bij Strato ↗. Over het registreren van een domeinnaam later nog wat meer.

Dit is voor een bedrijf geen goede keuze, maar voor een project of iets kleins echt wel. Dit kost je in de eerste 5 jaar maar € 53,56. (in totaal) De andere partijen komen niet eens in de buurt bij deze lage prijs!

Optie 2.2: Zo goed mogelijk starten

Ben je wel bereid iets aan dit project te besteden, en zoek je gewoon een goede partij voor een redelijke prijs dan zijn er best wat keuzes die je kan maken. In principe heb je twee dingen nodig:

Een domein en een hostingpakket. Deze twee prijzen moet je bij elkaar optellen en dan moet je een host zoeken waar jij je prettig bij voelt. Vier partijen die wij kunnen aanraden en die hierbij goed kunnen helpen zijn:

  • mijn.host ↗ is interessant voor beginners. Zij bieden voordelige domeinen en hosting, en worden goed beoordeeld. Een extra voordeel is de speciale WordPress hosting bij mijn.host, waarmee je WordPress met één klik kunt installeren. In deze gids hebben we zelf gekozen voor Mijn.host, daar is deze website ook op gebouwd.
  • Yourhosting.nl ↗ – Grootste host van Nederland, niet goedkoop, wel long-term kwalitatief, veel gebruikt door kleine bedrijven. Goede website builder! (WordPress ook mogelijk)
  • Strato ↗ – Een normaal hosting pakket (dus niet die Strato Mini) kies je als je wat serieuzer wilt starten. Bij Strato kan je ook starten met een sitebuilder met een gratis domeinnaam. (WordPress ook mogelijk)
  • Cloud86 ↗ – Cloud86 is een host die veel prijzen wint op het vlak van snelheid, maar waar je geen sitebuilder kan nemen: Dus je zou zelf via WordPress aan de slag moeten, wat overigens prima te doen is!

Een keuze die je wellicht nog moet maken:

Wil je een sitebuilder (een soort van programma van de host zelf waardoor je snel iets live kan krijgen) of WordPress (het meest gebruikte systeem in de wereld), in onderstaande tabel kan je zien wat je het beste kan nemen:

Website maken: self-hosted vs sitebuilder

Stap 3: Domeinnaam en Pakketkeuze

Weet je al welke domeinnaam je wilt? Ga dan door naar het volgende kopje over het daadwerkelijk registreren. Heb je nog geen idee? Lees dan verder.

Een goede domeinnaam is kort, makkelijk te onthouden en zegt iets over het onderwerp.

  • Gebruik je bedrijfsnaam
  • Houd de naam kort en simpel
  • Voorkom verwarrende spelling
  • Gebruik geen streepjes
  • Kies een passende extensie (.nl heeft de voorkeur)
  • Maak de naam zoekmachinevriendelijk
  • Gebruik geen bestaande merknamen

Toekomstbestendig: Kies een naam die meegaat met de groei en mogelijke verandering van je bedrijf of website. Vermijd te specifieke namen die je later kunnen beperken.

Domeinnaam registreren

mijnhost domein kiezen

kies eenvoudig een domeinnaam bij bijvoorbeeld mijn.host

Voor deze keuze van het hosting pakket

  • Wil je WordPress uitproberen? Kies een WordPress pakket
  • Wil je een Sitebuilder uitproberen? Kies een Sitebuilder pakket
  • Wil je zelf klussen? (Je kan ook best simpel zelf WordPress op een normale account installeren) Kies dan een zo goedkoop mogelijk pakket.

mijn host bestellen

Joomla en Drupal zijn ook bekende platforms, maar hebben de laatste jaren veels teveel marktaandeel verloren en zouden wij niet meer gebruiken.

Wix en Squarespace zijn sitebuilders, ideaal voor beginners. Maar ook deze zouden wij voor Nederlandse gebruikers nu niet aanraden: 

In andere gevallen raden we WordPress aan. Ongeveer de helft van alle websites draait op WordPress, en dat is niet zonder reden.

We zetten wat voordelen op een rij

  • WordPress is flexibel
    Bijna alles is mogelijk met WordPress. Er zijn veel designs en plugins beschikbaar voor verschillende soorten websites.
  • WordPress is geoptimaliseerd
    Het is gebruiksvriendelijk en responsive, wat betekent dat je site op alle apparaten goed zichtbaar is.
  • WordPress is (bijna) gratis
    WordPress zelf is gratis. Je betaalt alleen voor domeinregistratie en hosting, en eventueel voor een thema of plugin.
  • Er is veel documentatie
    Er zijn veel websites met uitleg en tips voor WordPress. Bij problemen kun je eenvoudig hulp vinden.

Wanneer kies je toch voor een sitebuilder?

Heb je weinig tijd of zin om je in websites te verdiepen? Een sitebuilder is dan een goede keuze. Hiermee kun je snel een mooie bedrijfssite maken zonder veel moeite. We zouden dan al snel kiezen voor Jouwweb ↗, andere partijen zijn vaak duurder.

Ook voor schoolprojecten is een sitebuilder handig. Toch zijn sitebuilders vaak ook wel iets duurder dan een normale hosting pakket, dus het kost vaak wel iets meer.

Na het kiezen van je hosting kun je beginnen met de WordPress-installatie.

Stap 4: WordPress installeren op jouw website

Log in op het dashboard en kies “WordPress installeren”. Vul je gegevens in en noteer de Site Admin Gebruikersnaam en wachtwoord. Dat is veelal hoe je dit het beste kan doen, dit is bij sommige hosts anders.

Als alles goed gaat, is de installatie binnen een minuut voltooid.

Controleer of je website zichtbaar is. Als je iets ziet dat lijkt op de onderstaande afbeelding, is alles goed gegaan!

zo ziet de site eruit

Werkt de installatie niet of wil je WordPress bij een andere provider installeren? Volg dan de handmatige installatie-uitleg bij je provider of op WordPress zelf. Het is vrij makkelijk!

SSL toevoegen

Voeg SSL [1]Wat is SSL? Webhosters.nl Kennisbank toe om je site van http:// naar https:// te verplaatsen. Dit is vaak eenvoudig en bij mijn.host kun je een gratis Let’s Encrypt certificaat installeren.

Log in op je hosting, selecteer je hostingpakket, en kies voor certificaten om het SSL-certificaat aan te vragen.

selecteer je hostingpakket

Selecteer je hostingpakket door op het icoontje rechts te klikken.

Certificaat aanmaken

Kies in het control panel voor certificaten en maak het certificaat aan. Het kan even duren tot het SSL-certificaat actief is.

Voor beginners is het eenvoudige Let’s Encrypt certificaat een goede keuze.

Stap 5: Content toevoegen

Nu je website live is, is het tijd om inhoud toe te voegen. Dit kun je doen vanuit het WordPress-dashboard.

Begin met de volgende stappen:

1. Thema kiezen

Je kunt je website visueel aanpassen met een WordPress-thema. Dit bepaal je uiterlijk.

Kies een gratis thema uit de thema’s in het dashboard. Gebruik de zoekbalk om een thema te vinden. Klik op “Installeren” bij het gekozen thema en daarna op “Activeren”.

Astra is een veelgebruikt gratis thema met prima functionaliteiten.

2. Plugins toevoegen

WordPress-plugins voegen extra functionaliteiten toe aan je website. Bijvoorbeeld voor contactformulieren, beveiliging of SEO.

Enkele handige plugins zijn:

  • Yoast SEO: Voor betere zoekmachineoptimalisatie. Er zijn wel wat alternatieven op de markt, maar dit blijft wel een OK plugin.
  • Elementor: Visuele page builder voor het eenvoudig maken van pagina’s en contentblokken.
  • WPForms: Eenvoudige plugin voor contactformulieren.

Zo voeg je een plugin toe:

  • Ga naar “Plugins” in het dashboard en klik op “Nieuwe plugin”.
  • Gebruik de zoekbalk om een plugin te vinden.
  • Klik op “Nu installeren” en daarna op “Activeren”.

3. Pagina’s aanmaken

Maak nu de belangrijkste pagina’s van je website aan, zoals:

Zo maak je een pagina aan:

  • Ga naar “Pagina’s” en klik op “Nieuwe pagina”.
  • Geef je pagina een titel en voeg inhoud toe.
  • Klik op “Publiceren” om de pagina live te zetten.

4. Menu instellen

Maak een navigatiemenu zodat bezoekers gemakkelijk door je website kunnen navigeren.

  • Ga naar “Weergave” en klik op “Menu’s”.
  • Klik op “Een nieuw menu aanmaken”.
  • Voeg de gewenste pagina’s toe aan het menu.
  • Ken het menu toe aan een locatie (bijv. hoofdmenu) en klik op “Menu opslaan”.

Stap 6: Website lanceren

Je website is bijna klaar voor lancering. Controleer nogmaals of alles goed werkt en of er geen fouten zijn.

Voeg je site toe aan Google Search Console om hem te indexeren. Hiermee kun je ook je prestaties in zoekmachines bijhouden.

Gefeliciteerd! Je website is nu live en klaar om bezoekers te ontvangen.

Het menu is doorgaans de primaire navigatie van een website. Daarnaast heb je bijvoorbeeld de zoekfunctie, inhoudsopgave, breadcrumbs en meer.[3]Website Navigation: Tips, Examples and Best Practices, The Daily Egg

Categorieën en tags

Je kunt categorieën en tags toevoegen aan pagina’s en berichten. Hierdoor kun je wat extra structuur inbouwen en pagina’s per onderwerp bereikbaar maken. Categorieën zijn vaak de grotere onderwerpen, tags worden gebruikt voor verdieping van bepaalde specifieke onderwerpen.

Je kunt besluiten om beiden of één van de twee achterwege te laten. In de beginfase zouden wij bijvoorbeeld tags achterwege laten. De reden hiervoor heeft te maken met zoekmachine optimalisatie. Iedere categorie of tag wordt namelijk een aparte pagina zonder al teveel content. Je kunt je naar onze ervaring beter focussen op minder pagina’s met ijzersterke content dan veel pagina’s met beperkte content.

Voor wat verdieping over dit onderwerp kun je dit blog lezen.

Als beginner is het verschil tussen een pagina en een bericht vaak lastig. Pagina’s zijn vaak statische content, zoals je homepagina, de over ons pagina, de contact pagina of een uitleg pagina over een specifiek onderwerp. Berichten zijn meer updates, blogartikelen, verdieping etcetera. Berichten kun je standaard koppelen aan categorieen, waardoor dit in de structuur verwerkt wordt. Bij pagina’s kun je dit handmatig doen.

Mediabibliotheek

Als je afbeeldingen toevoegt, zorg dan dat deze niet te groot zijn. Dat vertraagt namelijk de website. Indien je geen gebruik maakt van bewerkingssoftware als Photoshop, en je dus zelf de afbeeldingsgrootte kunt bepalen, dan raden we aan om de plugin smush.it te installeren. Deze plugin zorgt ervoor dat de bestandsgrootte van de afbeelding klein blijven.

Waar vind je rechtenvrije afbeeldingen voor je website?

Je mag niet zomaar foto’s kopiëren zonder toestemming. Dat kan je op vervelende boetes komen te staan. Maak daarom gebruik van rechtenvrije afbeeldingen. Deze kun je o.a. hier vinden:

Wij zijn best wel fan van deze laatste: Canva. Waarom? Omdat je bij de betaalde versie de grootste database aan afbeeldingen hebt, en je direct gebruik kunt maken van de bewerkingssoftware. Hiermee kun je erg eenvoudig afbeeldingen maken voor je website en voor social media (pinterest, instagram en facebook).

Als je een afbeelding toevoegt aan de site, geef dan ook altijd even direct een alt-title mee. Deze helpt zoekmachines de inhoud te begrijpen

Plugins

Plugins maken jouw leven net wat makkelijker. Er zijn er een aantal die we graag gebruiken.

  • Yoast
    Plugin voor betere zichtbaarheid in zoekmachines, hier kun je ook instellen wat er wel en niet gevonden moet worden voor zoekmachines bijvoorbeeld. Dus moeten je pagina’s wel gevonden worden, maar portfolio niet, dan kan je dat hier instellen.
  • Duplicate page
    Eenvoudig een pagina kopiëren naar een nieuwe, dit is prettig omdat je dan de lay out maar 1 x perfect hoeft te doen en vervolgens dat als template kan gebruiken voor de volgende pagina’s waar je mee aan de slag gaat.
    (kan Yoast ook, maar deze werkt eenvoudig)
  • Smush
    Zorgt voor goed laadbare afbeeldingen in de site
  • Cookie notification
    Handig om eenvoudig een cookie melding aan te zetten

Optioneel

  • NinjaTables
    Voor het maken van mooie tabellen, met NinjaTables kan je ook makkelijk je tabellen mobiel responsive maken: dat ze er op een telefoon dus ook goed uitzien.

Stap 7: Kijken of de website werkt

Je wilt natuurlijk weten hoeveel mensen er op de site komen. Hiervoor is er één programma dat de standaard is; Google Analytics.

Als je met Google Analytics aan de slag wil om in de gaten te houden hoe veel bezoekers je op je site hebt, hoe ze binnen komen en hoe ze door je site heen navigeren moet je het eerst installeren.

Daartoe log je in bij Analytics: https://analytics.google.com/analytics/web/#/. Eenmaal ingelogd zie je links onderin een tandwiel, als je daar overheen hovert staat er beheerder. Daar klik je op en dan opent vervolgens het volgende scherm:

Google Analytics

Hier kies je links onderin voor het tandwiel waar beheerder bij staat. Vervolgens kan je je Google Analytics account configureren

Daar kies je links boven in voor account aanmaken, en als je al een account hebt kies je voor property aanmaken. Je doorloopt vervolgens alle stappen zoals de naam die je het wil geven, en de url van je website doorgeven. Na de laatste stap krijg je een Analytics code. Deze moet je toevoegen aan je website. Heb je dat gedaan? Dan kan je vanaf nu het bezoek van je website in kaart brengen.

Voor het integreren van Google Analytics zijn er veel plugins. De makkelijkste is ‘Insert Headers and Footers’. Als je die plugin download en activeert kan je de code / het scriptje wat je van Google Analytics hebt gekregen daar inzetten. Dat ziet er vervolgens dan ongeveer als volgt uit:

plugin analytics

In de header zet je de Analytics code, vervolgens kan je vanaf dan het website verkeer monitoren.

google analytics voorbeeld

Stap 8: Tips en Discussie

Tot slot een paar nuttige tips voor jouw website

  • Richt je op wat mensen willen weten en hoe ze daar naar gaan zoeken
  • Houd je website up-to-date
  • Zorg dat andere website naar jou gaan linken waarmee je het signaal afgeeft aan de zoekmachines dat jouw site de moeite waard is
  • Blijf je verdiepen in het onderwerpen Search Engine Optimization (SEO)
  • Controleer je site zo nu en dan ook op tablet en mobiel
  • Verwacht geen resultaten binnen een week. Sommige sites hebben maanden of zelfs jaren nodig om voet aan de grond te krijgen
  • Wil je een webshop ontwikkelen? Kijk dan op de pagina van Webshop genius over het gratis starten van een webhop.
  • Een website maken kost tijd, geef dus niet al te snel op.

Bronnen

Facebook
Twitter
LinkedIn
WhatsApp
Reddit
11 Opmerkingen
  1. Is zo’sitebuilder nou gratis of moet ik daarvoor betalen? Ik snap dat nog niet. Soms lijkt het juist heel duur. Maar bij Jouwweb is het gratis?

    • Voorheen waren deze sitebuilders vaak gratis als extra, nu zijn de sitebuilders vaak gekoppeld aan iets duurdere hosting pakketten. Echt gratis bestaat niet echt meer, dan kom je bij vreemde sites vol met advertenties uit.

  2. Kijk, hier kunnen beginners wat mee! Gave gids.

    Zelf zou ik altijd voor WordPress kiezen als je begint met het maken van een website, hiermee kan je alle kanten op.

  3. Ik ben benieuwd welke mix van producten en technologieën jullie zouden aanbevelen voor het opzetten van een eerste test webshop.

    Ik heb uiteraard veel vragen, maar focus me momenteel op WordPress in combinatie met een aangekochte theme, samen met WooCommerce en een betalingsplugin zoals Mollie.

    Is dit een goede keuze?

    • Voor een webshop zouden wij kiezen voor een standaard hosting met daarbij de plugins Woocommerce en idd. een Mollie. Eigenlijk zit je al op de goede weg! Kies wel voor een thema wat direct aansluit bij wat het moet zijn. Dan hoef je niet teveel te wijzigen.

  4. Hoe kan ik een website maken met CMS of met een sitebuilder met domeinnaam dirkmolens.nl
    > Hoe kan ik de foto’s van de website archief https://web.archive.org/web/20220106131304/http://dirkmolens.nl overzetten in een CMS of een sitebuilder?
    Hoe kan ik een contactformulier op mijn website zetten?
    Hoe kan ik de foto’s plaatsen op een pagina in WordPress of een andere CMS of een sitebuilder zetten?

    • Beste Dirk,

      Leuk dat je op website maken terecht bent gekomen. We gaan eerst even met de makkelijkste vragen aan de slag.

      Een contactformulier gaat vaak het makkelijkst met een plugin. Bijvoorbeeld contact form 7: https://nl.wordpress.org/plugins/contact-form-7/. Dit is als je wordpress gebruikt, dat is een handige plugin om een een contactformulier te gebruiken.

      Als je foto’s wil plaatsen kun je via de visuele builder gebruiken en dan de betreffende foto’s naar je site uploaden. Daarbij is het verstandig te letten op het formaat van je foto’s / beeldmateriaal. Als dat te groot is in mb’s / kb’s kan dat je site weer vertragen.

      Dan de foto’s. Heb je nog een login van je oude hosting? Daar zou je bij een control panel, bijvoorbeeld Plesk, DirectAdmin of een ander systeem nog bij je ‘upload’ folder moeten kunnen. Je kan dit eventueel ook vragen aan je oude webhoster. Deze hele folder kun je downloaden en later weer uploaden.

      Ik snap dat de antwoorden soms moelijk zijn, dus als je concreet kan aangeven waar we duidelijker moeten zijn hoor ik het graag,

      Met vriendelijke groet,

      Jan Willem

  5. @Dirk van Genderen

    Die foto’s kan je vrij eenvoudig redden door ze allemaal één voor één op te slaan vanuit die web archive link die je deelde. Vervolgens kun je deze in je Media folder van WordPress weer importeren. Je moet dan alleen de boel weer opnieuw live zetten, maar dat is goed te doen.

  6. Ik ben met de gids begonnen en ik ben tot stap 5 gekomen, bedankt voor de heldere uitleg. Een Youtube video zou het ook goed doen als soort van korte samenvatting?

    Hoe dan ook: Erg fijn om alles op één pagina te hebben.

    • Het probleem is dat als we dit via YouTube doen we het niet later meer kunnen wijzigen, en deze teksten wijzigen best vaak omdat er soms software beter wordt en/of dingen veranderen! Dus we hebben liever die flexibiliteit.

      Ps. Leuk dat je bij stap 5 bent: Nu content toevoegen! (En niet teveel via ChatGPT erin proppen!)

    Laat een reactie achter

    Website Maken
    Logo