Website maken (Gratis)

Eigen website maken, gratis en gemakkelijk!

Een gratis eigen website maken is niet zo heel ingewikkeld. Op internet is er heel wat te vinden over hoe dat moet, en er is wel wat lesmateriaal beschikbaar, maar eerlijk gezegd vond ik de meeste van die beschrijvingen en benodigde programmatuur zelf al vrij lastig - laat staan voor iemand die geen kennis heeft van HTML, PHP, CSS, javascript, ... huh? Ja, ik bedoel maar ;-) Helemaal niet nodig.

Het viel me op dat geen van de programma's die ik heb gevonden en de informatie over hoe je zelf je eigen website kan maken echt toegankelijk is. Ik ben inmiddels vaak gevraagd of ik kan helpen met een website maken. Sindsdien zocht ik vooral naar een manier dat mensen het zelf konden doen - niet dat ik ze niet wilde helpen, maar het is veel eenvoudiger als je het zelf kan. Met name omdat je ook later zelf weer informatie wilt toevoegen en de website wilt wijzigen. Inmiddels heb ik een manier gevonden hoe je makkelijk zelf een website kan maken. En het is nog gratis ook! Ik leg het hier stap voor stap uit. Volg de stappen, en dan gaat het eigenlijk vanzelf ;-) Sterker nog: binnen een half uur heb je je eerste website al in de lucht. Succes!

Een handig tool om websites mee te maken is Yola. Ik beschrijf hieronder hoe je de tool kunt gebruiken. Klik hier om Yola te openen te gaan.

Stap 1: Bedenk wie je bezoeker is en hoe je website eruit moet zien om deze te 'verleiden' om te doen wat jij wilt

Je weet inmiddels wat je wilt bereiken met je website: misschien wil je producten verkopen, misschien wil je informatie aanbieden of misschien gewoon vakantiefoto's delen met je vrienden en familie. Bedenk daarbij voor welke bezoekers jij je website ontwerpt en wat diegene aanspreekt. Het maakt nogal wat uit of je een website maakt voor vrouwen of mannen, over kinderkleding of de laatste technische gadgets, of het de bedoeling is dat mensen iets kopen of de telefoon moeten pakken om je te bellen...

Het is slim om eens rond te kijken op internet die dit ook doen en een lijstje te maken van websites die je aanspreken. Denk daarbij aan:

• Wat laten ze zien op hun hoofdpagina ('homepage')?
• Wat heeft je overgehaald om verder te kijken dan hun hoofdpagina?
  
• Wat maakt hun site professioneel, leuk of vertrouwen uitstralend?
  
• Welke woorden, plaatjes en knoppen gebruiken ze op hun website?
• Welke structuur heeft de website? M.a.w. hoe is de informatie verdeeld in pagina's?
  
• En hoe heb je de website gevonden? Welke woorden heb je bijvoorbeeld ingetoetst in Google om hen te vinden?

Maak voor jezelf een plannetje (dit kan gewoon op papier) hoe je website er globaal uit moet zien en wat je belangrijkste boodschap (inhoud) is. Welke woorden en woordencombinaties? Wat voor afbeeldingen? En wat voor structuur geef je aan je website? Wat ga je op je hoofdpagina zetten? Welke kleuren ga je gebruiken?

Bedenk ook een goede naam voor je website: een naam die mensen makkelijk kunnen onthouden en bijvoorkeur een naam waarbij iedereen direct door heeft waar de website over gaat.

Stap 2: Een goede website heeft een structuur

Ga voor jezelf na wat je op je hoofdpagina kwijt wilt, en wat je op subpagina's wilt zetten. Let op dat de hoofdpagina dusdanig interessant moet zijn dat mensen willen blijven. Niets is zo vluchtig als een Internet surfer - als het niet lijkt of hij op jouw website kan vinden wat hij zoekt, dan is ie zo weer weg. Let op: je hoeft niet elke bezoeker vast te houden op je website, maar wel de bezoeker die voldoet aan jouw doelgroep: denk na vanuit jouw beoogde bezoeker. Waar zoekt deze naar en op basis waarvan besluit hij op je website te blijven, en de acties te ondernemen die jij wilt die hij neemt (zoals het kopen van een product, een berichtje te plaatsen op je blog, zich inschrijven op je nieuwsbrief, etc.). Bedenk hoe je de inhoud van je website goed kunt structureren. Denk bij een webwinkel bijvoorbeeld aan de volgende web pagina's:

• Hoofdpagina / homepage: het visitekaartje van je website. Wat bied je webwinkel aan?
  
• Producten- of dienstenpagina: overzicht van producten, mogelijkerwijs in diverse categorien. Heb je heel diverse producten of heel veel producten, maak dan voor elke categorie een aparte pagina.
  
• Werkwijze: hoe kan iemand iets bestellen?
• Veelgestelde vragen (FAQ): de veelgestelde vragen en antwoorden
  
• Contactpagina: hoe kunnen bezoekers je bereiken (bijv. in geval van een winkel)

Stap 3: Maak je eigen website

