Eenvoudig zelf een website maken

Als beginner een website bouwen met dit stappenplan

Hoe kun je een website maken?

Als je op website-maken.nl terecht bent gekomen, bestaat er een hele grote kans dat je graag een website wil, maar niet zo goed weet waar je moet beginnen. Tegenwoordig is het gelukkig best wel eenvoudig om een website te maken. Je hoeft daarvoor maar een paar stappen te doorlopen en daar gaan we je mee helpen!

Stap 1: kies een website platform

De afkorting CMS staat voor Content Management Systeem. Het is de software waarmee je de website gaat bouwen. Een CMS zorgt er eigenlijk voor dat je op een eenvoudige manier – zonder dat je daar technische kennis voor nodig hebt – een website kunt bouwen.

Er zijn behoorlijk veel verschillende Content Management Systemen, maar gelukkig zijn er maar een handjevol die echt interessant zijn om uit te kiezen als je als beginner een website wil maken. 

Je kunt kiezen uit self-hosted en software as a service. Bij self-hosted dien je de website zelf te beheren en hosten bij een provider (wees gerust dit is niet zo moeilijk als het klinkt). Als je kiest voor software as a service, dan kom je uit bij een sitebuilder. Dat is een website waarop je jouw site maakt, en die zorgt automatisch voor het domein en de hosting.

Beide manieren hebben voor- en nadelen.

Self-HostedSitebuilder
Iets technischer, maar vaak goed te doenZeer eenvoudig om een site mee te maken
Flexibel, je kunt alles later aanpassen en opschalenAlles wat je creëert staat vast bij de sitebuilder
Lage maandelijkse kostenIets duurder
Kost wat meer tijd om te bouwenIdeaal voor wie weinig tijd wil investeren
Domein en hosting apart aanschaffenDomein en hosting zijn erbij inbegrepen

Edit Table

Deze platforms zijn populair

Het meest populaire platform is WordPress.[1]CMS Usage Distribution on the Entire Internet, BuiltWith Dit is van origine blog software en heeft zich ontwikkeld tot een platform waarmee je bijvoorbeeld ook vergelijkingssites of webwinkels kunt maken. Het is erg veelzijdig en biedt heel veel mogelijkheden waar we later dieper op in zullen gaan.

 

cms gebruik

Vergelijkbaar met WordPress zijn Joomla & Drupal. Dit waren tussen 2000 en 2010 erg populaire platformen. Ook nu nog zijn er miljoenen sites die op zowel Joomla als Drupal gebaseerd zijn. Joomla en Drupal verliezen wel wat marktaandeel de afgelopen jaren [2]Marketshare trends for content management systems, W3Techs.com.

Wix en Squarespace zijn zogenaamde sitebuilders. Dit zijn sites waarop je zelf een website kunt maken en hosten. Deze optie is zeker ook het overwegen waard.

Welk CMS is de beste keuze?

Als je je zéér weinig tijd en kennis hebt en je enkel een online uithangbord zoekt, dan kun je kiezen voor een sitebuilder

Als je echt een goede site wil bouwen waarvoor je niet al teveel kwijt bent, dan is WordPress wat ons betreft de juiste keuze.

Ongeveer de helft van alle sites die je tegenkomt is gebaseerd op het WordPress CMS. Dat is natuurlijk niet zonder reden.

We zetten wat voordelen voor je op een rij:

  • WordPress is Flexibel
    Bijna alles dat je wil is met WordPress te realiseren. Het is zo’n populair platform dat er ook veel voor ontwikkeld wordt. Zo zijn er veel designs die je kunt gebruiken, en kun je met plugins allemaal dingen in je site gebouwd krijgen. Daarnaast kun je complexere vergelijkingssites maken of een webwinkel. Je kunt het natuurlijk ook gewoon bij een eenvoudig blog houden of een eenvoudige site als website-maken.nl (ook WordPress).
  • WordPress is geoptimaliseerd
    WordPress is zowel voor gebruikers als google geoptimaliseerd. Je creëert eenvoudig een website die op alle devices goed te zien is. Dit vermogen van een website om zichzelf aan te passen aan de schermgrootte van een tablet of mobiel heet ‘responsiveness’.
  • WordPress is (bijna) gratis
    WordPress is gratis open source software.[3]Over WordPress, WordPress.com Hierdoor betaal je enkel voor de domeinregistratie en hosting. Eventueel koop je ook nog eenmalig (voor weinig) een thema of plugin.
  • Er is veel documentatie
    Er zijn heel erg veel websites met uitleg en tips voor WordPress. Ook als je problemen krijgt, kun je eenvoudig Googlen naar een oplossing.

