Het maken van een sitemap

Een sitemap is een document waar precies in staat wat voor knoppen/pagina's er in de website komen.

Door dit document te maken kan je beter ontwerpen doordat je weet welke knoppen er in komen en wat voor pagina's er in de website zitten. Als er veel pagina's moeten komen, kan je als vormgever dan besluiten om een uitklap menu te ontwerpen.

Inhoud blog: - Uitleg hoe je een sitemap moet maken. - Uitgewerkte sitemap als voorbeeld.

---

Hoe maak ik een sitemap? Als je zelf een sitemap moet of wilt maken kan je het best beginnen door de sitemap van de huidige website te pakken (wanneer de opdrachtgever al een bestaande website heeft). Ik kijk ook naar de sitemap van de concurrenten waardoor je al goed een beeld krijgt wat gebruikelijk is. Dit betekend niet meteen dat wat gebruikelijk is de beste oplossing is, maar het kan je wel inspiratie geven.

Bij het maken van een sitemap moet je weten wat voor onderwerpen er belangrijk zijn voor de klant/opdrachtgever en wat voor doel hij wilt bereiken met de website. Wilt de opdrachtgever bijvoorbeeld graag veel aanmeldingen? Dan zou je een opvallende aanmeld knop in de header kunnen toevoegen.

Naast dat het belangrijk is wat de opdrachtgever wilt, is het ook belangrijk om focus te behouden. Het kan zo zijn dat de opdrachtgever heel veel te vertellen heeft, maar het is niet heel slim om dan ook alles in de header of buttonbalk te plaatsen. Zorg er dan voor dat je knoppen samenvoegt of onder een hoofdknop plaatst.

Hoe moet ik dit aanpakken? 1. Welke pagina's/knoppen moeten er in de website komen? Schrijf deze allemaal op in een word bestandje. 2. Maak een lijstje met primaire knoppen en secundaire knoppen. Deze knoppen zijn de belangrijkste knoppen uit het lijstje met alle pagina's/knoppen die je net gemaakt hebt. Bij een website met veel pagina's is de kans groot dat de primaire- en secundaire knoppen overzichtspagina's zijn, waar meerdere pagina's binnen vallen.

Voorbeeld: Je hebt de pagina's 'Wie zijn wij', 'Organisatie' en 'Scholen'. Deze kan je samen plaatsen binnen een overkoepelende knop/overzichtspagina genaamd 'Over HKU'.'Over HKU' wordt dan een primaire- of secundaire knop.

De primaire knoppen zijn het belangrijkst en komen duidelijker en groter in beeld dan de secundaire knoppen. Om focus te behouden kan je het beste proberen rond de 3 tot 6 verschillende primaire knoppen te zitten en 3 tot 5 secundaire knoppen.

Opmerking bij afbeelding: In de huidige HKU website zijn de knopppen bij nummer 1 de primaire knoppen en de knoppen bij 2 de secundaire knoppen.

3. Plaats alle overige pagina's onder een primaire- of secundaire knop.

4. Werk de sitemap uit. Persoonlijk vind ik het fijn om een sitemap uit te werken in het programma Illustrator, omdat ik hier snel in werk en het er netjes uit ziet. Ben je zelf niet handig met Illustrator en wil je de sitemap in een ander programma maken? Hier een linkje naar programma's voor het maken van een sitemap. Onderin deze blog heb ik een link geplaatst naar de sitemap die ik heb gemaakt. Zo kan je meteen zien hoe een sitemap er ongeveer uit ziet.

In mijn sitemap heb ik in het midden een knop/pagina geplaatst genaamd 'Home'. Vanuit de homepagina kan je naar alle andere pagina's navigeren en staat daarom centraal. In de sitemap die ik gemaakt heb, heb ik onder de home knop de primaire knoppen in het groen gezet en boven de home knop de secundaire knoppen. Vervolgens zie je ook meteen welke pagina's er binnen elke primaire- en secundaire knop zitten.

Bekijk mijn Sitemap via deze link.