WordPress handleiding: een WordPress website bouwen voor beginners

WordPress handleiding: een WordPress website bouwen voor beginners

WordPress Handleiding

Veel mensen denken dat het heel erg ingewikkeld is om een website te bouwen. En dat terwijl je tegenwoordig met basis-vaardigheden op de computer al een heel eind kunt komen. Vandaar deze uitgebreide WordPress handleiding.

Dankzij software als WordPress kan iedereen tegenwoordig zelf een website bouwen. Vergelijk het met een IKEA-kast die je in elkaar gaat zetten: als je de juiste instructies volgt kan het eigenlijk niet fout gaan. Mede daarom is het woord “bouwen” eigenlijk verkeerd. Je hoeft namelijk zelf niet echt iets te bouwen. Alles dat je nodig hebt is namelijk al door anderen gebouwd. Je hoeft geen enkele code te schrijven om een professionele website neer te zetten. Net als bij IKEA-spullen hoef jij het alleen nog in elkaar te zetten.

In de afbeelding bovenaan dit artikel zie je een voorbeeld van hoe de website er uit ziet die we in dit artikel gaan bouwen. De website kan er echter ook compleet anders uit zien. Dat ligt er maar net aan welk WordPress theme je uitkiest. Dat hoef je gelukkig nu nog niet te beslissen, en kun je zelfs altijd later nog aanpassen. In die zin is het maken en aanpassen van een website zelfs een stuk makkelijker dan de IKEA-kast.

Hoe veel kost het maken van een website?

Voordat je gaat beginnen met het maken van je website, is het goed om te weten waar je aan toe bent qua kosten. Het maken van een website met WordPress kost in principe niets, want WordPress is een gratis tool. Er zijn wel andere kosten verbonden aan het maken van een website. Die kosten hangen vooral af van wát voor website je precies wilt maken. Wat je in ieder geval sowieso nodig hebt zijn:

  • Een domeinnaam
  • webhosting

Een domeinnaam is bijvoorbeeld wouterpostma.nl. Webhosting is de online “ruimte” waarop je website wordt opgeslagen. Dit heet ook wel een “server”, een soort computer die altijd aan staat en verbonden is met het internet. Door je domeinnaam te laten verwijzen naar die server, wordt jouw website bereikbaar via jouw domeinnaam.

Omdat een server vrij kostbaar is, deel je bij de meeste soorten hosting een server met andere klanten. Als je een goede hostingpartij zoals iXL Hosting kiest, dan heb je verder geen last van deze andere klanten.

Een .NL-domeinnaam kost bij iXL Hosting zo’n €7,50 per jaar. Het hostingpakket met de laagste prijs van iXL Hosting kost €2,50 per maand (Personal Basic). Je hebt het dan dus over zo’n €37,50 per jaar. Op het Personal Basic-hostingpakket kun je overigens ook twee websites hosten. Zodra je website groeit is dit pakket misschien niet meer afdoende, maar je kunt het hostingpakket altijd nog upgraden naar een duurder/groter pakket.

Waar je op moet letten bij webhosting

Veel webhosting-partijen bieden speciale “WordPress hosting” aan. Het is goed om te begrijpen dat je niet altijd per se deze pakketten hoeft aan te schaffen voor het gebruiken van WordPress. Zo heeft iXL Hosting bijvoorbeeld speciale WordPress-pakketten. De servers voor die hostingpakketten zijn zo ingericht dat ze perfect ingesteld zijn voor WordPress-websites. Daardoor wordt je website extra snel.

Wil je kleinschalig beginnen en vooral niet te veel geld uitgeven? Dan kun je ook prima met het “Personal Basic”-pakket beginnen. WordPress werkt ook gewoon op dit hostingpakket.

Ik heb zelf extreem goede ervaringen met iXL Hosting, maar als je zelf een hostingpartij wilt zoeken kan dat natuurlijk ook. Let dan vooral goed op de reviews en zorg ervoor je een hostingpakket neemt waar MySQL-databases bij inbegrepen zitten. WordPress heeft namelijk een MySQL-database nodig om alle gegevens in op te slaan.

Ook kun je eens opzoeken hoe vaak de hostingpartij in kwestie last heeft van storingen en of ze 24/7 bereikbaar zijn bij storingen. Misschien dat je daar nog niet enorm veel waarde aan hecht bij een kleine website met een paar bezoekers per dag. Maar als je website groeit of als je bijvoorbeeld een webshop begint, dan is het wel belangrijk dat je website zo veel mogelijk bereikbaar is.

Webhosting aanschaffen

Als je een domeinnaam en webhosting hebt aangeschaft dan zul je van je hostingpartij een e-mail krijgen met daarin alle gegevens die je nodig hebt.

Welkom-email webhosting
Voorbeeld van een e-mail die je van je hostingpartij kan ontvangen

Zoals je kunt zien in de screenshot hierboven, ontvang je login-gegevens voor een controlepaneel. Dit kan DirectAdmin zijn, maar ook een ander controlepaneel zoals bijvoorbeeld cPanel, Plesk of een ‘custom’ controlepaneel van de hostingpartij zelf.

