Je eigen website opzetten.

Wil jij leren hoe je je eigen website opzet?

In deze handleiding voor beginners en starters neem ik je mee in elke stap voor het opzetten van een goede website. 

Het zelf opzetten van je website zorgt ervoor dat je met heel weinig budget kan starten.

Ook kan het je veel kosten besparen op de lange termijn. Daarover lees je later meer.

Mocht je ergens vastlopen kan je mij benaderen voor gratis hulp via e-mail 🙂

Of je een blog wilt beginnen, een informatieve website wilt opzetten of je eerste producten wil verkopen via e-commerce; we nemen het door. 

Op deze manier bespaar je niet alleen veel tijd, maar ook veel geld. Stap voor stap nemen we het hele proces van het opzetten van je eigen website door.

Wie ben ik?

Mijn naam is Jidde. 28 jaar en werkzaam als online marketing consultant. 

In de afgelopen 5 jaar heb ik als zelfstandige veel ervaring opgedaan met het opzetten van simpele (affiliate) websites. 

Zo heb ik in de afgelopen jaren meer dan 15 verschillende websites gebouwd. Hierbij heb ik veel fouten gemaakt. Van het kiezen van de verkeerde thema’s, tot de verkeerde (te dure) hosting en het kiezen van de verkeerde domeinnamen. Noem het maar op.

Door alle fouten die ik gemaakt heb, heb ik veel geleerd. Daarom wil ik graag andere mensen helpen om de juiste keuzes te maken. Ook hoop ik hiermee bij (beginnende) ondernemers twijfels weg te nemen en ze een vliegende start te geven.

Mijn LinkedIn profiel

HOOFDSTUK 1

HET KIEZEN VAN EEN DOMEINNAAM

Het kiezen van de juiste domeinnaam is een belangrijke stap. Er zijn een aantal dingen waar je op moet letten:

Je kunt bijvoorbeeld kiezen voor 

  • Een beschrijvende domeinnaam zoals: allekabels.nl
  • Een domeinnaam die brandable is zoals ‘Coolblue.nl’ 
  • Of een domeinnaam die precies hetzelfde is als de inhoud van je website, zoals ‘verzekeringvergelijken.nl’.

Lees hier meer over het kiezen van een passende domeinnaam.

Controleren of het domein beschikbaar is

Om te controleren of je domeinnaam nog beschikbaar is, ga je naar deze website.

Domeinnaam beschikbaar? Mooi! Ga dan verder naar stap 2.

HOOFDSTUK 2

HET KIEZEN VAN HOSTING

Na het kiezen van een domeinnaam, heb je ook een hosting pakket nodig.

Web hosting is een service die ervoor zorgt dat je een domein kan registeren en live kan zetten. (Mijn advies aan elke starter is cloud86).

Wanneer je gebruik maakt van een website builder, zoals Wix of Shopify zit je gebonden aan dat product. Hier kun je dan ook je hosting en domeinnaam krijgen.

Wanneer je kiest voor website hosting heb je veel meer vrijheid. Zo kun je WordPress, Joomla of andere systemen gemakkelijk installeren. In 90% van de gevallen adviseer ik de keuze voor een WordPress website. 

Kort gezegd: Wanneer je een webshop wilt beginnen kun je kiezen tussen WordPress & Shopify. Lees hier meer over de keuze tussen WordPress (Woocommerce) versus Shopify.

Kies je voor een ander soort website (blog, informatieve website, bedrijfswebsite, portfolio etc.) adviseer ik de keuze voor WordPress. In dit geval kies je dus ook voor website hosting.

Welke Web Hosting partij kies je?

In Nederland en België heb je tientallen verschillende web hosting aanbieders. Kies voor een betrouwbare partij met goede reviews.

De keuze voor een verkeerde webhoster kan op de lange termijn voor vervelende problemen zorgen.

Het is belangrijk dat je website altijd online is en je niet gelimiteerd bent in je opties.

Ook al lijkt het alsof elke webhosting partij hetzelfde biedt, is dit zeker niet het geval.

Hoe kies je de juiste web hosting provider?

