1
Zelf een website maken

Je eigen website maken is eenvoudiger dan je misschien denkt. Zelfs als je geen bedrijf hebt, kan een eigen website heel handig zijn.

Steeds meer mensen willen graag iets individueels creëren in plaats van een standaardprofiel op LinkedIn of Facebook. Waarom geen eigen website met je eigen domeinnaam?

Laten we eerst eens kijken naar de vragen die in het verleden het meest werden gesteld door ambitieuze beginners zoals jij:

Moet ik kunnen programmeren?

Dat hangt er vanaf waar je je website voor wilt gebruiken. De meest ingewikkelde manier is om te leren programmeren in HTML, CSS, JavaScript en PHP. Dat zijn de programmeertalen die voor zo’n beetje elke website worden gebruikt.

Maar er zijn andere manieren om een website te maken: ook als je niet veel weet van de technische kant, kun je toch eenvoudig een goede website maken.

Hoe dan?

Door een websitemaker te gebruiken. Als je met Word, Facebook of PowerPoint kunt omgaan, dan kun je ook zonder problemen met dit soort tools leren werken. Deze eenvoudig te gebruiken platforms bieden een visuele editor, hosting en de mogelijkheid om een domeinnaam te reserveren: alles wat je nodig hebt via één provider.

De 3 populairste manieren om een website te maken

Laten we eens kijken naar de populairste manieren om een website te maken. Er zijn verschillende mogelijkheden. Sommige zijn flexibeler dan anderen en sommige zijn vrij ingewikkeld.

Een website maken met een websitemaker

Laten we beginnen met de eenvoudigste optie: een websitemaker. Dit is zeg maar een compleet pakket: één provider biedt meestal de sjablonen (het ontwerp), de editor, hosting, de domeinnaam, een e-mailadres en ondersteuning. De websitemaker voert al de ingewikkelde taken voor je uit.

Dat is niet alleen handig voor beginners, het hangt ook heel erg af van het soort website. Waarom moeilijk doen als het ook gemakkelijk kan? Bijna alle websitemakers bieden een gratis basispakket waarmee je de tool uitgebreid kunt testen voordat je besluit of je ervoor wilt betalen.

De prijs van een betaald pakket begint bij € 8,50 per maand, maar hierbij zijn dan alle basisbenodigdheden inbegrepen. Als je niet per se een e-mailadres nodig hebt, is het nog goedkoper.

Bekijk onze beoordeling van Wix als je wilt weten hoe het precies werkt. Dit is zo’n beetje hoe alle websitemakers werken.

Voordelen:

  • Heel eenvoudig in gebruik.
  • Je hebt geen aparte software nodig.
  • Je kunt meteen aan de slag, zonder programmeerkennis.
  • Updates en beveiliging worden door de websitemaker geregeld.
  • Sjablonen met kant-en-klare ontwerpen die je zelf kunt aanpassen.

Nadelen:

  • Het is niet altijd mogelijk om extra functies toe te voegen (afhankelijk van de websitemaker).
  • Minder flexibel omdat je afhankelijk bent van de provider.
  • Niet geschikt voor meer complexe websites waarvoor een database nodig is (bijvoorbeeld een vacaturesite of huizensite).

Andere voorbeelden van websitemakers zijn Jimdo, JouwWeb en Webnode. Je vindt nog meer websitemakers in onze vergelijking.

Je kunt Wix net zo lang als je wilt gratis uitproberen.

Probeer Wix gratis

 

Een website maken met een contentmanagementsysteem

Een contentmanagementsysteem (CMS) werkt in principe hetzelfde als een websitemaker, maar is veel ingewikkelder in gebruik.

Met een websitemaker kun je niet alleen eenvoudig content zoals tekst of plaatjes toevoegen, je kunt er bovendien een complete website mee ontwerpen. Een klassiek CMS is wat dat betreft veel beperkter en qua ontwerp zit je vast aan de beschikbare sjablonen.

We beperken ons hier tot WordPress, het populairste CMS, maar er zijn ook een heleboel andere systemen, zoals Joomla!, Drupal en Typo3. Dankzij hostingbedrijven die de mogelijkheid bieden om WordPress met één klik te installeren is het opzetten niet echt moeilijk.

Je kunt ook eenvoudig sjablonen installeren en aanpassen met behulp van ontwerpopties. Maar: als er iets in zit waar je niet tevreden mee bent, zul jij (of je programmeur) waarschijnlijk de CSS- of HTML-code moeten aanpassen.

