Soorten webpagina's: Do's & Dont's

Geplaatst op 26-07-2009

Het internet kent diverse varianten van web pagina’s. Iedere web pagina heeft een ander doel en is daardoor op een andere manier opgezet. Deze aanpak heeft onder andere tot gevolg dat niet iedere pagina even gebruikersvriendelijk is, zowel voor een menselijke gebruiker als voor een passerende zoekmachinerobot.

In dit artikel worden de meest gebruikelijke en vaak voorkomende varianten van web pagina's behandeld en wordt uitgelegd op welke manier deze het beste zijn in te zetten. Omdat een website kan worden vergeleken met een gebouw, zijn de meeste namen van de verschillende pagina's hieraan gerelateerd.

De splash page

Een splash page een pagina die voor de eigenlijke homepage van een website wordt getoond. De splash page kan bijvoorbeeld een Flash-animatie bevatten of een keuze voor een taal. Deze pagina is te vergelijken met het begin van de oprijlaan van een gebouw. Je doel is in zicht, maar je moet eerst de lange oprijlaan nog over voor je dit bereikt.

  • Goed gebruik: Belangrijk is dat de pagina iets moet toevoegen. Daarnaast is bij een Flash animatie een duidelijke 'skip'-knop uit usability-oogpunt een vereiste, om het voor bezoekers mogelijk te maken om het intro over te slaan.
  • Niet goed gebruik: Een lange laadtijd kan er voor zorgen dat veel bezoekers al afhaken vóór ze je homepage hebben bereikt. Zorg er dus voor dat dit zoveel mogelijk wordt beperkt.

De doorstep page

Op deze pagina -dit is vaak de homepage van een website- maakt de bezoeker zijn navigatiekeuze. Vergelijk het met het portiek van een bedrijvencomplex. Afhankelijk van de eindbestemming die je wil bereiken maak je een andere navigatiekeuze.

  • Goed gebruik: Dit is één van de belangrijkste pagina's van een website, dus zorg ervoor dat deze perfect is. Laat de bezoekers op een heldere en eenvoudige manier kiezen uit de belangrijkste gedeeltes van je website.
  • Niet goed gebruik: Naast het bieden van teveel keuzemogelijkheden of een onduidelijke navigatie kun je het je belangrijkste bezoekers nóg moeilijker maken. Zorg dus dat een zoekmachinerobot je doorstep page volledig kan indexeren. Zo min mogelijk Flash, Ajax en/ of javascript dus.

De hallway page

Eenmaal binnen weten veel gebruikers hun weg wel te vinden. Als het goed is staan immers alle belangrijke punten goed aangegeven. Voor degenen die dit niet kunnen vinden is er de hallway page, zeg maar de grote hal met aanwijsborden. De digitale versie hiervan is de sitemap. Deze pagina verwijst, in tegenstelling tot de doorstep page, naar praktisch iedere pagina binnen de website. Zo kunnen ook de minder voorname, maar wel belangrijke, pagina’s redelijk simpel gevonden worden door zowel gebruiker als zoekmachine. Een hallway page is nooit het eindstation van een bezoeker.

  • Goed gebruik: Een duidelijke indeling van een hallway page (dit hoeft niet perse een sitemap te zijn, maar kan bijvoorbeeld ook een archiefpagina of linkpagina zijn) maakt het zowel voor gebruiker als zoekmachine makkelijker. Het gaat niet om het laten zien welke pagina’s je hebt, maar om het tonen hoe je website is ingedeeld en hoe je op de meeste plekken kunt komen.
  • Niet goed gebruik: Een lijst met 500 links is voor niemand duidelijk, niet voor een gebruiker en niet voor een zoekmachinerobot. Op een wegwijzer met 100 pijlen kun je immers ook niet snel zien welke kant je nu op moet. Verdeel de navigatie dus in diverse subnavigaties als je een grote website hebt.

De doorway page