Er zijn veel verschillende onafhankelijke tests te vinden over de snelheid van website hosters. In 2024 komt Cloud86 hier als beste uit de bus.

Cloud86 biedt daarnaast alles wat je nodig hebt voor een startende (WordPress) website en is maandelijks opzegbaar. Ook de service is snel en betrouwbaar.

WebsiteproviderRating Prijs (Vanaf)
Cloud865/5€ 1.95 p.m.
mijn.host5/5€ 2 p.m.
Esmero5/5€ 8.25 p.m.
Junda B.V.5/5€ 1.99 p.m.
* op basis van gemiddelde en aantal beoordelingen:
Bron: Hostingvergelijker.nl

Als je wil beginnen aan je website navigeer je dus naar cloud86.nl en registreer je het domein en je hosting.

Kies voor het hostingpakket dat bij jouw wensen past. Wij adviseren het medium hostingpakket.

Mocht je kiezen voor een WordPress website waar je Woocommerce op wil gebruiken (webshopfuncties) kies dan voor een webhosting power pakket.

Kies nu voor je gekozen domeinnaam. Zorg ervoor dat je de juiste tld selecteert (.nl bijvoorbeeld).

Als het goed is heb je al gecontroleerd dat je domeinnaam beschikbaar is.

Kies nu voor de looptijd van je hostingpakket. Wij adviseren te kiezen voor 12 maanden. Dit zorgt ervoor dat je kosten zo laag mogelijk blijven in je eerste jaar.

Controleer je gegevens. Als het goed is heb je een webhosting pakket en een domeinregistratie in je winkelmandje.

Wij adviseren je domein altijd op automatisch verlengen te laten staan. Hierdoor voorkom je dat je website offline gaat of eventueel door iemand anders gekocht wordt.

Na het voltooien van het betalingsproces ben je klaar. Gefeliciteerd! Je hebt de eerste stap in het maken van je eigen website gemaakt.

HOOFDSTUK 3

JE WEBSITE OPZETTEN

Aangezien je in de vorige stappen hebt gekozen voor Web hosting is de volgende stap het maken van een WordPress website. 

WordPress biedt je de meeste mogelijkheden in een simpel en gebruiksvriendelijk systeem. Zoals te zien in de eerdere grafiek is ongeveer 63% van de websites gebouwd in WordPress. 

Het installeren van WordPress via het paneel van Cloud86 is vrij eenvoudig. Mocht je hebben gekozen voor een andere web hosting provider is het installeren van WordPress vaak een soortgelijk proces.

Stap 1: Log in op je Plesk controlepaneel.

Je hebt de inloggegevens van je Plesk controlepaneel ontvangen van Cloud86. Mocht je hier niet uitkomen: bekijk dan hoe je kunt inloggen op Plesk.

Stap 2: Navigeer naar je WordPress Toolkit aan de linkerkant van je menubalk.

Stap 3: Klik op installeren. Nu opent er een venster waar je jouw WordPress gegevens kunt instellen. Pas je gegevens aan naar wens.

 

Stap 4: De laatste (optionele) stap slaan we over. We downloaden geen toolkit met plugins.

Mocht je er niet uit zijn gekomen of ergens op vastlopen, bekijk dan hier de documentatie van Cloud86.

Mooi! Je hebt nu een WordPress website. Het kan een paar uur duren voordat die geconfigureerd is.

Is de WordPress installatie voltooid? Dan gaan we aan de slag met stap 4: Instellingen & Design!

HOOFDSTUK 4

INSTELLINGEN & DESIGN

We gaan nu beginnen aan het bouwen van je website. Voordat we hiermee beginnen gaan we een aantal instellingen goed zetten.

  1. Navigeer naar ‘Plugins’ en verwijder hier alle plugins behalve Akismet Anti-spam’ als die erin staat.
  2. Navigeer naar pagina’s en verwijder hier alle pagina’s.
  3. Navigeer naar berichten en verwijder hier alle berichten.