Hosting, de domeinnaam, e-mailadressen, installatie en de mate van ondersteuning die je nodig hebt zijn afhankelijk van hoeveel je wilt besteden en hoeveel technische kennis je zelf hebt. Als je het zelf doet, kan het vrij goedkoop zijn.

Een van de voordelen, vooral van WordPress, is dat er duizenden plug-ins beschikbaar zijn waarmee je speciale functies aan je website kunt toevoegen die standaard niet worden aangeboden. Een typisch voorbeeld hiervan is WooCommerce, een plug-in waarmee je een complete webwinkel aan je website kunt toevoegen.

WordPress is standaard beschikbaar in één taal, maar er zijn plug-ins zoals WPML waarmee je je pagina’s kunt (laten) vertalen. Ik ben ook erg enthousiast over de Nederlandse plug-in Yoast SEO, waarmee je de instellingen voor zoekmachines (bijvoorbeeld Google) kunt aanpassen.

In onze introductievideo laten we je zien waar je rekening mee moet houden als je overweegt om WordPress te gaan gebruiken. De video is in het Engels, maar de interface van WordPress is ook beschikbaar in het Nederlands.

Voordelen:

  • Je kunt zelf je hostingbedrijf kiezen.
  • Ideaal voor websites in meerdere talen.
  • Technisch flexibel: je hebt toegang tot alle sourcecode (als je weet hoe je daarmee om moet gaan).
  • Je kunt functies toevoegen met behulp van plug-ins.

Nadelen:

  • Geen persoonlijke technische ondersteuning.
  • De creatieve vrijheid is afhankelijk van het sjabloon dat je hebt gekozen.
  • Voor sommige plug-ins moet je betalen.
  • Je hebt waarschijnlijk een programmeur nodig voor zelfs de kleinste aanpassingen in het ontwerp.

Andere voorbeelden van contentmanagementsystemen zijn Joomla! en Drupal, maar deze zijn veel complexer dan WordPress, dus daar zullen we hier verder niet op in gaan.

Zelf een website (laten) programmeren

Dit is de ultieme optie: gewoon een editor openen en zelf beginnen met code schrijven. Als je totale vrijheid wilt, dan is dit de beste optie. Je hebt er geduld voor nodig en voor beginners is dit meestal te veel gevraagd (en te frustrerend).

Op websites als Codecademy, Mozilla of W2Schools vind je stapsgewijze tutorials voor beginners. Maar houd er rekening mee dat het lang kan duren voordat je website eindelijk klaar is.

We kunnen geen idee geven van de kosten, want dit is heel erg afhankelijk van de website. Het wordt natuurlijk nog duurder als je een programmeur moet inhuren: zo’n € 6,50 tot € 10 per maand voor een websitemaker is altijd goedkoper dan wat een ontwerper of bureau rekent voor een uur werk.

Voorbeelden van tools om een website mee te maken zijn NetBeans, Aptana Studio en Brackets. Ze zijn gratis en je kunt ze in ieder geval gebruiken voor HTML, CSS, JavaScript en PHP. Een andere optie is Webflow, een visuele editor voor sourcecode.

Atom Editor

Atom Editor

Voordelen:

  • Als je kunt programmeren zijn de mogelijkheden oneindig.
  • Goedkope hosting.
  • Maximale flexibiliteit.

Nadelen:

  • Geen ondersteuning.
  • De leercurve is heel steil.
  • De kosten zijn moeilijk in te schatten.
  • Je hebt veel tijd nodig om te leren en te implementeren.

Hoe zit het met domeinnamen?

Een gratis domeinnaam ziet er meestal niet echt professioneel uit, omdat hij de naam van een ander bedrijf bevat. Als je geen gratis domeinnaam wilt gebruiken, moet je dus je eigen domein kopen. Dit ziet er dan uit als www.mijnbedrijfsnaam.com. In de meeste gevallen kun je het beste kiezen voor de extensie .com, tenzij je alleen in één land actief bent, bijvoorbeeld in Nederland (.nl) of België (.be).

domain
Onze eigen domeinnaam

Er zijn genoeg bedrijven die domeinnamen verkopen. One.com is één voorbeeld. Hier betaal je ongeveer 15 euro per jaar.

