De structuur van een nieuwe website opzetten met een stapel kaartjes

Een nieuwe website begint niet met kleuren of een mooie foto, maar met een lijst pagina’s en de vraag hoe die bij elkaar horen. Die structuur van een nieuwe website noemen bouwers vaak de sitemap. Niet het technische XML-bestand voor Google, maar de plattegrond van uw site: wat staat waar en hoe komt een bezoeker er. Klopt die plattegrond niet, dan helpt geen ontwerp meer. In dit artikel leest u hoe u hem zelf opzet, op tafel, met kaartjes.

Waarom de structuur van een nieuwe website eerst komt

Een webbouwer kan een pagina pas ontwerpen als hij weet wat erop moet en waar die pagina naar doorverwijst. Wie halverwege het ontwerp bedenkt dat de diensten toch per doelgroep moeten in plaats van per soort werk, gooit een flink deel van het werk weg. Dat kost tijd en vaak geld.

Daarnaast kijkt Google naar hoe pagina’s aan elkaar gelinkt zijn. Een heldere structuur maakt duidelijk welke pagina’s belangrijk zijn. Een rommelige structuur met drie pagina’s die bijna hetzelfde zeggen, maakt dat juist onduidelijk.

Wat u nodig heeft

• Een stapel kaartjes of systeemkaarten, of geeltjes.
• Een grote tafel of een lege muur.
• De lijst van uw huidige pagina’s, als u al een site heeft. Een overzicht van uw verkeer per pagina helpt ook.
• Het doel van de site op één regel. Heeft u dat nog niet, begin dan bij het doel van uw website bepalen.

Stap 1: schrijf alles op wat een klant wil weten

Eén onderwerp per kaartje. Denk vanuit de vragen die u aan de telefoon krijgt. Wat kost het? Werken jullie ook in Zwolle? Hoe snel kunnen jullie beginnen? Wat als ik niet tevreden ben? Schrijf ook uw diensten op, uw werkgebied, het team, vacatures, contact. Twijfelt u, schrijf het toch op. Schrappen komt later.

Stap 2: groepeer de kaartjes

Leg kaartjes die bij elkaar horen op een stapel. Vaak ontstaan vanzelf vier of vijf groepen: diensten, over het bedrijf, werk en projecten, praktische informatie, contact. Een kaartje dat nergens bij past, is soms een eigen pagina en soms gewoon een alinea op een andere pagina.

Let op hoe u groepeert. Een bedrijf dat zelf denkt in afdelingen, groepeert graag per afdeling. Een klant denkt in problemen: “mijn dak lekt”, niet “afdeling onderhoud”. Twijfelt u, vraag dan een paar klanten of kennissen om de kaartjes te sorteren. Waar zij ze neerleggen, zegt meer dan uw eigen indeling.

Stap 3: maak van elke stapel een pagina of een tak

Elke stapel wordt een hoofdonderdeel. Binnen een stapel bepaalt u wat een eigen pagina krijgt. Een vuistregel: een onderwerp krijgt een eigen pagina als er mensen apart op zoeken, of als er genoeg over te zeggen is dat het een alinea ontstijgt. “Dakgoot vervangen” en “dakkapel plaatsen” verdienen elk een eigen pagina. “Wij ruimen netjes op” past als zin op elke dienstenpagina.

Stap 4: houd het ondiep

Hoe meer lagen, hoe meer klikken. Voor de meeste mkb-sites zijn twee niveaus genoeg: de hoofdonderdelen en de pagina’s daaronder. Een derde niveau is soms nodig bij veel diensten, maar dan is het verstandig om nog eens te kijken of het niet eenvoudiger kan.

Leg de kaartjes nu in een boomvorm op tafel: bovenaan de homepage, daaronder de hoofdonderdelen, daaronder de losse pagina’s. Maak er een foto van. Dat is uw eerste versie.

Stap 5: bedenk de adressen

Elke pagina krijgt een url. Houd die kort en beschrijvend, en laat de structuur erin terugkomen waar dat logisch is, bijvoorbeeld /diensten/dakgoot-vervangen/. Hoe u nette adressen kiest, staat in nette url's kiezen voor pagina's.

Vervangt de nieuwe site een bestaande, zet dan naast elk kaartje het oude adres. Pagina’s die verdwijnen of verhuizen, hebben een omleiding nodig, anders verliest u de bezoekers die via Google op de oude adressen binnenkomen. Dit is het moment om die lijst te beginnen, niet de week van de livegang.

Stap 6: toets de structuur aan echte vragen

Pak drie situaties en loop ze na op uw boom. Stel: iemand in Hengelo wil weten of u daar ook werkt en wat een nieuwe dakgoot ongeveer kost. Via welke kaartjes komt die er? Lukt dat in twee of drie stappen, dan zit het goed. Moet hij zoeken, dan ontbreekt een verbinding of zit iets op de verkeerde plek.

Wat u er niet mee doet

De structuur is niet hetzelfde als het menu. Niet elke pagina hoeft in het hoofdmenu; sommige bereikt u via een link in de tekst of in de footer. Hoe u bepaalt wat er in het menu komt, leest u in een menustructuur die bezoekers niet laat zoeken. En de structuur zegt ook nog niets over hoe een pagina eruitziet. Dat komt in de volgende stap, het wireframe.

De foto van de tafel meenemen

Die foto van uw kaartjes is een prima start voor het gesprek met een webbouwer. Een goede bouwer stelt er vragen over, schuift misschien een paar kaartjes en maakt er een net overzicht van. Bij ons is de structuur de eerste stap na het voorstel, voordat er een ontwerp is. Hoe dat proces er van begin tot eind uitziet, leest u op de pagina over hoe een website laten maken verloopt.