WordPress installeren

Sommige hostingpartijen zoals Savvii hebben WordPress al voor je geïnstalleerd. Dat is vaak het geval bij speciale WordPress hosting. Deze hostingpartijen sturen je direct als je klant wordt login-gegevens voor je WordPress administratiepaneel.

Bij andere hostingpakketten (zoals bijvoorbeeld het “Basic” pakket van iXL Hosting) zul je WordPress zelf moeten installeren. WordPress installeren kan op veel verschillende manieren. Ik zal de twee meest voorkomende methodes laten zien.

Methode 1: WordPress automatisch installeren met Installatron

WordPress automatisch installeren

Deze methode is de makkelijkste en snelste om WordPress te installeren. WordPress automatisch installeren is bij veel hostingpartijen een mogelijkheid. Dit komt doordat ze een “Application Installer” in het controlepaneel hebben toegevoegd. Je kunt programma’s als WordPress dan met één klik installeren.

Ik ga er bij het beschrijven van de stappen voor installatie hierbeneden vanuit dat je DirectAdmin als controlepaneel hebt (met Installatron als Application Installer). Als je voor iXL Hosting hebt gekozen dan zul je de stappen letterlijk kunnen volgen.

1: Inloggen bij DirectAdmin

Log eerst in bij het DirectAdmin-controlepaneel met de gegevens die je van je hostingpartij hebt gekregen. Je komt nu in het volgende scherm:

DirectAdmin
DirectAdmin

Klik in dit scherm op de domeinnaam waarop je WordPress wilt installeren. In het voorbeeld hierboven zou ik dan op “wouterpostma.nl” klikken.

2: SSL certificaat installeren

Je komt nu in een scherm met heel veel verschillende opties voor de domeinnaam waar je op hebt geklikt. Voordat we verdergaan met WordPress installeren, gaan we eerst een gratis SSL-certificaat installeren.

Waarom een SSL-certificaat?
Een SSL-certificaat zorgt ervoor dat je website bezocht kan worden via het HTTPS-protocol. Dat houdt in dat alle verkeer versleuteld wordt, en het dus moeilijker wordt gemaakt voor hackers om gegevens te onderscheppen.

Denk hierbij aan een bezoeker die een contactformulier invult, of jij als website-eigenaar die in WordPress inlogt. Het is een stuk veiliger om dit via een beveiligde verbinding te laten verlopen. Een geldig SSL-certificaat zorgt daarvoor.

Dankzij een SSL-certificaat ziet je website er een stuk betrouwbaarder uit.

Een bijkomend voordeel van een SSL-certificaat is dat Google websites met een SSL-certificaat als “betrouwbaarder” ziet en daarom beloont in de zoekresultaten. Een SSL-certificaat is dus indirect ook goed voor de vindbaarheid van je website.

Zoek naar het kopje “Advanced Features” en klik vervolgens op “SSL Certificates”.

SSL instellingen DirectAdmin
Klik op “SSL Certificates”

SSL-certificaten zijn tegenwoordig gratis dankzij diensten als Let’s Encrypt. Kies in het menu voor “Free & automatic certificate from Letsencrypt”. Vul vervolgens je gegevens in als deze nog niet zijn ingevuld:

Een gratis SSL-certificaat aanvragen van Let's Encrypt
Een gratis SSL-certificaat aanvragen van Let’s Encrypt

Klik nu onderin de pagina op “Save” en wacht op de melding dat het SSL-certificaat succesvol is geïnstalleerd.

SSL-certificaat niet gelukt?
Soms is het nodig om eerst SSL nog “toe te staan” voor jouw domeinnaam. Om dit te doen, ga je naar het Home-scherm van DirectAdmin en klik je op “Domain Administration” en dan op jouw domeinnaam. Controleer of hier “Secure SSL” is aangevinkt. Zo niet, vink deze optie aan en klik onderin op “Save”. Volg nu de stappen hierboven.

3: WordPress installeren

Het is nu tijd om WordPress te installeren met Installatron. Ga hiervoor terug naar het Home-scherm van DirectAdmin en klik vervolgens op je domeinnaam. Scroll nu naar beneden en zoek “Web Applications”:

Installatron in DirectAdmin
Installatron in DirectAdmin

Klik nu op “View more” en zoek naar WordPress. Klik nu op “Install this application”. Je komt nu in het scherm met alle instellingen. Ik zal ze stuk voor stuk uitleggen:

DirectAdmin

Bij “Location” kies je op welke domeinnaam je WordPress wilt installeren. In mijn geval is dat dus wouterpostma.nl. Let op: kies de versie die met “https” begint. Je kunt ook kiezen of je met of zonder “www.” wilt. Ik heb bijvoorbeeld gekozen voor https://wouterpostma.nl/ zonder WWW. Maar maak je geen zorgen, via WWW zal je website ook gewoon werken. Ga maar eens naar https://www.wouterpostma.nl/ – je komt gewoon op de juiste website terecht.

