Het plaatsen van veel informatie binnen een website kan op diverse manieren worden ingevuld. Wat men vaak ziet, is dat er een eindeloos lange kolom met informatie wordt aangeboden. Dit kan vervelend zijn, omdat bezoekers niet direct de complete inhoud kunnen overzien en op deze manier de pagina niet kunnen scannen.

Een alternatief is om de desbetreffende pagina op te delen in verschillende kleinere pagina’s. Soms kan dit een uitkomst bieden, maar omdat de informatie wordt opgesplitst, kan dit invloed hebben op de vindbaarheid. De zoekmachine kan de pagina’s onafhankelijk slechter beoordelen dan als de informatie op één pagina wordt aangeboden.
Toch is het mogelijk om informatie in delen aan te bieden, én dit toch binnen één html-pagina te doen. Een aantal voorbeelden:

 

1.  Horizontale tabs

Visueel gezien is deze variant identiek aan een vorm die wordt besproken in het horizontale navigatie artikel. Essentieel verschil is dat de navigatie nu wordt aangeboden binnen het basis-kader waarin de daadwerkelijke inhoud van de pagina wordt weergegeven. Via de tabbladen kan de gebruiker een andere layer aanroepen. Zo blijft de gebruiker binnen dezelfde pagina maar wordt een andere sectie weergegeven. Bizner heeft haar website op deze manier  ingericht.

 

2. Verticale tabs

Via een verticale navigatie is het ook mogelijk om inhoud op te splitsen. Volkswagen biedt op deze manier informatie aan. Een voordeel van deze variant zou kunnen zijn dat het mogelijk is om meer tabbladen toe te voegen dan als er gebruik wordt gemaakt van horizontale tabs.

 

3. Horizontaal of verticaal bladeren

Wordt er een lijst met soortgelijke informatie aangeboden, maar wordt het kader te breed of lang dan kan het nuttig zijn om de gebruiker er door heen te laten bladeren. Op de website van expert wordt er bijvoorbeeld in een kolom een overzicht gegeven van alternatieve producten. Aangezien het kader een vrij lange lijst bevat met producten is slechts een deel zichtbaar. Via buttons kan er door de producten worden gescrolld.

Voetbal international heeft hetzelfde issue opgelost met een horizontale weergave. Hier kan door een ruim aanbod aan kantlijnartikelen worden gebladerd.

 

4. Scoll door kader

De website van de dierenbescherming heeft een vaste hoogte. Hierdoor is het niet mogelijk door de pagina te scrollen via de vaste scrollbar van de browser aan de rechterzijde van het beeldscherm. Door een kader te voorzien van een interne scrollbalr kan toch door de inhoud worden genavigeerd, maar blijft de rest van de pagina op haar plaats staan.

Ga geen gebruik maken van frames! Dit zorgt ervoor dat website’s niet goed indexeerbaar zijn door zoekmachines. Pagina’s worden wel onafhankelijk opgenomen maar als er via een zoekmachine een pagina wordt bereikt, zal de omgeving (navigatie, header etc.) niet zichtbaar zijn. Het is bovendien niet mogelijk voor website’s om een doeltreffende link naar een interne pagina van uw website te plaatsen.
De website’s van c1000 en karwij zijn voorbeelden van hoe het niet moet!

Digilinks.be geeft goede onderbouwingen waarom frames niet welkom zijn op een website.

 

5. Hiërarchische uitklapfunctie

Om te voorkomen dat het overzicht van lastminute aanbiedingen onoverzichtelijk wordt, heeft Landal GreenParks gebruik gemaakt van een uitklapfunctie. De geïnteresseerde kan eerst kiezen in welke maand hij een lastminute wil boeken. Er worden nu secundaire opties getoond. Door vervolgens nog te kiezen voor een midweek of weekend, de vertrekdatum, de provincie en het park wordt uiteindelijk een lijst aangeboden met de beschikbare cottages.

Het is prima mogelijk om inhoud met grote omvang aan te bieden in secties, zonder de kwaliteit van de pagina ten aanzien van zoekmachines te beïnvloeden. Technieken als CSS en Javascript geven een hoop (extra) mogelijkheden. Belangrijk is wel dat er geen gebruik wordt gemaakt van frames. Kan het aanbieden van inhoud inderdaad een verbetering zijn voor de gebruiksvriendelijkheid van de website of heb je toch liever alles in één lange kolom?