Afhankelijk van welke websitemaker je kiest, kan de eigen domeinnaam ook inbegrepen zijn in je pakket. Bij JouwWeb is een eigen domeinnaam bijvoorbeeld inbegrepen in hun betaalde pakket. Bij Wix en Jimdo betaal je het eerste jaar niets voor je eigen domeinnaam. De daaropvolgende jaren betaal je iets meer dan bijvoorbeeld bij One.com, maar het is wel handig als je alles bij één bedrijf hebt ondergebracht.

Als je WordPress.org gebruikt of zelf een website bouwt, moet je ook je eigen opslagruimte regelen. Deze kun je bij hetzelfde bedrijf kopen als je domeinnaam. Maar als je nog maar net begint, hoef je je daar nog even niet al te druk over te maken.

Tip: als je ook e-mailadressen nodig hebt, kun je Zoho Workplace proberen. Dit lijkt op G Suite van Google, maar Zoho heeft ook een gratis pakket.

Je website ontwerpen en plannen

Koken zonder recept is niet altijd handig, zeker als je geen ervaring hebt. Ook voor een website geldt: improviseren is geen goed idee. Door te plannen kun je vooraf beslissen welke onderdelen je wilt, welke content het beste werkt en hoe je website eruit moet gaan zien.

mind map website
Mindmap voor een online schoenwinkel

Het is handig om te beginnen met een mindmap met ideeën over wat er allemaal op je website moet komen. De belangrijkste onderdelen van deze mindmap kunnen de basis vormen van je navigatie.

Tips om je website te plannen:

  1. Gebruik papier en pen en schrijf alles op wat je op je website wilt. Brainstormen en een mindmap zijn perfecte manieren om je ideeën te ordenen.
  2. Bekijk het ontwerp en de content van andere interessante websites.  Noteer wat je goed vindt en wat niet.
  3. Zodra je een kladversie hebt van wat je op je website wilt hebben, kun je goede vrienden vragen om feedback. Zo krijg je zeker een goed beeld van hoe je website eruit moet gaan zien.
  4. Maak een lijst (bijvoorbeeld in Excel) van alle pagina’s van je website. Noteer voor elke pagina de titel, het soort content, de sleutelwoorden, het doel, het soort pagina en het belang van de pagina.
  5. Extra: als je wilt dat je website goed scoort in zoekmachines, moet je nu uitzoeken welk sleutelwoord het beste past bij elke pagina en dit noteren bij stap 4.

Hoe zit het met webdesign?

Een mooi grafisch ontwerp voor je website maken is niet gemakkelijk. Ik denk zelfs dat er online meer voorbeelden te vinden zijn van slechte ontwerpen dan van goede. Zorg ervoor dat jouw website daar niet bij hoort!

Spijkerbroeken met wijd uitlopende pijpen waren helemaal trendy in de jaren zeventig, maar in de jaren tachtig en negentig zag je er niemand meer mee. Ook in websiteontwerp zie je dit soort trends. Denk er dus aan dat wat vijf jaar geleden in was, nu misschien als ouderwets wordt gezien.

Deze eenvoudige tips zijn niet bedoeld voor professionele ontwerpers, maar werken meestal wel:

  1. Kies bij voorkeur een lichte (of witte) achtergrond.
  2. Kies aantrekkelijke kleuren die bij elkaar passen. Gebruik Adobe Color als je hier hulp bij nodig hebt.
  3. Kies voor een duidelijk, eenvoudig ontwerp en laat genoeg witruimte tussen de verschillende elementen.
  4. Gebruik niet te veel verschillende lettertypen: één lettertype voor de titels en een tweede lettertype voor de tekst is meestal voldoende.
  5. Zorg dat de stijl consistent is: al je pagina’s moeten er hetzelfde uitzien. Maak er geen Frankenstein-monster van.
  6. Je website moet ook perfect werken op mobiele apparaten.
  7. Gebruik alleen professionele foto’s en afbeeldingen. Upload geen selfie die je even snel in de badkamer hebt gemaakt. Je kunt tegenwoordig zelfs met je smartphone goede foto’s maken, dus neem de tijd voor een mooi resultaat.
  8. Minder is meer. Kies bij twijfel voor minder.

Welke onderdelen heeft een goede website?

Je logo en de afbeeldingen die je kiest zijn essentieel voor een professioneel uitziende website. Tegenwoordig zijn er genoeg gratis stockfoto’s te vinden op internet. Kijk bijvoorbeeld op Creative Commons.

cc search

Bovendien zijn er ook een heleboel goedkope professionele foto’s (voor € 1 of $ 1) te vinden op websites zoals Fotolia en Shutterstock. Hier vind je een paar goede opties voor gratis foto’s.