Navigeer nu naar ‘Instellingen’ en pas:

  • Je Site Title aan naar een titel die je website beschrijft (in dit geval ‘Website Opzetten’
  • Je administratieve gegevens aan naar je persoonlijke gegevens

Navigeer vervolgens naar ‘Permalinks’ en pas hier de instelling ‘Permalink structuur’ aan van eenvoudig naar berichtnaam. 

Nu gaan we een homepagina maken en instellen. Het begin van je website. Navigeer naar Pagina’s > Nieuwe pagina toevoegen. Geef deze pagina de titel ‘Home’ en de slug ‘Home’ > toepassen.

Nu je een homepagina hebt gemaakt moeten we deze nog instellen als hoofdpagina. Navigeer naar  instellingen > lezen > Verander ‘Je laatste berichten’ naar ‘Statische pagina’ > Homepagina en selecteer hier je pagina ‘home’ > wijzigingen opslaan. 

Nu kunnen we aan de slag met het design van je website! Maar eerst moeten we nog een aantal keuzes maken.

4.1 Het kiezen van een pagebuilder

Een WordPress website bestaat vaak uit een combinatie van een thema en een vorm van een pagebuilder. In dit geval kiezen we hier voor, om het simpel te houden.

Onze eerste keuze zal gaan over het kiezen van een pagebuilder. Dit zijn WordPress Plugins die ervoor zorgen dat je, zonder te coderen, een hele strakke website op kunt zetten. 

In de meest ideale situatie werk je zonder een pagebuilder, dan blijft je website zo snel en schoon mogelijk. In ons geval is dit niet wenselijk, aangezien wij graag met zo min mogelijk code gaan werken.

Als we het hebben over pagebuilders zijn er diverse goede opties op de markt. Sommige zijn gratis, sommigen zijn betaald.

Dit zijn:

  1. Kadence Blocks in combinatie met Kadence thema (is deze website op gebouwd) (betaald)
  2. Elementor (gratis) of Elementor Pro (betaald)
  3. Gutenberg Block Editor (gratis)
  4. WPbakery 
  5. Divi

Mijn absolute voorkeur gaat uit naar de Gutenberg Block Editor (Gratis) in combinatie met Kadence Blocks (waar deze website op gebouwd is).

Kadence Blocks is een aanvulling op de Gutenberg Block Editor. Het is dus zéker niet nodig; maar geeft je wel een stuk meer opties.

Een andere goede optie is Elementor.

Kies voor Gutenberg/Kadence Blocks als je een website wil met een simpel design dat snel laadt. 

Kies voor Elementor als je meer designopties wil. Hier lever je qua websitesnelheid mogelijk wat voor in.

Als je kiest voor Kadence blocks, elementor of een andere builder:
Download de bijbehorende plugins en installeer deze. Betaalde pagebuilders kun je op de website van de aanbieder downloaden. Gratis plugins via de /wp-admin inlog > plugins.

4.2 Het kiezen van een thema

We hebben nu een pagebuilder gekozen, de bijbehorende plugins gedownload en geïnstalleerd. De volgende stap is het kiezen van een thema.

Wanneer je bent ingelogd navigeer je naar weergave > thema’s > nieuw thema toevoegen.

In een thema kan je de algemene styling van je website instellen. Denk aan lettertypen, kleurgebruik, layout.

Ook kan je hier belangrijke instellingen aanpassen, zoals je menu en je logo’s & favicon.

wanneer je gekozen hebt voor het ‘Kadence blocks pro’ hoef je geen thema te kiezen. Dan is dit Kadence.

Mocht je gekozen hebben voor een andere pagebuilder, kies dan voor een veelgebruikt thema.

Goede voorbeelden hiervan zijn: Twenty Twenty four, Astra, OceanWP. Bekijk hier een lijst met de meest gebruikte gratis thema’s.

Je kunt een thema altijd aanpassen mocht je hier niet tevreden over zijn.

Neem rustig de tijd om een passend thema te kiezen en kijk hier via weergave > customizer even rustig in rond voordat je verder gaat.

4.3 Websitestructuur maken

De structuur is de ruggengraat van je website. Het is belangrijk dat bezoekers snel en gemakkelijk kunnen vinden waar ze naar zoeken. 

Bedenk voor jezelf wat de belangrijkste pagina’s voor je website zijn en hoe dit in een logische menustructuur past.

Vaak zijn dit de volgende pagina’s, afhankelijk van je website:

  • Homepagina
  • Over ons 
  • Contactpagina 
  • Services/producten/diensten
  • Cases of testimonials
  • Blog

Neem rustig de tijd om na te denken welke pagina’s voor jou het meest belangrijk zullen zijn.

Zorg ervoor dat je deze pagina’s altijd opneemt in je header & footer. Hierdoor zijn ze gemakkelijk te vinden voor je gebruiker. 
Als je niet zeker weet waar je op moet letten, lees dan dit artikel over het opzetten van een goede websitestructuur.

4.4 Logo & Favicon instellen

Het instellen van een logo en favicon zorgt ervoor dat je je website kunt personaliseren.

Een logo heeft het liefst afmetingen tussen 250 tot 400 pixels (h x b) en een favicon 16 x 16 pixels.

Laat een logo ontwikkelen of doe zit zelf met een programma zoals canva.

Je logo stel je in via je thema.
Log in via je dashboard (/wp-admin) en navigeer naar Weergave > customizer > Header > Logo > Logo bewerken.

Het kan per thema verschillen waar dit te vinden is.

Je favicon kun je aanpassen onder Site Identiteit > Site Pictogram Instellen

HOOFDSTUK 5

PAGINA’S MAKEN & BEWERKEN

We hebben een homepagina gemaakt, de instellingen juist gezet en logo’s gekoppeld aan de website. Nu wordt het tijd om pagina’s te maken voor je website. We onderscheiden hierin pagina’s en berichten.

Je maakt een bericht voor onderwerpen die in één overzicht zou willen plaatsen. Denk hierbij aan een blog, of nieuwsitems waar je constant nieuwe berichten over wilt maken. Je kunt berichten later onder één ‘archief’ plaatsen, waardoor het makkelijk is al je blogberichten op één pagina te tonen.

Je maakt een pagina voor de rest: zoals de homepagina, dienstenpagina’s, contactpagina etc.

Nu we het onderscheid hebben gemaakt navigeren we weer naar de backend op /wp-admin > inloggen > pagina’s > nieuwe pagina toevoegen.

Pagina creeëren met kadence blocks

Afhankelijk van welke paginabuilder je gekozen hebt opent er nu een scherm waar je een pagina kunt gaan bouwen. In het geval van de ‘Gutenberg builder’ blijf je aan de achterkant van de website. In het geval van Kadence Blocks wordt je direct doorverwezen naar een meer interactief scherm. Kies je voor Elementor klik dan op ‘bewerken met Elementor’.

Nu kan je beginnen met het maken van een pagina. Paginabuilders helpen je om dit op een gemakkelijke, overzichtelijke manier te doen door blokken toe te voegen. Begin eens met het toevoegen van een paginatitel, kopjes (h2, h3, h4) en tekst + afbeeldingen. Je zult zien dat je het zo onder de knie hebt!

Wanneer je ‘klaar’ bent met je pagina klik op je publiceren om je pagina live te zetten.

Super. Je hebt nu je eerste pagina gemaakt en gepubliceerd!

HOOFDSTUK 6

METEN & ANALYSE

Gefeliciteerd! Je hebt nu je eerste stappen gemaakt in het opzetten van je eigen website.

Als je tegen problemen bent aangelopen, of vragen hebt: neem dan even contact met mij op.

Als laatste stap is het belangrijk om Google Search Console te installeren. GSC is een tool van Google die je veel informatie biedt over de bezoekers die via zoekmachines op je website komen. Zo kun je inzien hoeveel bezoekers je krijgt, waar ze op zoeken en welke pagina’s ze bezoeken. Deze tool is gratis. Aangezien je zelf toegang hebt tot je hosting adviseren wij een ‘Domain Property’ toe te voegen. Dit kost 15 minuten. Lees hier een uitgebreide blog over hoe je dit doet.