Een heel eenvoudig programma om je website mee te maken, is het website maker programma Yola. Met Yola kun je erg eenvoudig zelf een website maken en beheren. Een klein nadeel is dat het programma alleen in het Engels is, maar het spreekt heel erg voor zich. Klik hier om met Yola aan de slag te gaan.

Het aanmaken van een website is eenvoudig:

1. Creeer een nieuw account door je naam, emailadres en een wachtwoord in te voeren
2. Nadat je een account hebt aangemaakt, moet je een naam ingeven voor je website. Dit wordt de titel van je website. Hij is trouwens later ook nog aan te passen.
   
3. Bedenk een domeinnaam voor je website. Dit is de naam die je website op internet heeft. Kies voor een Yola domein als je een gratis website wilt hebben.
   
4. Kies nu een stijl voor je website - voor een gratis stijl kies je 'free styles' (in plaats van 'premium styles'). Omdat je bijna alle elementen van je website later kunt aanpassen, maakt het niet veel uit welke basisstijl je nu selecteert. Je kunt deze ook later nog wijzigen.
5. De eerste pagina van je website is gemaakt! Je ziet nu de hoofdpagina ('home page', die ook wel 'index' pagina genoemd) van je website.
   

Je kunt nu de hoofdpagina van je website aanpassen. Sleep van de rechterkant van het beeldscherm elementen naar je pagina toe. De elementen staan onder het menu 'Widgets'. Er zijn veel widgets beschikbaar. De basis widgets zul je het meest gebruiken, zoals tekstvakken en afbeeldingen.

Hier een voorbeeld hoe je je webpagina inhoud kunt geven:

1. Klik op 'Widgets' en sleep 'Text' naar je pagina toe. Sleep het naar het grote vak, onder de kop van je webpagina.
2. Hier kun je nu tekst invoegen. Bovenin staan elementen om de tekst op te maken: je kunt hier bijvoorbeeld het lettertype, kleur en grootte van de tekst kiezen.
3. Je kunt plaatjes invoegen in het tekstvak (en dan kun je er tekst omheen plaatsen). Zodra je het icoontje van het plaatje aanklikt, opent zich een venster om een plaatje te selecteren. Omdat je nog geen plaatjes op je website hebt, kun je nu een plaatje uploaden. Dit wil zeggen dat je een afbeelding (bijvoorbeeld een foto) van je eigen computer kunt selecteren en die op je website kunt opslaan. Deze afbeelding kun je vervolgens in je website verwerken. Wil je zelf een afbeelding gratis maken of aanpassen, gebruik dan deze Gratis Photoshop kloon. Heb je zelf geen mooie afbeeldingen, kijk dan eens hier voor gratis foto's.
   
4. Je kunt ook een link maken in je tekstvak. Een link verwijst naar een andere webpagina of website, en is door de bezoeker aan te klikken. Je maakt eerst een tekst waar de bezoeker op kan gaan klikken - die selecteer je (met muis, of met shift ingedrukt en je pijltjestoetsen) - en dan klik je op het linkicoon (het grijze icoontje).
   
