Een aantal veelvoorkomende aspecten van goed webdesign maken websites makkelijker en prettiger in het gebruik. Als je weet wat deze zijn, kan je begrijpen waarom je sommige websites leuk vindt en andere niet, en wat je aan je eigen websites wilt toevoegen.
Het is belangrijk op te merken dat dit standaardzinnen zijn voor verschillende delen van een website. Ze komen heel vaak voor, maar anderen kunnen andere terminologie gebruiken.
De afzonderlijke elementen op een pagina, waar ze voor zijn en waarom je ze nodig hebt, worden allemaal behandeld in dit artikel over de verschillende onderdelen van een website.
Waarom is het belangrijk om de onderdelen van een website te kennen?
Als je de anatomie van een website begrijpt, kan je een visueel aantrekkelijke site ontwerpen die het voor je bezoekers eenvoudig maakt om te vinden wat ze zoeken. Je kan de verschillende onderdelen van een website misschien niet benoemen, maar als je meer dan vijf minuten online bent geweest, kent je ze waarschijnlijk wel.
Wanneer je op internet surft, verwacht je dat de sites die je bezoekt op een specifieke manier werken, net zoals het grootste deel van de wereld leest van links naar rechts en van boven naar beneden. De meest relevante informatie vindt je bovenaan, aan de linkerkant. Rechtsboven is de volgende meest kritieke locatie.
Bezoekers van je website verwachten hetzelfde. Dat is de reden waarom webpagina-lay-outs van de ene site op de andere vergelijkbaar zijn en waarom het ontwerp van je site enkele unieke kenmerken zou moeten hebben. De anatomie van een website verwijst naar de algemene lay-out.
De fundamentele anatomie van een website
Sommige delen van een website zijn zo belangrijk voor webdesign dat ze op alle sites aanwezig moeten zijn om effectief te kunnen functioneren. Deze componenten werken samen om de basis van je website te bouwen:
1. Koptekst
Opmerking: afbeelding gehaald van Strikingly user website
Dit is het deel van een website dat het logo en, in de meeste gevallen, het navigatiemenu bevat. De koptekst is het gebied boven aan de pagina dat zichtbaar en constant blijft terwijl mensen door je site navigeren.
Voorheen werd de koptekst gebruikt om een banner of afbeelding weer te geven die je merk promootte, vergelijkbaar met de omslagfoto van een Facebook-pagina. De websites van vandaag zijn echter eenvoudiger en de trend is dat je logo en navigatie de enige elementen in de koptekst zijn.
2. Menu
Opmerking: afbeelding gehaald van Strikingly user website
Het menu is opgesteld in de vorm van een woordkaart. Hierin wordt uitgelegd hoe je kan vinden wat ze zoeken op je website. Het menu bevindt zich meestal direct boven of onder de koptekst, maar het kan ook op beide manieren worden gevonden.
Het menu moet eenvoudig en duidelijk zijn. Dit kan soms veel denkwerk en planning vergen. Op het menu moeten alleen de belangrijkste categorieën worden vermeld. Bezoekers verwachten in dit deel van een website binnen drie klikken of minder te kunnen vinden wat ze zoeken.
Je kan vervolgkeuzelijsten gebruiken om de menunavigatie eenvoudig te houden. Wanneer je lezer zijn muis over een menu-item houdt, verschijnt er een nieuwe lijst waaruit hij kan kiezen.
3. Afbeeldingen
Direct onder de banner staat een afbeelding, een reeks foto's of, in zeldzame gevallen, een video. De koptekst en hoofdafbeelding vormen samen het bovenste gedeelte van je website, ook wel boven de vouw genoemd, en zijn cruciaal voor het maken van een sterke eerste indruk. Vooral de uitgelichte visual heeft een aanzienlijke invloed op de vraag of consumenten op je website blijven of binnen een paar seconden vertrekken. Met dat in gedachten moet deze afbeelding iets essentieels over je bedrijf communiceren. Het is van cruciaal belang dat het verbinding maakt met de rest van je site, of het nu foto's van je producten of diensten bevat of de gebruiker gewoon een idee geeft van waar je merk over gaat.
4. Website-inhoud
Opmerking: afbeelding gehaald van Strikingly user website
Dit is het belangrijkste van de verschillende onderdelen van een website. De woorden die op je website worden geplaatst die uitleggen waar je website over gaat, wat je te bieden heeft en hoe bezoekers van je site kunnen profiteren van je aanbiedingen, worden inhoud genoemd. Het materiaal van een website kan een breed scala aan onderwerpen omvatten. Het verwijst meestal naar de alinea's waarin het doel van je site wordt uitgelegd, maar het kan ook betrekking hebben op het enkele woord op je knoppen.
5. Zijbalk
Een zijbalk is een korte verticale kolom die naast de inhoud van je website loopt. Advertenties, verbindingen met andere informatie, calls-to-action en een zoekvak zijn vaak te vinden in de zijbalk. Beschouw de zijbalk als een aanvulling op je belangrijkste website-inhoud.
In de afgelopen jaren is er bij het ontwerpen van websites een tendens geweest om de zijbalk volledig te verwijderen en je inhoud in een enkele kolom over de volledige breedte te presenteren. Het elimineren van de zijbalk is logisch voor bepaalde sites, maar niet voor andere. Persoonlijke keuze en/of stijl (zijbalk vs. geen zijbalk) zorgt voor een betere gebruikerservaring of een hogere conversieratio zijn de beslissende factoren.
6. Schuifregelaar
Een slider is een onderdeel van een website dat wordt gebruikt om afbeeldingen weer te geven, zoals een diavoorstelling waarbij de afbeeldingen van rechts naar links schuiven of omgekeerd. Sliders kunnen overal op een website worden gebruikt, maar worden meestal op homepages gebruikt om een uitgelichte afbeelding te vervangen (of aan te vullen).
Schuifregelaars worden minder populair naarmate websites evolueren en er meer aandacht wordt besteed aan de laadsnelheid van pagina's en het maximaliseren van gebruikerservaringen op mobiele apparaten. Sliders zijn resource hogs en zijn vaak niet meer dan eye candy.
7. CTA (call-to-action)
Opmerking: afbeelding gehaald van Strikingly user website
Een call-to-action of CTA, de belangrijkste van de essentiële onderdelen van een website, is een kort stukje tekst dat klanten aanmoedigt om de volgende stap met je bedrijf te zetten en door te gaan in de verkooptrechter. CTA's zijn vaak te vinden op knoppen en bevatten woorden als 'Start nu' of 'Koop de jouwe'. Deze schrijfstijl instrueert gebruikers hoe ze een specifieke actie moeten uitvoeren en wanneer ze een knop aanraken, weten ze wat ze kunnen verwachten.
CTA's zijn een cruciaal onderdeel van een website, omdat ze gebruikers in staat stellen je dienst of product te gebruiken of te kopen. Als je niet over deze knoppen beschikt, ervaart je mogelijk minder verkopen en meer klanten die je site verlaten zonder te converteren.
8. Voettekst
Eenvoudig beschreven, een footer is het deel van een website dat onderaan de pagina verschijnt. Het bevat normaal gesproken een sitemap met verbindingen naar alle pagina's op je website. Dit kan bezoekers helpen bij het vinden van al je services, inclusief services die je koptekst niet hebben gehaald.
Voetteksten van websites bevatten vaak basiscontactgegevens, zodat mensen contact met je kunnen opnemen of je echte bedrijf kunnen vinden. Dit soort gegevens is cruciaal voor het succes van een bedrijf. Een sociale balk, die kleine maar herkende pictogrammen bevat die lezers naar je sociale netwerkpagina's leiden, kan ook in de voettekst worden opgenomen. Dit kan je helpen volgers op sociale media aan te trekken, wat kan leiden tot meer merkbekendheid en uiteindelijke bedrijfsgroei.
9. Bestemmingspagina
Wanneer je advertenties op Google of Facebook (of ergens anders) plaatst, moet je een bestemmingspagina bieden die mensen kunnen bezoeken wanneer ze op de advertentie klikken - vandaar de naam. Als je eenmaal de basisstructuur van een website begrijpt, zul je geleidelijk aan de onderdelen van een website onthouden.
10. Startpagina
De startpagina wordt ook wel de hoofdpagina genoemd. Op de meeste websites moet je vanaf dit deel van een website beginnen. Het koppelen van je logo aan je startpagina is een goede techniek voor het ontwerpen van websites, omdat het je bezoekers een "escape"- of "reset"-optie geeft als ze verdwaald raken op je site.
11. Blog
Een blog is een website op zich. Dus, wat is precies het verschil tussen een blog en een website? Er is niet veel. Het komt allemaal neer op hoe de informatie is georganiseerd en gepresenteerd.
Een bericht is wat je noemt iets wat je op een blog schrijft, en blogberichten worden in chronologische volgorde gepubliceerd, vergelijkbaar met journaalposten in een dagboek. De term 'blog' komt van de uitdrukking 'weblog'. Wanneer je iets op een website publiceert, wordt dit een pagina genoemd en worden webpagina's niet in een bepaalde volgorde weergegeven. Ze zijn gewoon een verzameling gelinkte pagina's (bijvoorbeeld de startpagina, over ons-pagina, contactpagina, enzovoort).
Blogberichten maken interactie met de lezer mogelijk via opmerkingen.
Webpagina's zijn meestal instructief van aard met betrekking tot de producten of diensten van een bedrijf, dus ze hebben geen commentaargedeelte. Ze hebben de neiging om op een meer professionele en gezaghebbende toon te spreken. De toon van blogberichten is meer ontspannen en gemoedelijk. Een blog kan bestaan als een aparte website of als onderdeel van een grotere website. Dit is een blogartikel op een blog dat deel uitmaakt van een website die je momenteel aan het lezen bent.
Conclusie
Hopelijk was deze kleine tutorial over verschillende delen van een website nuttig. Om intelligent te communiceren met een webdesigner of ontwikkelaar, hoef je de onderliggende technologie niet te begrijpen. Je zit goed als je een fundamenteel begrip hebt van de taal van belangrijke onderdelen van een website. Als jij je overweldigd voelt door dit alles, kan een websitebouwer als Strikingly mogelijk helpen.