Deze pagina is te vergelijken met de achterdeur en vaak alleen bedoeld voor een selecte groep bezoekers. In de meeste gevallen bestaat deze selecte groep enkel uit zoekmachinerobots en is de pagina hier specifiek op getarget. Door populaire zoektermen vaak op de pagina voor te laten komen wordt getracht om op deze manier hoge posities te behalen in zoekmachines. Het voornaamste doel van een doorway page is het doorleiden van iedere bezoeker die op deze pagina komt naar een andere pagina binnen de website.

  • Goed gebruik: Een voor zoekmachines geoptimaliseerde pagina is niet per definitie verkeerd, maar waarom zou je je bezoekers niet gewoon via de voordeur naar binnen laten gaan?
  • Niet goed gebruik: Stel, je verkoopt (om binnen de huizenmarkt te blijven) huizen. In zo’n geval is het niet aan te raden om zowel voor ’huis te koop’ als voor de erg gelijkende zoektermen ’huizen te koop’, huis kopen’ of ’huizen kopen’ een aparte pagina te schrijven. Dit wordt door zoekmachines gezien als manipulatie en zou dus wel eens verkeerd kunnen uitpakken. Daarnaast zullen zoekmachines -zeker in de toekomst- alleen maar beter worden in het koppelen van dit soort zoekopdrachten en zullen doorway pages tot het verleden behoren.

De landing page

Iets prominenter aanwezig dan de doorway page is de landing page. Deze pagina's zijn geen geheim, maar niet vrij toegankelijk. Hier gaat de vergelijking van de ingehuurde portier het beste op; op vertoon van je bezoekerspas vertelt hij waar je moet zijn. Deze paginavariant wordt voornamelijk gebruikt i.c.m. paid search, bijvoorbeeld Google AdWords, om zo de bezoeker op een zo relevant mogelijke (commercieel ingerichte) pagina te laten landen.

  • Goed gebruik: Een goede targeting is erg belangrijk. Een bezoeker die binnenkomt via de zoekterm ’appartement kopen’ (gaan we weer) laat je idealiter op een andere pagina landen dan iemand die zoekt op ’villa kopen’.
  • Niet goed gebruik: In negen van de tien gevallen is de homepage niet een goede landing page. Je wilt de gebruiker immers laten landen op de pagina die het meest gerelateerd is aan zijn zoekopdracht of aan de verwijzende website, om het de gebruiker op deze manier zo makkelijk mogelijk te maken.

De orphaned page

Deze pagina staat wel op de website maar is zowel voor bezoekers als voor zoekmachines (bijna) niet te vinden. De oude keet achter het bedrijfspand dus. Het kan een oude pagina zijn, die inmiddels niet meer belangrijk is en waar niet meer naar toe wordt gelinkt, maar die nog wel online staat. Een andere variant hiervan is een pagina (of sectie) die vanaf maximaal één plek -dus via maximaal één link bereikbaar is, mits dit niet de homepage is.

  • Goed gebruik: Er is eigenlijk geen reden om een pagina dusdanig afgezonderd te laten staan dat deze bijna niet gevonden kan worden.
  • Niet goed gebruik: Bijna iedere orphaned page is verre van ideaal, maar een belangrijke pagina buitensluiten is mogelijk nog meer verkeerd. Een belangrijke pagina verdient immers meer links dan gemiddeld.

De end page

Dit is de pagina waarop de bezoeker zijn einddoel bereikt (of de laatste pagina waarop de bezoeker afhaakt). Een end page kan in verschillende vormen voorkomen, deze is immers afhankelijk van het doel waarmee de bezoeker naar de website is gekomen. Dit kan bijvoorbeeld een contactpagina zijn, maar ook een informatiepagina of routebeschrijving.

  • Goed gebruik: De meest ideale end page is de ’bedankt’ pagina, die na een voltooide bestelling getoond wordt. Uiteraard is niet iedere bezoeker hier naar toe te leiden, maar probeer dit wel.
  • Niet goed gebruik: Op praktisch iedere end page is plek voor het initiëren van een vervolgactie. Heeft de bezoeker de informatie gevonden die hij zocht, toon dan bijvoorbeeld de RSS feed. Na een bestelling kan een abonnement op de nieuwsbrief worden aangeboden. Vergeet dit dus niet.

Deze tekst is een bewerking van bericht dat eerder verscheen op 'Tribal Talk' het weblog van Internet Marketing bureau, Tribal Internet Marketing.

Terug naar de vorige pagina

Recent toegevoegde ontwerpen