Haal het veld “Directory” leeg als je niet wilt dat je website in een subfolder komt te staan. Standaard is dit veld ingevuld als “blog”. Meestal is dit niet wenselijk. In mijn geval zou dat betekenen dat mijn website op wouterpostma.nl/blog komt te staan.

Installatron version en updates

Onder “version” kies je voor de “recommended” versie van WordPress. Vervolgens stel je de taal in op “Nederlands”. Ga ook akkoord met de “EULA” – de overeenkomst die bepaalt hoe je de software mag gebruiken. Bij “Automatic Update” kies je voor “Update to new minor versions and security releases”. Vervolgens kies je bij “WordPress Plugin Automatic Update” en “WordPress Theme Automatic Update” voor “Do not automatically update”. Tot slot kies je voor “Create a backup and automatically restore the backup if the update fails”.

Deze instellingen zorgen ervoor dat WordPress geüpdatet wordt. Hierdoor blijft je website goed werken en worden eventuele veiligheidsproblemen opgelost.

Installatron WordPress instellingen
Installatron WordPress instellingen

Onder “Settings” vul je in welke gebruikersnaam en wachtwoord je wilt gebruiken voor WordPress. Ook vul je hier je e-mailadres in en een titel voor je website. Optioneel kun je ook een “tagline” invullen. De titel zou bijvoorbeeld kunnen zijn “Kruidvat” en de tagline “Steeds verrassend, altijd voordelig” 😉 .

Kies vervolgens bij “Two Factor Authentication” voor “Do not enable two-factor authentication”. Zet “Limit Login Attempts” op “Yes” en “Enable Multi-site” op “No”.

Als allerlaatste, kies je onder het kopje “Advanced” voor “Automatically manage advanced settings for me”.

Je mag nu eindelijk op de Install-knop klikken. Je krijgt nu het volgende scherm te zien:

Installatron is aan het installeren
Installatron is aan het installeren

Zodra dit klaar is, kun je voor het eerst je website gaan bekijken.

4: Website bezoeken en inloggen in WordPress

Je website ziet er nu zo uit:

Nieuwe WordPress installatie
Waarschijnlijk had je je iets anders voorgesteld bij je website

Je kunt inloggen in WordPress door naar jouw website te gaan en dan naar /wp-admin. In mijn geval is dat dus: https://wouterpostma.nl/wp-admin. Log hier in met het eerder gekozen gebruikersnaam en wachtwoord.

Je hebt WordPress nu succesvol geïnstalleerd! Ga nu verder naar Instellingen.

Methode 2: WordPress handmatig installeren

Heeft jouw hostingpartij geen Installatron of een andere “Application Installer”? Dan zul je WordPress handmatig moeten installeren. Klap het blokje hieronder open om de stappen te vinden voor een handmatige installatie. Je doet hier ongeveer 5 minuten over.

WordPress handmatig installeren

1: Inloggen bij DirectAdmin

Log eerst in bij het DirectAdmin-controlepaneel met de gegevens die je van je hostingpartij hebt gekregen. Je komt nu in het volgende scherm:

DirectAdmin
DirectAdmin

Klik in dit scherm op de domeinnaam waarop je WordPress wilt installeren. In het voorbeeld hierboven zou ik dan op “wouterpostma.nl” klikken.

2: SSL certificaat installeren

Net als bij het automatisch installeren, zul je een SSL-certificaat moeten installeren op je website.

Zoek naar het kopje “Advanced Features” en klik vervolgens op “SSL Certificates”.

SSL instellingen DirectAdmin
Klik op “SSL Certificates”

SSL-certificaten zijn tegenwoordig gratis dankzij diensten als Let’s Encrypt. Kies in het menu voor “Free & automatic certificate from Letsencrypt”. Vul vervolgens je gegevens in als deze nog niet zijn ingevuld:

Een gratis SSL-certificaat aanvragen van Let's Encrypt
Een gratis SSL-certificaat aanvragen van Let’s Encrypt

Klik nu onderin de pagina op “Save” en wacht op de melding dat het SSL-certificaat succesvol is geïnstalleerd.

SSL-certificaat niet gelukt?
Soms is het nodig om eerst SSL nog “toe te staan” voor jouw domeinnaam. Om dit te doen, ga je naar het Home-scherm van DirectAdmin en klik je op “Domain Administration” en dan op jouw domeinnaam. Controleer of hier “Secure SSL” is aangevinkt. Zo niet, vink deze optie aan en klik onderin op “Save”. Volg nu de stappen hierboven.

3: Database aanmaken

Ga nu naar “MySQL Management”:

DirectAdmin MySQL Management
DirectAdmin MySQL Management

Klik vervolgens op Create new database. Kies vervolgens een naam, gebruikersnaam en wachtwoord voor je database.

Database aanmaken DirectAdmin
Database aanmaken DirectAdmin

Klik vervolgens verder. Je krijgt nu de onderstaande gegevens te zien. Kopieer deze of schrijf ze ergens op:

Database gegevens
Database gegevens

4: WordPress downloaden en uploaden