Zorg dat je de verschillende formaten voor afbeeldingen begrijpt: .gif, .jpg en .png zijn de belangrijkste. Je moet bovendien de afmetingen en kwaliteit van de afbeeldingen optimaliseren voor de standaard webbrowser. Alles wat je hierover moet weten vind je hier.

Je kunt natuurlijk altijd websites als TinyPNG of ShortPixel gebruiken om je foto’s gratis te comprimeren.

Ook een bewerkingsprogramma om je afbeeldingen te bewerken of te vergroten of verkleinen kan handig zijn. Gimp is gratis en professioneel, maar wel nogal ingewikkeld in gebruik. Een ander alternatief voor Photoshop is Affinity Photo. Het kost veel minder dan het origineel en je hoeft er geen abonnement voor af te sluiten.

Maar er zijn steeds meer tools waarmee je heel eenvoudig grafische elementen kunt maken zonder dat je hoeft te leren hoe je Photoshop of Illustrator gebruikt. Kijk bijvoorbeeld eens naar Stencil of Snappa.

stencil

Het is veel professioneler om een contactformulier op je website te zetten dan een e-mailadres. Contactformulieren zijn heel eenvoudig te integreren met tools als Wix, Jimdo of JouwWeb.

Vergeet niet dat de navigatie van je website essentieel is om je bezoekers door je website te leiden. Besteed er veel aandacht aan en kies een logische navigatie. Als je bijvoorbeeld wilt dat je bezoekers contact met je opnemen via een contactformulier, zorg er dan voor dat in je menu of in de voettekst van elke pagina een link naar het formulier staat.

En vergeet niet om je contactformulier te testen voordat je je website online zet!

Stappen om een website te maken

Dit zijn de stappen die je moet volgen om een website te maken:

  1. Plan je website en zet je ideeën in een mindmap.
  2. Bepaal welke content je op je website wilt.
  3. Koop je domeinnaam, bijvoorbeeld via One.com (maar je kunt je domeinnaam ook later nog kopen).
  4. Kies de beste websitemaker.
  5. Creëer de content (tekst en afbeeldingen) voor elke pagina.
  6. Voeg de content toe aan je website en optimaliseer je site voor zoekmachines (SEO).
  7. Zet alles online en promoot je website.

Je website staat online. Wat nu?

Zodra je je website online hebt gezet, kun je beginnen met promoten en optimaliseren om meer bezoekers te krijgen en de website te verbeteren.

  • Je website bijwerken: een website is geen boek. Ook als je website al online staat, kun je nog steeds wijzigingen aanbrengen. Zorg dat je zo vaak mogelijk nieuwe en relevante content creëert en dat je website regelmatig wordt bijgewerkt. Neem bijvoorbeeld de website van een restaurant: als het menu verandert, moet het nieuwe menu ook zo snel mogelijk op de website staan.
  • Online positioning: om zo veel mogelijk bezoekers te trekken, moet je je website optimaliseren voor zoekmachines door middel van SEO. Dat is niet heel erg ingewikkeld, maar je moet er wel wat tijd en moeite in steken.
  • Webanalyse: online positioning (zie hierboven) heeft geen enkele zin als je niet weet wie je website bezoekt. Bezoekersgegevens helpen je om te bepalen of je online positioning werkt. De populairste webanalysetool is Google Analytics. En het is ook nog eens gratis!
  • Zodra je website online is, moet je je natuurlijk aanmelden bij Google Search Console om Google te laten weten dat je website bestaat en de juiste informatie kan ophalen. Stuur in ieder geval de URL (het adres) van je website naar Google zodat je website wordt geïndexeerd.
  • E-mailmarketing: een andere strategie, die vooral door bedrijven wordt gebruikt, is om regelmatig via e-mail contact te houden met je bezoekers. Dat is vooral handig voor webwinkels, kleine bedrijven en bloggers. E-mailmarketing is een kunst op zich.
  • Social media: de meeste websites hebben ook profielen op social media (zoals Facebook, Instagram, Twitter, LinkedIn) om ook buiten de website om contact te houden met hun (potentiële) bezoekers. Dit werkt vooral goed voor professionals met visuele beroepen, zoals designers, juweliers en fotografen.

Ik hoop dat deze korte handleiding je genoeg informatie biedt om je website te plannen, te maken en te publiceren.

Heb je nog vragen over hoe je het beste kunt beginnen? Laat hieronder een reactie achter en we zullen je proberen te helpen.

Opmerkingen

Back to top