Corporate website voor de Groeneveld Groep. Wereldwijd een grote speler in smeersystemen voor vrachtwagens en bussen.

Groeneveld Groep

Corporate website voor de Groeneveld Groep. Wereldwijd een grote speler in smeersystemen voor vrachtwagens en bussen.

Bekijk ontwerp »

Waar de Politieke Partijen hard werkten aan de voorbereidingen van hun campagne, hebben we bij Slik hard gewerkt aan het ontwerpen, testen en realiseren van de vernieuwde StemWijzer. Dé tool waarmee u uw politieke voorkeur voor de Tweede Kamerverkiezingen van 2017 test.

StemWijzer 2017

Waar de Politieke Partijen hard werkten aan de voorbereidingen van hun campagne, hebben we bij Slik hard gewerkt aan het ontwerpen, testen en realiseren van de vernieuwde StemWijzer. Dé tool waarmee u uw politieke voorkeur voor de Tweede Kamerverkiezingen van 2017 test.

Bekijk ontwerp »

Voor MAF die al jaren met ons optrekt hebben wij opnieuw een volledig nieuwe responsive website mogen ontwikkelen. Een echte prijswinnaar al zeggen we het zelf.

MAF

Voor MAF die al jaren met ons optrekt hebben wij opnieuw een volledig nieuwe responsive website mogen ontwikkelen. Een echte prijswinnaar al zeggen we het zelf.

Bekijk ontwerp »

Grand Cafe Nieuw Bruin, gelegen aan het Vrijthof, heeft sinds kort een nieuwe website: www.nieuwbruin.nl

Restaurant NieuwBruin

Grand Cafe Nieuw Bruin, gelegen aan het Vrijthof, heeft sinds kort een nieuwe website: www.nieuwbruin.nl

Bekijk ontwerp »

Sinds 1989 geven Ada en Johan advies aan bedrijven, particulieren en beroepsonderwijs op het gebied van kleur, stijl en imago. Personal Branding is hun specialiteit. Samen maakten we deze kleurrijke website.

ImageProof

Sinds 1989 geven Ada en Johan advies aan bedrijven, particulieren en beroepsonderwijs op het gebied van kleur, stijl en imago. Personal Branding is hun specialiteit. Samen maakten we deze kleurrijke website.

Bekijk ontwerp »

Een mooie website voor een mooi restaurant op het mooiste plein van Nederland!

Bistro Jovial

Een mooie website voor een mooi restaurant op het mooiste plein van Nederland!

Bekijk ontwerp »

Voor SpikeTV is een unieke maatwerk website ontworpen en gerealiseerd. Er is gebruik gemaakt van Wordpress als CMS en er is een API koppeling voor het inladen van de programma gids.

SpikeTV

Voor SpikeTV is een unieke maatwerk website ontworpen en gerealiseerd. Er is gebruik gemaakt van Wordpress als CMS en er is een API koppeling voor het inladen van de programma gids.

Bekijk ontwerp »

The European Association of Conservatoires (AEC) is het Europese belangenplatform voor muziekonderwijs. Zij maken zich bijvoorbeeld hard voor de kwaliteit van conservatoria en ze organiseren diverse events. Voor Gopublic de uitdaging een complexe nieuwe website met CRM te ontwikkelen.

Association of European Conservatoires

The European Association of Conservatoires (AEC) is het Europese belangenplatform voor muziekonderwijs. Zij maken zich bijvoorbeeld hard voor de kwaliteit van conservatoria en ze organiseren diverse events. Voor Gopublic de uitdaging een complexe nieuwe website met CRM te ontwikkelen.

Bekijk ontwerp »

In 2014 zijn wij benaderd om een website te realiseren, voor de toen nog semi-professionele online-DJschool. Twee succesvolle jaren later werd samen besloten een nieuwe website te bouwen om door te groeien naar het hoogste niveau dat online haalbaar is.

Online DJ School

In 2014 zijn wij benaderd om een website te realiseren, voor de toen nog semi-professionele online-DJschool. Twee succesvolle jaren later werd samen besloten een nieuwe website te bouwen om door te groeien naar het hoogste niveau dat online haalbaar is.

Bekijk ontwerp »