Ga nu naar https://nl.wordpress.org/download/ en klik op de blauwe knop “WordPress x.x.x downloaden“. Er wordt nu een ZIP-bestand gedownload. Pak dit ZIP-bestand uit zodat je de volgende folder met bestanden hebt:

WordPress bestanden
WordPress bestanden

Open nu een FTP-programma. Ik gebruik zelf Transmit (macOS) maar je kunt op Windows bijvoorbeeld FileZilla gebruiken. Log in via FTP met de gegevens die je van je hostingpartij hebt ontvangen.

Verbinden via FTP
Verbinden via FTP

Na het inloggen zal je FTP-programma een mappenstructuur openen. Open de volgende mappen: domains > jouwdomeinnaam.nl > private_html. Sleep nu de bestanden uit de “wordpress” folder naar je private_html folder in je FTP-programma om te beginnen met uploaden:

FTP uploaden
Sleep je bestanden naar de FTP-client om te beginnen met uploaden

Wacht nu totdat je FTP klaar is met uploaden. Dit kan even duren, omdat WordPress uit vrij veel bestanden bestaat.

5: WordPress installeren

Als het uploaden klaar is, ga dan naar je website om de installatie te beginnen. Klik op “Laten we starten”. In het volgende scherm moet je de gegevens van je database invullen die we bij stap 3 hebben ingevuld.

WordPress installatie database gegevens
Vul je database-gegevens in en klik op “Verzenden”

Klik in het volgende scherm op “De installatie uitvoeren”. Vul nu een titel in voor je website en kies een gebruikersnaam en wachtwoord. Vul ook je e-mailadres in en klik dan op “WordPress installeren”.

WordPress installeren

Je krijgt nu een melding dat de installatie voltooid is. Klik nu op inloggen en log in met je gebruikersnaam en wachtwoord.

Instellingen

WordPress Instellingen
WordPress Instellingen

Nu je WordPress hebt geïnstalleerd en je voor het eerst hebt ingelogd in je WordPress admin-paneel, kun je beginnen met het instellen van je WordPress-website. Als je bent ingelogd, ga dan naar het menu aan de linkerkant: Instellingen > Algemeen. Hier vind je de belangrijkste instellingen voor jouw WordPress-website.

Zo kun je in dit scherm de titel en de tagline van je website aanpassen. Er zijn ook instellingen waar je beter van af kunt blijven, zoals “WordPress adres (URL)” en “Siteadres (URL)”.

De overige instellingen spreken redelijk voor zich. De screenshot hierbeneden laat zien hoe ik deze instellingen heb neergezet (klik op de afbeelding voor een grotere weergave).

Algemene instellingen WordPress
Algemene instellingen WordPress

Dummy content verwijderen

Ga nu in WordPress naar “Berichten” en verwijder het bericht genaamd “Hello world!”. Dit is een voor-geïnstalleerd bericht van WordPress dat als voorbeeld dient. Je kunt dit direct na het installeren verwijderen door op “prullenbak” te klikken:

Hello World verwijderen
“Hello world!” verwijderen

Vervolgens kun je naar de prullenbak gaan en op “Prullenbak leegmaken” klikken om het definitief te verwijderen. Ga nu naar “Pagina’s” en doe hetzelfde met de “Sample Page”.

Ga nu in het linker menu naar Plugins > Geïnstalleerde plugins, en verwijder de volgende twee plugins:

  • Akismet Anti-Spam
  • Hello Dolly

Akismet is een plugin van Automattic die SPAM-reacties op je website tegenhoudt. Dit is vooral handig als je een blog bijhoudt waar mensen reacties kunnen plaatsen (zoals onderaan dit artikel). Ik gebruik hiervoor zelf Antispam Bee, een plugin die ook goed werkt en bovendien altijd gratis is.

Hello Dolly is een plugin die helemaal niets nuttigs toevoegt en het is mij een raadsel waarom dit nog steeds standaard wordt mee-geïnstalleerd met WordPress.

Als je WordPress met Installatron hebt geïnstalleerd (Methode 1 hierboven), dan staat er nog een derde plugin: Limit Login Attempts Reloaded. Deze plugin kun je wél behouden, want deze doet iets nuttigs. Daarover vertel ik meer onder het kopje “Plugins installeren”, verderop in dit artikel.

Theme kiezen

Een WordPress theme is dat wat de layout en opmaak van je website bepaalt. Ieder jaar krijgt WordPress een nieuw standaard WordPress theme. Op dit moment is dat Twenty Twenty-One (2021). Daarvoor had je Twenty Twenty (2020) en Twenty Nineteen (2019). Als je WordPress installeert, zijn de drie meest recente themes altijd direct beschikbaar om te activeren via het menu Weergave > Thema’s.

De standaard themes zijn vaak hele strakke themes, maar wel erg minimaal. Er zijn gelukkig duizenden themes voor WordPress beschikbaar. Zowel gratis als betaald. Tussen de gratis themes vind je een hoop moois, maar de échte kwaliteits-themes zijn vaak betaalde themes.

