Het ontwerp van de website

Het ontwerp van de website

Het basis ontwerp van een website

 

Waar je aan moet denken voordat je een website gaat (laat) ontwerpen.

 

 

 

 

  • Maak een goed plan over wat je wilt bereiken met je website. zie ook businessplan

    bijvoorbeeld:

    • verkoopt je een product of dienst

    • publiceert je informatie

    • Is het een presentatie van je onderneming of instelling

  • Bepaal wie je doelgroep is.

    ontwerpen-website

  • Leer van je concurrenten, bekijk kritisch hun websites en leer van de goede dingen (hun succes) en vermijd de verkeerde dingen, maak notities.

  • Maak je website uniek in vergelijking met je concurrenten. Verzin iets anders dan de concurrenten om je doelgroep aan te trekken. Onderscheidt jezelf van je concurrentie.

  • Verzin een alles omvattend sleutelwoordrijke titel en een sleutelwoordrijke omschrijving voor je website. Dit dient je per pagina twee keer te doen, één keer voor de metatags en één keer voor de ‘normale’ webpagina (de pagina die de bezoekers zien). Lees meer over metatags.

  • Definieer een lijst van sleutelwoord combinaties die relevant zijn voor uw onderneming of instelling. In dit geval de onderwerpen of producten die voorkomen op je website. Maak gebruik van 1- 2- en 3 woorden combinaties. Je moet voor iedere aparte pagina een eigen sleutelwoorden reeks te definiëren.

    TIP: gebruik de gratis keyword tool van Google om ideeën op te doen voor sleutelwoorden. Wanneer u deze tool gebruikt, selecteer dan eerst de Nederlandse taal en Nederland als doel land.

  • Ontwerp een passend design voor uw website, maak gebruik van vaste huisstijl uitgangspunten en wijk daar niet van af.

    TIP: Bekijk deze beroemde website met website templates eens en blader door de honderden webontwerp ideeën.

  • Gebruik H1, H2 en H3 tags in je content.

  • Maak gebruik van opsommingen (dit is voor de gebruiker helder te lezen)

  • Gebruik een stylesheet voor de opmaak van uw content. Zie gebruik van CSS

  • Gebruik geen frames (zie terminologie)

  • gebruik sleutelwoorden in de pagina bestandsnamen.

    Voorbeeld:

    • Deze pagina gaat over website ontwerp, de pagina heet dus ook “het ontwerp van de website”.

  • Gebruik Google om te kijken welke sites er komen als je jouw gedefinieerde sleutelwoorden gebruikt. Bestudeer de websites die op de eerste drie pagina’s voorkomen en probeer je website beter te maken. let wel: deze sites zijn reeds geïndexeerd en hebben dus een voorspong op je (nog te ontwerpen) website. Maar als je wilt en erg je best doet kan je deze websites qua positie verslaan.

  • Schrijf je tekst op natuurlijke, informatieve en relevante wijze en in makkelijk te begrijpen Nederlands (ken het niveau van je doelgroep). Integreer je gedefinieerde sleutelwoorden op natuurlijke wijze in de content, gebruik deze niet overvloedig, dit kan weer nadelig werken en onnatuurlijk voor de gebruiker overkomen. Maak gebruik van opsommingen en sub headers. Dit leest makkelijker.

  • Gebruik sleutelwoorden in je interne en externe links (dit noemen we anchor tekst, zie terminologie.):

    Voorbeeld: gebruik niet: klik hier maar beter is: Lees meer over metatags

  • Ontwerp een Sitemap. Dit is de pagina waarin, door u gekozen volgorde, een overzicht staat van alle pagina’s, subpagina’s, onderwerpen en subonderwerpen inclusief een korte beschrijving. Deze pagina bestaat alleen uit normale tekst (geen graphics dus).

  • Gebruik niet te veel graphics (plaatjes, foto’s). Zoek machine Robots kunnen niets doen met graphics. Gebruikt je gematigd graphics, dan dient je altijd de Alt-Attribute (zie terminologie) te gebruiken die een korte beschrijving weergeeft van die graphic. Daarnaast wordt de laadtijd van de pagina aanzienlijk vertraagd wanneer er veel gebruik wordt gemaakt van graphics.

  • Gebruik een gemakkelijk toegankelijke en intuïtieve navigatiestructuur. Plaats deze links (of boven) de pagina, maar ook onder de pagina (zie deze website). Zorg ervoor dat deze navigatie op iedere pagina voorkomt, zodat de bezoeker niet kan verdwalen, want dan raakt je jouw bezoeker al snel kwijt. Gebruik geen Javascript/applets voor navigatie, hoewel deze er soms ‘leuk’ uitzien, kan een SE robot deze niet zien.

  • Gebruik geen zware flashanimaties. Deze zullen het laden van de pagina vertragen met als risico dat de je bezoeker de site vroegtijdig verlaat. Ook flashanimaties kunnen niet herkend worden door SE robots.

  • Tenslotte:
    Voordat je de website aan de zoekmachines gaat aanbieden, test je website dan nauwkeurig. Er mogen geen dode links in voorkomen, geen spel- of grammatica fouten. Het beste is om je website eerst door een aantal anderen te laten testen.

    Gebruik een eigen huisstijl (look & feel), bepaal lettertype, lettergrootte, de indeling van een webpagina en de kleuren die je wilt gebruiken. Maak geen gebruik van meer dan 3 kleuren. Zorg dat de normale leesbare tekst altijd donker is op een lichte achtergrond. Het beste is gewoon zwart/lichtzwart/donkergrijs op wit. Uiteraard mag je gebruik maken van kleuraccenten voor bijvoorbeeld headers of andere vormen van accenten.