Wanneer zouden we kiezen voor een Sitebuilder?

Als je erg weinig tijd en kennis hebt, en je ook niet zoveel zin hebt om je in het maken van websites te verdiepen, dan is een sitebuilder misschien de betere keuze. Je kunt hiermee bijvoorbeeld een hele mooie bedrijfssite maken waar je verder niet meer zoveel naar om hoeft te kijken.

Ook voor bijvoorbeeld een schoolproject is een sitebuilder handig. Hiermee zal je dan misschien niet heel veel bezoekers ontvangen, je hebt wel een prachtig online uithangbord voor wie informatie zoekt.

Sitebuilders

  1. Wix
    Wix is de de populairste sitebuilder van de wereld en biedt tegenwoordig een hele handige ‘website-generator’ waarmee je binnen enkele minuten een website hebt. Je kunt deze dan verder zelf invullen en daarmee kun je behoorlijk ver gaan. Binnen Wix kun je namelijk heel erg veel aanpassen.Wix is 14 dagen gratis te proberen en kost daarna minimaal €8,50 per maand.
  2. Squarespace
    Het onlangs vernieuwde Squarespace is erg geschikt voor als je graag een visueel mooie site wil waarop vaak wat minder content te vinden is.Squarespace is 14 dagen gratis en kost daarna €11 per maand of meer.
  3. JouwWeb
    Een website maken met het Nederlandse JouwWeb is misschien wel de eenvoudigste manier. Deze website software is écht voor beginners maar biedt daardoor ook wat minder opties. Als je enkel een eenvoudig online visitekaartje wil hebben (voor jezelf of voor je bedrijf), of heel snel een site nodig hebt (bijvoorbeeld voor je studie), dan is JouwWeb een goede keuze.JouwWeb is altijd gratis te proberen maar is pas goed vanaf €7,50 per maand.

Heb je een keuze gemaakt?

Als je voor een sitebuilder kiest, dan kun je via de eerder genoemde builders gratis proberen. Ze werken erg intuïtief dus je zult weinig moeite hebben om dit onder de knie te krijgen.

Als je voor WordPress kiest kun je de volgende twee stappen doorlopen. 

Stap 2: Domein en hosting

Als je een wil heb je een domein nodig waarop de website gevonden kan worden. Daarnaast heb je hosting nodig die ervoor zorgt dat de website ergens kan worden opgeslagen en getoond. Beide kun je vinden bij een provider.

Welke provider kun je het beste kiezen?

Wij zouden voor beginners mijn.host adviseren. Mijn.host biedt voordelige domeinen, is voordelig met hosting en wordt doorgaans erg goed beoordeeld.[4]mijn.host reviews, Webhosters.nl En het aller belangrijkste is misschien wel dat het erg eenvoudig werkt.

Als extra voordeel bied mijn.host speciale WordPress hosting waarmee je het CMS in 1 klik kunt installeren. Daarnaast hebben zitten er een aantal extra functionaliteiten in het pakket waarmee WordPress sneller wordt en eenvoudiger te beheren is.

…maar laten eerst beginnen met een goede domeinnaam

Domeinnaam kiezen

Misschien weet je al welke domeinnaam je wil, dan kun je door naar het volgende kopje. Heb je nog geen idee? Lees dan hier nog even verder.

Een goede domeinnaam is kort en zegt bij voorkeur iets over het onderwerp. Maar er zijn meer vuistregels. Een handige hulp voor de keuze van een juiste (zakelijke) domeinnaam komt van het SIDN.[5]Hoe kies ik een goede zakelijke domeinnaam, sidn.nl Zij benoemen de volgende dingen om rekening mee te houden:

 

  • Gebruik je bedrijfsnaam
  • Een domein is bij voorkeur kort en makkelijk te onthouden
  • Voorkom verwarring door simpele spelling
  • Gebruik bij voorkeur geen streepjes tussen de letters 🙄
  • Denk na over je extensie (.nl heeft altijd de voorkeur, eventueel met een .com gecombineerd die  je doorlust)
  • Kies optioneel zoekmachine vriendelijk, iets dat mensen vaak intypen
  • Gebruik geen bestaande merknamen in het domein

Domeinnaam registreren

mijnhost domein kiezen