Tip:
De website die we in dit artikel opzetten is gemaakt met Divi. Het mooie aan Divi is dat je voor $89 niet alleen Divi krijgt maar ook Extra, het andere theme van Elegant Themes. Divi heeft een eigen drag & drop “bouwer” waarmee je je eigen layouts kunt maken.

Premium of gratis theme?

De themes waarvoor je moet betalen heten “Premium” themes. Een aantal bekende aanbieders van premium themes zijn Elegant Themes (vooral bekend van Divi), Themeforest en GeneratePress. De website die als voorbeeld wordt getoond bovenaan dit artikel is gemaakt met Divi van Elegant Themes.

Het voordeel van premium themes is dat je bijna altijd zeker weet dat de ontwikkelaar van het theme actief support levert én het theme regelmatig van updates voorziet. Zo weet je zeker dat je theme over twee of drie jaar ook nog werkt.

Je kunt natuurlijk prima beginnen met een gratis theme. Maar als je een website voor je bedrijf maakt dan staat het misschien professioneler om voor een premium theme te kiezen. Deze bieden vaak ook meer opties om je website aan te passen aan jouw huisstijl.

Theme installeren

Een theme installeren kan op meerdere manieren. Om dit te doen ga je in WordPress naar Weergave > Thema’s en klik je bovenin op Nieuwe toevoegen. Wil je een gratis WordPress theme gebruiken? Dan kun je deze direct vanuit dit scherm zoeken en installeren.

Heb je een premium theme zoals Divi gekocht? Dan zul je dit theme moeten uploaden. Dit doe je via de Thema uploaden-knop.

Thema uploaden WordPress

Selecteer vervolgens het ZIP-bestand van je theme vanaf je computer en klik vervolgens op “Nu installeren”.

Selecteer je theme en klik op Nu installeren
Selecteer je theme en klik op Nu installeren

Klik vervolgens op Activeren:

Theme activeren

Als je nu je website bekijkt, zal deze er al een stuk anders uit zien.

Divi tip:
Gebruik je Divi? Koppel dan je website alvast aan je account van Elegant Themes. Je kunt dan je theme gemakkelijk automatisch updaten en ook krijg je toegang tot meer dan 100 website packs met professionele layouts. Je koppelt je account door eerst in te loggen op de website van Elegant Themes. Ga vervolgens naar My Account > API Keys en maak een nieuwe API Key aan. Kopieer de code en ga vervolgens in je WordPress admin naar Divi > Thema opties > Updates en vul hier je gebruikersnaam van Elegant Themes in én je API Key.

Theme aanpassen

Nu je een theme hebt geïnstalleerd, wil je deze eerst aan je wensen aanpassen. Dit kun je in WordPress doen via Weergave > Customizer. Zo kun je hier instellen welke kleuren je wilt gebruiken en welk lettertype. Bij sommige themes kun je ook direct vanuit hier je logo uploaden. Bij Divi vind je deze optie echter in het Divi-menu in WordPress in plaats van in de Customizer.

Je kunt vanuit de Customizer ook het menu van je website aanpassen. Dit kun je beter doen als je pagina’s hebt. Dit zullen we dus later in dit artikel toevoegen.

Plugins installeren

Nu de basis van je website staat, adviseer ik om een aantal plugins te installeren. Dit zijn plugins die de veiligheid, snelheid en vindbaarheid van je website ten goede komen. Ook zullen deze plugins helpen om je website later bij Google aan te melden.

Een plugin installeren doe je door in WordPress naar Plugins > Nieuwe plugin te gaan. Zoek vervolgens de plugin die je wilt installeren en klik op Installeren en vervolgens op Activeren.

Beveiliging

Voor de beveiliging van je website adviseer ik om in ieder geval een plugin te installeren zoals Limit Login Attempts Reloaded. Als je je website met Installatron hebt geïnstalleerd, is deze plugin misschien al geïnstalleerd en geactiveerd. De naam zegt het eigenlijk al, Limit Login Attempts zorgt ervoor dat gebruikers die proberen in te loggen na een paar mislukte pogingen (tijdelijk) worden buitengesloten uit de admin-omgeving van je WordPress-site. Eén van de technieken die hackers gebruiken is dat een soort ‘bot’ heel vaak probeert in te loggen met verschillende wachtwoorden, net zo lang tot het lukt. Limit Login Attempts houdt deze hackers tegen.

Naast deze plugin kun je ook Wordfence installeren. Deze plugin houdt malware tegen en scant regelmatig al je bestanden om te zorgen dat deze niet geïnfecteerd zijn met malware.

Backups

Het is van belang om regelmatig backups te maken van je website. Mocht er iets mis gaan, dan is het handig als je een backup hebt van je website zodat je niet alles kwijtraakt. Als je een goede hostingpartij hebt gekozen zoals iXL Hosting of Savvii, dan zorgt de hostingpartij voor een dagelijkse backup. Maar die backup wordt óók op je hostingpakket opgeslagen. Als je dan dus toegang verliest tot je hosting, dan ben je ook je backup kwijt. Het is daarom aan te raden om óók backups te maken naar een externe locatie, zoals Google Drive of Dropbox.