Spa Gouda heeft door Bureau Feith een website laten maken met rustige kleuren en mooie achtergrondpatronen. Daarnaast is het navigeren verbeterd en is er een nieuw reserveringssysteem geplaatst die de website een stuk klantvriendelijker maakt.

Spa Gouda

Spa Gouda heeft door Bureau Feith een website laten maken met rustige kleuren en mooie achtergrondpatronen. Daarnaast is het navigeren verbeterd en is er een nieuw reserveringssysteem geplaatst die de website een stuk klantvriendelijker maakt.

Bekijk ontwerp »

Navacqs is leverancier van veiligheidsproducten ter voorkoming van fraude, schade en diefstal in iedere branche. Op het moment dat Red Melon werd gemaild, stond de website nog geen jaar. De shop werd destijds door een interne ontwikkelaar opgezet.

Navacqs

Navacqs is leverancier van veiligheidsproducten ter voorkoming van fraude, schade en diefstal in iedere branche. Op het moment dat Red Melon werd gemaild, stond de website nog geen jaar. De shop werd destijds door een interne ontwikkelaar opgezet.

Bekijk ontwerp »

Deze WordPress website is het resultaat van de perfecte samenwerking tussen TWD en Red Melon. Input vanuit beide kanten bracht het beste in de twee partijen bij elkaar naar boven.

TWD

Deze WordPress website is het resultaat van de perfecte samenwerking tussen TWD en Red Melon. Input vanuit beide kanten bracht het beste in de twee partijen bij elkaar naar boven.

Bekijk ontwerp »

Wij geloven dat winkels en webshops meer zijn dan plaats waar kleding wordt verkocht en dat laten we ook zien in onze webshop

Soeurs Fashion

Wij geloven dat winkels en webshops meer zijn dan plaats waar kleding wordt verkocht en dat laten we ook zien in onze webshop

Bekijk ontwerp »

Mooie website voor Arend Coaching

Arend Coaching

Mooie website voor Arend Coaching

Bekijk ontwerp »

Voor het Nederlands Kamerkoor ontwikkelden we een frisse website met een mooie videoheader die meteen een krachtige sfeerimpressie geeft van het Kamerkoor

Het Nederlandse kamerkoor

Voor het Nederlands Kamerkoor ontwikkelden we een frisse website met een mooie videoheader die meteen een krachtige sfeerimpressie geeft van het Kamerkoor

Bekijk ontwerp »

Het team achter Doublepoint heeft een ware passie voor audio. Doublepoint is ontstaan uit een liefde voor twee dingen: internet en audio. Het resultaat is een moderne en gebruiksvriendelijke webwinkel met een assortiment om van te smullen.

Doublepoint

Het team achter Doublepoint heeft een ware passie voor audio. Doublepoint is ontstaan uit een liefde voor twee dingen: internet en audio. Het resultaat is een moderne en gebruiksvriendelijke webwinkel met een assortiment om van te smullen.

Bekijk ontwerp »

Full responsive webdesign voor Avaxa Debt Advisors. Een heerlijk minimalistisch design. Het overzichtelijke ontwerp  heeft de online bezoeker de rust en het vertrouwen de content in zich op te nemen.  Het invullen van het contactformulier is dan nog maar een kleine stap.

Avaxa Debt Advisors

Full responsive webdesign voor Avaxa Debt Advisors. Een heerlijk minimalistisch design. Het overzichtelijke ontwerp heeft de online bezoeker de rust en het vertrouwen de content in zich op te nemen. Het invullen van het contactformulier is dan nog maar een kleine stap.

Bekijk ontwerp »

Een speaker die staat voor dé perfecte geluidssensatie verdient een webdesign dat de harmonie en balans uitstraalt die hierbij past. Strakke typografie in combinatie met een subtiel lijnenspel en contrastrijke vlakken geven dit webdesign een professionele en tijdloze look & feel.

Essence Audio

Een speaker die staat voor dé perfecte geluidssensatie verdient een webdesign dat de harmonie en balans uitstraalt die hierbij past. Strakke typografie in combinatie met een subtiel lijnenspel en contrastrijke vlakken geven dit webdesign een professionele en tijdloze look & feel.

Bekijk ontwerp »

<>