Maak van bovenstaande een aktielijst

Bijvoorbeeld (in grote lijnen):

  1. Bepaal de look & feel van je website, anders gezegd, de huisstijl van je website. Verwerk de opmaak in een stylesheet, zoals:

    1. H1, H2 en H3 stijlen

    2. Het standaard lettertype

    3. Alle mogelijke voorkomende lettergroottes en kleuren

    4. De hoofdgebieden van de website (header, navigatieblok, contentblok, footer).

    5. De kleuren die je wilt gebruiken

    6. Het gebruik van plaatjes, foto’s of video’s
       

  2. Schets je website in een tekenprogramma zoals photoshop of als dat te moeilijk is een programma zoals Powerpoint. Bespreek de schetsen met de stakeholders van je bedrijf, of als je een eenmanszaak bent, laat vrienden, kennissen etc. de schetsen zien en verwerk hun commentaar.
    Pas als de schetsen (per pagina) accoord zijn kan je beginnen met het daadwerkelijk ontwerp in je webontwerp programma.

  3. Bepaal het aantal pagina’s (onderwerpen) wat onder de navigatie gaat vallen. zoals minimaal:

    • Home pagina

      Op de home pagina beschrijf je in een header en sub headers waar de site over gaat, wat je hebt te bieden aan de bezoeker, etc. Gebruik hier geen lange zinnen, maar hou ze beknopt. Een bezoeker die eerst op de home pagina komt zal eerst de site ‘scannen’. Daarom is het belangrijk dat een aantal trefzinnen of trefwoorden, die direct in relatie staan tot het onderwerp van de website, zeer opvallend op deze pagina staan. Zorg voor 1 of 2 call-to-actions.

    • Producten pagina

    • Informatie over uw bedrijf/instelling

    • Contact pagina

    • Sitemap

     

  4. Schrijf de tekst van deze pagina’s. Doe dat eerst gewoon in Word (of iets vergelijkbaar) en vergeet niet de spelcontrole aan te zetten. Vervolgens kiest u enkele illustraties (plaatjes, foto’s) om de pagina’s wat aantrekkelijker te maken. Lees ook schrijven van webcontent

  5. Test de website

  6. Biedt uw website aan bij zoekmachines, directories, startpagina aanbieders en marktplaatsen.