Hiervoor kun je het beste de gratis UpdraftPlus-plugin installeren. Ga vervolgens naar Instellingen > UpdraftPlus-backups en ga dan naar het derde tabblad (Instellingen). Klik nu op de cloud-dienst die je wilt gebruiken, zoals Google Drive.

UpdraftPlus Google Drive
Selecteer Google Drive (of een andere dienst)

Scroll nu naar beneden en klik op “Opslaan”. UpdraftPlus zal je nu een link laten zien om in te loggen, bijvoorbeeld bij Google Drive of Dropbox.

UpdraftPlus authenticatie
UpdraftPlus authenticatie

Klik op de link, log vervolgens in op je account en geef toestemming voor UpdraftPlus om bestanden op te slaan op je Google Drive. Klik vervolgens op de “Complete setup”-knop. Je hebt UpdraftPlus nu gekoppeld aan een externe opslag.

Als je nu op “Nu een backup maken” klikt, zal de plugin automatisch al je bestanden en je database opslaan op Google Drive.

Backup maken UpdraftPlus
Backup maken UpdraftPlus

Als er nu iets fout gaat op je website, kun je met één klik de backup terugzetten:

Backup terugzetten
Backup terugzetten

Je hoeft natuurlijk niet iedere keer zelf op de Backup-knop te klikken om de backup te maken. Je kunt UpdraftPlus namelijk ook instellen om dit automatisch te doen, bijvoorbeeld één keer per dag.

Backups volgens een vast schema
Backups instellen volgens een vast schema

Deze plugin zorgt ervoor dat jouw backups volledig geautomatiseerd zijn en dat je deze eenvoudig kunt herstellen als er iets mis gaat op je website. De plugin is bovendien helemaal gratis.

SEO

SEO staat voor Search Engine Optimization, oftewel zoekmachine-optimalisatie. Onder SEO wordt verstaan: het beter vindbaar maken van je website voor gebruikers van zoekmachines.

De meest bekende (gratis) plugin voor SEO is Yoast SEO. Yoast is een Nederlands bedrijf dat al jaren enorm veel bijdraagt aan de WordPress community. De uitgebreide gratis SEO-plugin is daar een voorbeeld van.

De handigste functie van Yoast SEO is het feit dat de plugin automatisch sitemaps maakt op basis van je content. Deze sitemaps gebruiken we verderop in dit artikel om je website aan te melden bij Google. Dit maakt het makkelijker voor Google om je website te vinden en te indexeren.

Performance

Onder “Performance” verstaan we het sneller maken en houden van je website. Een snelle website is belangrijk. Bezoekers haken vaker af bij langzame websites, en ook Google “beloont” websites die snel laden.

Je kunt zelf al heel veel doen voor de snelheid van je website:

  • Niet onnodig veel plugins installeren.
  • Alleen werken met themes die goed in elkaar zitten.
  • Een goede hostingpartij.
  • Niet te grote afbeeldingen naar WordPress uploaden. Upload bijvoorbeeld geen rauwe foto’s uit je spiegelreflex-camera, maar verklein deze eerst met bijvoorbeeld Photoshop.

Naast de dingen die je zelf kunt doen, zijn er ook plugins die helpen. Zo is er de gratis plugin W3 Total Cache. Deze plugin zorgt ervoor dat de browser van je bezoekers bepaalde statische elementen (zoals je logo of andere afbeeldingen) kan opslaan in de cache. Zo hoeven deze bestanden niet steeds opnieuw te worden gedownload bij het bezoeken van je website.

Na het installeren van de W3 Total Cache-plugin, kun je in het Prestaties-menu in WordPress de “Instelling gids” gebruiken om de plugin in te stellen. W3TC checkt dan automatisch welke instellingen het beste zijn voor jouw website.

W3 Total Cache
Na het installeren van W3 Total Cache kun je de plugin automatisch instellen door gebruik te maken van de “W3 Total Cache Setup Guide”

Content (inhoud) toevoegen

Nu de basis van je website staat, kun je gaan beginnen met het opzetten van de inhoud (content) van je website. Simpel gezegd biedt WordPress standaard twee manieren om content aan je website toe te voegen: Pagina’s en Berichten. Eigenlijk zijn pagina’s en berichten niet heel erg verschillend van elkaar, behalve dat berichten in chronologische volgorde worden getoond en dus uitermate geschikt zijn voor het bijhouden van een blog of nieuws-pagina. Wat je nu aan het lezen bent, is een bericht. Een voorbeeld van een pagina is de Over mij-pagina.

Pagina’s

Om een nieuwe pagina te maken, ga je naar Pagina’s > Nieuwe pagina. Je komt nu in de WordPress Editor. Je vult hier de titel van je pagina in, bijvoorbeeld “Home”. Vervolgens kun je blokken gaan toevoegen aan je pagina. Voorbeelden van blokken zijn:

  • Paragraaf (tekst)
  • Afbeelding
  • Galerij
  • Koptekst (heading)
  • Video (YouTube)
  • Citaat