Het domein kun je eenvoudig op deze pagina registreren. Op basis van onze ervaring en inschatting in welke provider handig is voor beginner kozen wij dus voor mijn.host maar het staat je uiteraard vrij om een eigen provider te kiezen.

Hosting kiezen

Aansluitend kun je direct al je hosting kiezen. Als je begint kun je het beste gewoon voor de voordeligste optie kiezen. In ons geval is dat ‘Starter’. In een later stadium kun je dit eenvoudig upgraden mocht je merken dat dit nodig is. Ook de extra producten zoals WHOIS Privacybescherming en een extended SSL zouden we voorlopig even links laten liggen. 

mijn host bestellen

Als je alle stappen voor de hosting hebt doorlopen, dan kun je beginnen aan de WordPress installatie.

WordPress installatie

Als je bent ingelogd in het dashboard van mijn.host, kun je de optie “WordPress installeren” kiezen.

wordpress installatie

In de pop-up die volgt kun je jouw gegevens invullen. Het is handig om de Site Admin Gebruikersnaam en het paswoord even te noteren (of goed te onthouden natuurlijk). Die heb je in de volgende stap namelijk nodig

wordpress installatie

Binnen een klein minuutje krijg je als het allemaal goed gaat een melding dat de WordPress installatie voltooid is.

Je kunt nu gaan kijken of alles gelukt is en er iets op het domein te vinden is. Het kan zijn dat je even moet zoeken naar met www ervoor of zonder dit voor de domeinnaam.

Zie je iets staan wat op de onderstaande afbeelding lijkt? Dan is alles goed gegaan en staat er een website klaar om te vullen!

zo ziet de site eruit

Als de bovenstaande installatie niet werkt of je besluit om WordPress bij een andere provider af te nemen, dan kun je er ook voor kiezen om de handmatige installatie te doorlopen. De uitleg over hoe je dit moet doen vind je vaak bij een provider of bij WordPress zelf.

SSL toevoegen

Er is nog even één belangrijke stap om te doen. Dat is SSL toevoegen. Dat betekent dat de site van http:// naar https:// wordt overgezet.

Hoe de SSL werkt verschilt vaak een beetje per hosting bedrijf: over het algemeen is ook deze stap makkelijk. Zo ook bij mijn.host. In veel gevallen kun je kiezen voor het Let’s Encrypt certificaat die je kan installeren op je webhosting.

Als je dit wil doen log je in op je hosting en selecteer je het hosting pakket waar mee je aan de slag wil. Vervolgens kies je voor certificaten en dan kan je daar het SSL certificaat aanvragen. 

selecteer je hostingpakket

Om je hosting pakket te selecteren en je SSL toe te voegen klik je op het icoontje rechts, dan ga je naar het volgende scherm.

Certificaat aanmaken

In het control panel waar je nu zit van het specifieke hosting pakket kies je nu in het overzicht voor certificaten. Vervolgens kun je het certificaat voor je website kiezen en het certificaat aanmaken. Hierna is het even wachten, het kan vaak even duren tot het SSL certificaat goed staat op je hosting pakket en geconfigureerd is.

Dan kan het zo zijn dat je tijdelijk even een error in de verbinding krijgt. Dit is niet iets om je druk te maken, dit gaat vanzelf voorbij. Met deze handige gids kan je het stappenplan nog eens rustig doornemen.

Overigens zijn er verschillende SSL certificaten die je kan installeren op een hosting pakket, maar aangezien je net begint is het certificaat dat wij aanbevelen de meest eenvoudige optie.[6]Welke type SSL-certificaten zijn er beschikbaar en wat is het verschil hierin?, VDX.nl

 

Stap 3: Content toevoegen

Je kunt de site gaan inrichten in de WordPress Admin. Deze is te bereiken door jouw domein in de browser in te voeren gevolgd door /wp-admin.

Voorbeeld: www.jouwwebsite.nl/wp-admin

wordpress installatie

Als je bent ingelogd zie je de Admin omgeving. We raden aan om van start te gaan met een thema. Dat is eigenlijk het design van de website. 

Je kunt een thema uitkiezen door naar Weergave > Thema’s te gaan.

wordpress installatie

Website design maken

Een WordPress Thema is een layout die je gratis of betaald kunt gebruiken. Dit vinden wij een belangrijke stap omdat dit thema de basis voor je website vormt. Hoe beter het thema aansluit bij wat je voor ogen hebt, hoe minder werk je uiteindelijk zult hebben.

Gratis thema’s

