Zelf een gratis website maken: zo doe je dat (2024)

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?
Of wil je simpelweg je sociale mediakanalen in de schijnwerpers zetten en kijken of je dit allemaal mooi op een website kan krijgen?
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 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. Dit kan je in 3 groepen indelen:

Je wilt helemaal niets besteden en alles moet gratis zijn (Dit is oprecht niet het leukste pad, gratis is moeilijk in deze wereld. )
Je wilt weinig besteden maar hebt wel een klein budget (tijd om de prijsvechters te gebruiken!)
Je wilt 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 en de web-builders echt een berg met rotzooi. Je zal de hele tijd upsells en limieten moeten ontwijken

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 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.

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 dat domein ook registreren bij Strato ↗. Op beiden is het mogelijk om WordPress te installeren.

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

Zo goed mogelijk starten

Ben je wel bereid iets aan dit project te besteden, en zoek gewoon een goede partij voor een redelijks 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 vind. Drie partijen die wij kunnen aanraden en die hierbij goed kunnen helpen zijn:

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!
Ook 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.

Keuzes die je wellicht nog moet maken:

Sitebuilder of WordPress, in onderstaande tabel kan je zien wat je het beste kan nemen:

Website maken: self-hosted vs sitebuilder

Stap 3:Domeinnaam kiezen

Weet je al welke domeinnaam je wilt? Ga dan door naar het volgende kopje. 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

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 zelf ook WordPress op een normale account installeren) Kies dan een zo goedkoop mogelijk pakket.

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 als je begint met een

Ook voor schoolprojecten is een sitebuilder handig. Toch zijn sitebuilders vaak ook wel iets duurder dan een normale hosting pakket, dus het kost vaal 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!

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.

Selecteer je hostingpakket door op het icoontje rechts te klikken.

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”.

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:

Home
Over ons ^[2]Een goede over ons pagina, zo maak je hem
Diensten
Contact

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:

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:

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

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
Een website maken kost tijd, geef dus niet al te snel op.