Door deze blokken op je pagina te zetten en te vullen met jouw content, afbeeldingen en meer, kun je je pagina’s opbouwen. Als je tevreden bent met je pagina klik je rechts bovenin op de blauwe “Publiceren”-knop.

WordPress Editor
WordPress Editor

Je kunt een pagina ook als “concept bewaren”. Zo kun je later verder werken aan je pagina zonder dat je deze al hoeft te publiceren. Zolang een pagina niet gepubliceerd is, kan alleen jij als ingelogde gebruiker de pagina zien. Wil je een voorbeeld van hoe je pagina er uit ziet? Klik dan rechtsboven op de “Voorbeeld”-link (naast de Publiceren-knop).

Berichten

Berichten gebruik je dus alleen als je een blog of nieuws-sectie op je website wilt. Je voegt berichten toe via Berichten > Nieuw bericht. Berichten kunnen bovendien in Categorieën onderverdeeld worden. Deze categorieën kun je óók zelf beheren via Berichten > Categorieën. Het bewerken van een bericht werkt hetzelfde als bij pagina’s. Dit gaat via de WordPress Editor.

Homepage: pagina of berichten?

Voor de homepage van WordPress kun je zelf kiezen of je hier een pagina wilt tonen of juist een blog (je laatste berichten). Dit kun je instellen via Instellingen > Lezen. Als je bijvoorbeeld een pagina hebt gemaakt die “Home” heet, kun je die als volgt instellen als begin-pagina van je website:

Home pagina statische pagina of berichten
De pagina “Home” als homepage instellen in het Instellingen > Lezen menu.

Je kunt eventueel ook een pagina selecteren als “Berichtenpagina”. Hier worden dan automatisch je berichten getoond. Dit is handig als je bijvoorbeeld wél een blog of nieuws-pagina wilt bijhouden, maar deze niet als homepage wilt.

Menu’s

Als je eenmaal pagina’s hebt aangemaakt, kun je deze in het hoofdmenu van je website plaatsen zodat je website-bezoekers de pagina’s kunnen vinden.

Open het menu onder Weergave > Menu’s om je menu’s te beheren. Vul onder “Menustructuur” een naam in en selecteer bij “Locatie tonen” de locatie “hoofdmenu” of “primary menu” (hoe deze heet ligt er een beetje aan welk theme je gebruikt).

Nieuw menu maken WordPress
Nieuw menu maken in WordPress

Klik vervolgens op “Menu aanmaken”. Er verschijnt nu aan de linkerkant een nieuw menu waar je pagina’s kunt selecteren die je aan je menu wilt toevoegen:

Pagina's aan menu toevoegen WordPress

Selecteer de pagina’s die je in je hoofdmenu wilt tonen en klik op “Aan menu toevoegen”. Voordat je je menu opslaat, kun je de pagina’s in de gewenste volgorde “slepen”:

WordPress menu aanpassen
Menu aanpassen

Divi

Als je Divi gebruikt, is er naast de WordPress Editor de mogelijkheid om gebruik te maken van de Divi Editor. Gebruik je geen Divi? Lees dan verder. Gebruik je wel Divi? Klik dan hierbeneden om het open te klappen.

Divi Editor

Divi heeft de zogeheten Divi Editor. Als je een pagina of bericht bewerkt op je WordPress-website, kun je deze editor openen door te klikken op “Gebruik de Divi Editor”.

De Divi Editor gebruiken
De Divi Editor gebruiken

Je krijgt je pagina nu te zien zoals bezoekers deze ook zien. Beweeg je muis over onderdelen om hier vervolgens nieuwe blokken toevoegen. Je kunt echter ook kiezen voor “Layout kiezen”.

Divi Layout kiezen
Kies voor “Layout kiezen” om een Divi Layout te gebruiken.

Je krijgt nu de keuze uit meer dan 100 professionele website layouts. De afbeelding hierbeneden toont een voorbeeld van een Divi Layout. Zoals je ziet zitten er 9 layouts in deze “Pack”. Dat zijn dus eigenlijk 9 verschillende “prefab” pagina’s in dezelfde stijl, die je kunt gebruiken om snel je website op te bouwen.

Divi Layout voorbeeld
Divi Layout voorbeeld

Heb je de layout gevonden die je wilt gebruiken? Klik dan op “Use This Layout”. De layout wordt dan ingeladen en je kunt deze vervolgens met de Divi Editor aanpassen aan jouw wensen.

Website aanmelden bij Google

De volgende stap bij het maken van een website is het aanmelden van je website bij Google. Dit is niet verplicht, en je website wordt ook door Google gevonden als je dit niet doet. Het kan het proces echter wel aanzienlijk versnellen.

Google Search Console

Het aanmelden van je site doe je via Google Search Console. Om hier in te loggen heb je een Google-account (Gmail) nodig.

Google Search Console
Google Search Console

Bij Search Console kun je niet alleen je website aanmelden. Google Search Console geeft ook inzicht in de zoektermen waar je op gevonden wordt én hoeveel klikken vanuit Google dat heeft opgeleverd.