De gratis WordPress thema’s kenmerken zich door eenvoud. Dus als je niet teveel poespas op je site wilt hebben, kun je hier prima voor kiezen. Je kunt deze apart bekijken https://nl.wordpress.org/themes/ of vanuit de WordPress Admin openen.

Betaalde thema’s

Programmeurs en designers over de hele wereld maken ook thema’s voor WordPress. Deze gaan vaak veel stappen verder dan de gratis thema’s. Wij gebruiken altijd Themeforest voor het uitkiezen hiervan.

Deze thema’s kun je installeren door een zip bestand up-te-loaden in WordPress. De developer waar je het thema van afneemt heeft hier aparte documentatie voor.

Gebruik populaire thema’s. Deze worden doorontwikkeld en vaak bijgewerkt. Mede hierdoor hebben deze thema’s een lange levensduur.

Nog wat Extra toelichting

De verschillende thema’s zijn gebaseerd zijn op een soort framework / page builder. Zo’n page builder maakt het voor jou makkelijker om je website mooi in elkaar te zetten. Er zijn een paar grote die nog even het benoemen waard zijn.

Binnen WordPress heb je de keuze uit

Gutenberg – meest eenvoudig en snelle keuze, ideaal voor bloggen. Dit is de huidige standaard in WordPress.
WPBakery – relatief makkelijk een pagina design zelf opmaken
DiVi – werkt redelijk intuïtief (kun je hier testen) maar is wel wat zwaar voor goedkopere shared hosting.
Elementor – kun je heel veel mee, maar daardoor ook wat complexer
Beaver Builder – hier zijn we niet bekend mee

Wat raden we aan?

Kies een thema en blijf daar zo dicht mogelijk bij. Het maakt niet superveel uit in welke builder deze staat, je leert het vanzelf. Echter als we dan écht moeten kiezen is de is wpBakery het meest eenvoudig. Als je echt alleen voor bloggen gaat, probeer dan Gutenberg goed onder de knie te krijgen. Maar ook dat leer je vanzelf.

wordpress installatie

De website vullen met tekst en afbeeldingen

In WordPress kun je content toevoegen op pagina’s en op berichten.

Op de pagina’s wordt doorgaans de statische content toegevoegd: homepage, over-ons, disclaimer of een onderwerp naar wens.

De berichten zijn blog artikelen. Hier kun je bijvoorbeeld nieuwswaardige berichten of andere leuke updates plaatsen.

NB: Sommige thema’s die je kunt gebruiken zijn meer pagina georiënteerd, en sommige zijn meer blog georiënteerd (magazines bijvoorbeeld).

paginas en berichten toevoegen

Structuur

Het is erg belangrijk dat je een goede structuur opbouwt met pagina’s die er toe doen. Het is ook belangrijk dat deze pagina’s bereikbaar zijn voor bezoekers. Niet alleen voor de bezoekers zelf, maar ook voor de crawlers van zoekmachines. Je kunt hierbij gebruik maken van het menu, en categorieën en tags.

Menu

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

wordpress menu

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.

tags en categorieen

Parentpagina & subpagina

Je kunt pagina’s en berichten onder een andere pagina plaatsen. Wat er dan gebeurt is dat je de volgende url structuur krijgt:

www.website-maken.nl/parentpagina/subpagina

Hier kun je voor kiezen als je een hoofdonderwerp hebt, en daar kleinere pagina’s onder wilt plakken die verdieping geven aan dit onderwerp.

Een voorbeeld uit de praktijk is deze:
https://www.hostingwijzer.nl/webshop-software/lightspeed-review/

Webshop software is het onderwerp en je vindt verdieping in een review van een aanbieder van deze software.

Dit is optioneel en in het begin nog niet echt nodig.

Mediabibliotheek

Als je afbeeldingen toevoegt, zorg dan dat deze niet te groot zijn. Dat vertraagt namelijk de website. Indien je geen gebruik maakt van bewerkings software als photoshop, en je dus zelf de afbeeldingsgrootte kunt bepalen, dan raden we aan om de plugin smushit 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 hier vinden:

Pexels.com
Pixabay.com
Canva.com

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.

Statistieken

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

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 alsvolgt uit:

plugin analytics
google analytics voorbeeld

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. 

Tot Slot

Bedankt voor het lezen van deze 3 stappen naar een mooie website. We hopen dat alles gelukt is met het maken van je (eerste) website!

Wil je ook meer weten over het maken van een webshop? Kijk dan eens op WebshopGenius.com