5. Als je wat meer van HTML afweet (dat is de computertaal waar webpagina's in worden opgeslagen), kun je hier ook de HTML van je pagina wijzigen. Dat laten we voorlopig even buiten beschouwing.

Stap 4: Voeg webpagina's aan je website toe

Nu je homepage is opgemaakt, kun je andere webpagina's toevoegen. Volg de structuur die je in stap 2 hebt uitgedacht om nieuwe pagina's te maken. Een nieuwe pagina maken gaat als volgt:

1. Kies 'Add Page' (pagina toevoegen).
2. Kies een titel en een naam voor je pagina
   
3. Alle nieuwe pagina's komen naast elkaar te staan. Die kun je ordenen via 'Edit navigation'. Je kunt hem ook uit de navigatie zetten, en er dan zelf later een link naar maken (zoals hierboven beschreven).
4. Het opmaken van de nieuwe website pagina gaat hetzelfde als hierboven beschreven.

Contactpagina toevoegen

De meeste websites willen ook dat bezoekers of (potentiele) klanten contact kunnen opnemen. In Yola gaat dat het handigste op de volgende manier:
1. Ga naar http://www.jotform.com/ en maak een account aan
2. Login en kies ervoor om een nieuw formulier te maken.
3. Pas het formulier aan, aan je wensen
4. Stel ook een 'Thank you URL' in - dit is de pagina waarnaar bezoekers worden toe gebracht nadat ze het contactformulier hebben ingevuld (bijv. http://www.websitemakengratis.nl/bericht_bedankt.php).
5. Kies de optie 'Source' om de HTML code te krijgen van het form
6. Plak deze HTML code in je Yola website, in een HTML widget - die je plaatst op je contactpagina.
7. Je contactformulier is klaar voor gebruik! Wanneer iemand het invult en verstuurt, wordt het bericht naar het emailadres gestuurd dat je hebt opgegeven bij jotform.

Stap 5: Plaats je website online

Als je (voor nu) klaar bent met het aanpassen van je pagina's, kun je pagina's eerst zelf bekijken via de menuoptie 'Preview'. Als je helemaal tevreden bent, kun je je website 'live' maken op het Internet, door op de groene knop 'Publish to the web' te klikken. Nu is je website bereikbaar voor de hele wereld - gefeliciteerd! Je website is te vinden via http://www.jouwwebsitenaam.yolasite.com.

Je eigen domeinnaam

Als je helemaal tevreden bent over je website, is het aan te raden ook een eigen 'domeinnaam' te kiezen. Een domeinnaam is het adres van je website. Voor www.websitemakengratis.nl is het deel 'websitemakengratis.nl' de domeinnaam. Je kunt eigenlijk elke domeinnaam kiezen die je wilt, zolang deze nog niet bezet is. Je kunt dit checken bij websiteproviders (zie hieronder). Enkele tips:

• kies een domeinnaam die makkelijk te onthouden is, dus bijvoorkeur simpel en kort
• kies een domeinnaam die voorzichzelf spreekt, die al aangeeft wat de bezoeker kan verwachten (bijvoorbeeld. www.fietsenshop.nl in plaats van www.keesenmiepwinkeltje.nl).
• kies zo mogelijk een domeinnaam waarin je belangrijkste (zoek)woorden naar voren komen
• kies een domeinnaam die makkelijk te spellen is en geen verwarring oplevert
• ga je voor een Nederlands publiek, kies dan bij voorkeur een .nl domein
  

Je kunt een website laten registreren via een website- of domeinprovider. Je hoeft alleen maar een domein te registreren (kost vaak nog geen 10 euro per jaar) dus je hoeft geen hostingpakket te nemen. Door het aanpasssen van de 'DNS Records' of 'A Records' kun je je nieuwe domeinnaam laten verwijzen naar je website. Door deze domeinnaam bij Yola te registreren, zorgt Yola ervoor dat je website goed wordt getoond.

Meer (technische) informatie vind je hier: http://www.yola.com/customer-support/p/publishing-domains/publishing-options-in-yola/publish-to-a-domain-you-already-own/8/59/133.

Mijn hulp nodig? Stuur dan even een berichtje.

Stap 6: Meten is weten

Statistieken
Je wilt graag weten of en hoeveel je bezoekers je site trekt. Daarom is het verstandig de bezoekersstatistieken van je site bij te houden. Je kunt dit doen met deze gratis bezoekers informatie tool. Als je de aanwijzingen van het tool volgt, krijg je een stukje HTML code. Deze dien je op elke pagina van je website te zetten in een 'HTML'-widget. Zet dit widget bij voorkeur zo ver mogelijk onderin, en zo ver mogelijk naar rechts (meest rechter kolom als je die hebt).

Door de code zo laag en rechts mogelijk te plaatsen, komt deze HTML code zo laag mogelijk op je website pagina te staan. Dat is gunstig want daardoor wordt het statistieken gedeelte als laatste geladen als een bezoeker de pagina opent, en kan de bezoeker de pagina alvast bekijken terwijl op de achtergrond het statistieken gedeelte wordt geladen. Plaats je hem bovenaan in de website, dan wordt dat programma eerst geladen, terwijl de rest van de pagina daarop moet wachten.

Google Webmaster Tools
Verder is het handig om de 'Google Webmaster Tools' te activeren. Dit is een gratis tool van Google om enige eigenschappen van je website door te geven aan Google en daardoor beter vindbaar te maken. Ga naar de Google Webmaster Tools en vraag een account aan. Als je een account hebt aangemaakt, surf je naar de Google Webmaster Tools toe, en voeg je je website toe. Als je je site naam hebt ingevuld, zie je een scherm waarbij wordt aangegeven dat je site 'Nog niet is geverifieerd'. Verder wordt een stukje HTML opgegeven, waarbij een onderdeel is content="helelangeonleesbarecode". Kopieer deze lange onleesbare code, en plaats die in de hoofdpagina van Yola, onder 'Properties' van je hoofdpagina (onder het kopje Google Webmaster Tools). Plak alleen het gedeelte tussen aanhalingstekens, anders werkt het niet.
Publiceer nu je website, zodat de aangepaste versie 'live' wordt en ga dan terug naar Google Webmaster Tools. Klik daar op 'controleren'. Als alles goed is gegaan, heb je nu toegang tot alle Google Webmaster Tools van je site.

Voeg nu ook via de startpagina van Google Webmaster Tools ook de variant zonder 'www' in (dus registreer bijvoorbeeld zowel www.websitemakengratis.nl als websitemakengratis.nl). Dit gaat hetzelfde als hierboven; de code die je hierboven al had ingevuld heb je na verificatie niet meer nodig, dus kun je weer overschrijven of weghalen. Verifieer ook de variant zonder www. Ga daarna naar de opties 'Site configuratie - Site instellingen' bij Google Webmaster Tools. Kies een van beide voorkeursdomeinen, zoals jij wilt dat je website wordt weergegeven in Google Zoekresultaten (dus met of zonder www). Later kun je ook nog een sitemap en andere instellingen doorgeven. Maar dat is eigenlijk pas van belang wanneer je website voor een groot gedeelte af is.