Om je website toe te voegen aan Search Console, moet je verifiëren dat jij de eigenaar bent van de website. De snelste manier om dit te doen is om de Site Kit plugin voor WordPress te installeren.

Google Site Kit plugin
de Google Site Kit plugin

Als je deze plugin hebt geïnstalleerd en geactiveerd, dan vind je een nieuw menu in je WordPress admin:

Google Site Kit in WordPress
Google Site Kit in WordPress
Search Console connected
Als het gelukt is, zie je dat Search Console “connected” is

Klik op de blauwe knop om in te loggen met je Google account en doorloop de verschillende stappen. Als alles goed gaat, zie je de melding dat Search Console “connected” is (zie ook de screenshot).

Sitemap indienen

Nu Search Console is gekoppeld aan je website, kun je naar deze link gaan om in te loggen bij Google Search Console. Qua zoekverkeer-data zal dit nu nog redelijk leeg zijn, want je website bestaat pas sinds kort en is misschien nog niet vindbaar in Google. Om hier verandering in te brengen, gaan we naar het Index > Sitemaps menu in WordPress.

Let op:
Deze stap werkt alléén als je eerder de Yoast SEO-plugin hebt geïnstalleerd. Deze plugin zorgt er namelijk voor dat er automatisch sitemaps worden gegenereerd van je website. Je kunt dit controleren door naar jouwwebsite.nl/page-sitemap.xml te gaan. Een voorbeeld van zo’n sitemap zie je hier.

Bij het kopje “Add a new sitemap” vul je nu “page-sitemap.xml” in en klik je op Submit:

Sitemap indienen
Sitemap indienen

Als je óók berichten hebt, voeg dan ook de sitemap “post-sitemap.xml” toe. Na het toevoegen van je sitemaps, kun je bij Submitted sitemaps zien hoeveel URLs (pagina’s) Google heeft ontdekt:

Search Console Submitted Sitemaps

Het aantal “Discovered URLs” zou overeen moeten komen met het aantal pagina’s (of berichten) dat je hebt gepubliceerd op je WordPress-site. De Yoast SEO-plugin zal nieuwe pagina’s of berichten – die je in de toekomst toevoegt – automatisch aan je sitemap toevoegen. En Google Search Console zal op zijn beurt regelmatig je sitemap bezoeken om te kijken of er nog nieuwe URLs zijn toegevoegd.

Je hoeft vanaf nu dus niet meer te kijken naar je sitemaps. Dankzij Yoast SEO wordt Google automatisch op de hoogte gebracht van nieuwe pagina’s of berichten die Google moet bekijken en indexeren.

Google Analytics

Naast Search Console is er nog een andere handige tool van Google. Deze tool heet Google Analytics en helpt je om bij te houden hoeveel bezoekers er naar je website komen en welke pagina’s zij bezoeken.

Google Analytics Site Kit
Google Analytics kun je ook vanuit Site Kit installeren

Net als Search Console, kun je Google Analytics vanuit Site Kit verbinden aan je website. Klik op “Connect Service” en doorloop de stappen. Ga nu naar deze link en log in met je Google-account. Controleer nu bovenin of jouw website geselecteerd is, en klik nu op Realtime > Overview.

Realtime Analytics
Realtime Analytics

Houd dit venster open en open nu je website in een privé-venster (of incognito-venster in Google Chrome). Wacht nu even en kijk dan in Google Analytics of er één actieve bezoeker op je website is:

Realtime bezoeker Google Analytics

Zo ja, dan is het installeren van Google Analytics gelukt. Google Analytics zal vanaf nu bijhouden hoeveel bezoekers er op je website komen en welke pagina’s zij bekijken. Ook herkent Google Analytics waar jouw bezoekers vandaan komen, niet alleen uit welke stad maar ook vanaf welke andere website ze op jouw site terecht zijn gekomen (bijvoorbeeld Facebook of Twitter).

Meer weten over Google Analytics?
Binnenkort plaats ik een artikel over het analyseren van je website met behulp van de data in Google Analytics. Meld je aan voor de nieuwsbrief om op de hoogte te blijven.

Meld je aan voor de nieuwsbrief!


Tot slot

Je hebt nu de basis van een WordPress-website neergezet. Nu is het aan jou om te zorgen dat er ook bezoekers naar je website komen. Stuur de link eerst eens naar je vrienden en kennissen, zodat zij je feedback kunnen geven.

En voordat je je website uitgebreid gaat promoten. Bedenk je ook eens: wat is het doel van mijn website? Wil je bijvoorbeeld potentiële klanten of leads verzamelen, zorg dan dat je bezoekers zich ergens kunnen aanmelden of hun gegevens kunnen achterlaten. Bijvoorbeeld in de vorm van een nieuwsbrief, of in ruil voor een gratis download.

Heb je na deze handleiding vragen over het opzetten van je website? Laat dan een reactie achter via het onderstaande formulier!

Geschreven door
Wouter Postma
Reageer

Menu