Ga naar hoofdinhoud

Pagina's & navigatie

Een website is alleen zo gebruiksvriendelijk als zijn navigatiemenu. Deze handleiding behandelt twee nauw verwante tools: het Overzicht, waar elke pagina en blogpost die je hebt aangemaakt zich bevindt, en Navigatie, waar je bepaalt hoe bezoekers zich tussen die pagina's bewegen via het menu van je site.

Je pagina's beheren​

Het onderdeel Overzicht binnen Contentbeheer toont elke pagina, blogpost en categorie op je website op één plek, en geeft je een helikopterview van alles wat je tot nu toe hebt gepubliceerd of als concept hebt staan.

  • Bewerken: Klik op de titel van een pagina in de lijst om deze direct in de visuele editor te openen, waar je tekst, afbeeldingen of indeling kunt bijwerken.
  • Zoeken: Gebruik de zoekbalk om direct een specifieke pagina te vinden door een deel van de titel in te typen, handig zodra je site is uitgegroeid tot tientallen pagina's.
  • Filters: Beperk de lijst op contenttype (Pagina's, Blogs of Categorieën) zodat je alleen het soort content ziet dat je op dat moment nodig hebt.
  • Instellingen: Het tandwielicoon naast een pagina opent de snelle instellingen, waar je de titel, de URL, het sjabloon, de publicatiestatus en of de pagina met een wachtwoord is beveiligd kunt wijzigen.

Eén pagina beveiligen met een wachtwoord​

Soms wil je dat een pagina alleen bereikbaar is voor mensen die een wachtwoord kennen, bijvoorbeeld een prijslijst, een pagina alleen voor leden, of een pagina die je met slechts een paar klanten deelt. Je kunt elke pagina achter een eigen wachtwoord vergrendelen zonder de rest van je site te verbergen.

  • Inschakelen: Open de instellingen van de pagina vanuit het Overzicht (het tandwielicoon), vink Beveilig deze pagina met een wachtwoord aan en typ het wachtwoord dat je wilt gebruiken. Sla de instellingen op.
  • Beveiligde pagina's herkennen: Naast elke met een wachtwoord beveiligde pagina verschijnt in het Overzicht een klein slotje, zodat je in één oogopslag ziet welke pagina's vergrendeld zijn.
  • Wat bezoekers zien: Wie een beveiligde pagina opent, krijgt een kort wachtwoordscherm te zien in plaats van de pagina. Zodra het juiste wachtwoord is ingevoerd, opent de pagina en blijft die open voor de rest van het bezoek. De rest van je site blijft gewoon bereikbaar; alleen die pagina is vergrendeld.
  • Wachtwoord wijzigen of verwijderen: Open de instellingen van de pagina opnieuw. Typ een nieuw wachtwoord om het te wijzigen, of vink de beveiliging uit om de pagina weer openbaar te maken. Laat je het wachtwoordveld leeg, dan blijft het huidige wachtwoord staan.

Dit is iets anders dan het site-brede Binnenkort online-toegangswachtwoord, dat de hele site achter één wachtwoord sluit. Gebruik een paginawachtwoord wanneer de rest van je site openbaar moet blijven en alleen één pagina vergrendeld hoeft te zijn.

Je navigatiemenu aanpassen​

Het onderdeel Navigatie is waar je bepaalt wat er in het menu van je site verschijnt en in welke volgorde, met een visuele sleep-en-neerzet-interface die zo is ontworpen dat het bouwen of herstructureren van een menu net zo eenvoudig aanvoelt als items in een lijst verplaatsen.

De menustructuur begrijpen​

  • Volgorde wijzigen: Klik op een menu-item en houd het vast, sleep het vervolgens omhoog of omlaag om zijn positie in het menu te wijzigen. De volgorde in de editor is precies de volgorde die bezoekers op je live site zullen zien.
  • Nesten (submenu's): Sleep een item iets naar rechts, onder een ander item, om het om te zetten in een submenu-item. Dit is handig om gerelateerde pagina's te groeperen, bijvoorbeeld door "Webdesign," "SEO" en "Hosting" te vermelden als subitems onder een bovenliggend menu-item genaamd "Diensten."
  • Menu-items toevoegen: Klik op Menu-item toevoegen om iets nieuws in je menu in te voegen. Je kunt content gebruiken die je al hebt aangemaakt (een Pagina, Categorie of Blog), of een aangepaste link naar een externe website toevoegen, zoals die van een partner of een boekingsplatform.

Het XL-menu (megamenu)​

Gebruikt je site een eigen thema, dan kun je elk menu omzetten in een XL-menu, ook wel megamenu genoemd: een breed, vormgegeven paneel dat onder een menu-item opent in plaats van een gewone uitklaplijst. Bezoekers hebben zo meer overzicht, met een icoon en een korte omschrijving naast elke link en een optionele promotiekaart.

  • Een menu op XL zetten: Zet in de navigatie-editor de Menustijl op XL. Zet hem op elk moment terug op Eenvoudig voor de standaard uitklaplijst. Deze optie verschijnt alleen op sites met een eigen thema; standaardthema's gebruiken altijd het eenvoudige menu.
  • Sectietitel: Geef een hoofditem een korte sectietitel die in gedempte hoofdletters boven de subitems verschijnt, bijvoorbeeld "Voor elke branche". Zo krijgt de groep in één oogopslag een label.
  • Iconen: Geef een menu-item een icoon zodat bezoekers het in één oogopslag herkennen. Kies er een uit de iconenbibliotheek in de instellingen van het item.
  • Subtitels: Voeg een korte subtitel onder de naam van een item toe, bijvoorbeeld "Menukaart, reserveringen en openingstijden" onder een link "Restaurant". Houd het bij een paar woorden; het is een hint, geen zin.
  • Promotiekaart: Bij een hoofditem (een item met subitems) voeg je een promotiekaart toe die naast het submenu verschijnt. Koppel de kaart aan een van je eigen pagina's, blogposts, categorieën of producten, en de kaart toont automatisch de afbeelding, titel en link daarvan. Je kunt er een eigen label (zoals "Nieuw") en knoptekst aan geven. Wordt het gekoppelde item later verwijderd, dan verdwijnt de kaart gewoon en blijft de rest van het menu werken.

Sectietitels, iconen, subtitels en promotiekaarten worden alleen getoond wanneer het menu op XL staat. Zet je terug naar Eenvoudig, dan blijven ze bewaard maar verborgen, zodat er niets verloren gaat.

Goede navigatie draait om duidelijkheid, niet om decoratie. Enkele praktische richtlijnen:

  • Benadruk je belangrijkste actie. Gebruik de optie "Als knop weergeven" bij de ene link waarop je het liefst wilt dat bezoekers klikken, meestal "Contact," "Nu bestellen" of "Consult boeken." Door deze als knop te stylen, valt hij visueel op ten opzichte van gewone tekstlinks.
  • Houd het hoofdmenu simpel. Bezoekers besluiten binnen enkele seconden of een website betrouwbaar en gebruiksvriendelijk aanvoelt. Een menu volgepropt met een tiental items voelt overweldigend; een gericht menu van vijf tot zeven items voelt zelfverzekerd en overzichtelijk aan.
  • Gebruik submenu's voor diepte, niet voor lengte. Als je veel gerelateerde pagina's hebt, groepeer ze dan onder een gedeeld bovenliggend item met nesten, in plaats van ze allemaal apart in de hoofdbalk te vermelden.
  • Laat je menu aansluiten bij hoe bezoekers denken, niet per se bij hoe je bedrijf intern is georganiseerd. Label items zoals een eerste-keer-bezoeker ernaar zou zoeken.

Je blog beheren​

Als je website een blog bevat, volgt het publiceren en organiseren van posts dezelfde vertrouwde workflow als gewone pagina's.

  • Een blogpost aanmaken: Klik op Content aanmaken vanaf het hoofdscherm van Contentbeheer en selecteer Blog als contenttype.
  • Schrijven en publiceren: Net als standaardpagina's worden blogposts visueel gebouwd (geen code nodig) en gaan ze live zodra je opslaat en publiceert.
  • Toevoegen aan je menu: Individuele posts, of een link naar je algehele blogoverzichtspagina, kunnen aan je navigatiemenu worden toegevoegd net als elke andere content, zodat bezoekers je laatste updates gemakkelijk kunnen ontdekken.

Veelgestelde vragen​

Kan ik mijn navigatiemenu op elk moment wijzigen?​

Ja. Menuwijzigingen worden direct na het opslaan doorgevoerd, dus je kunt de structuur van je site zo vaak herstructureren als je wilt, zonder downtime of goedkeuringsproces.

Hoeveel niveaus submenu's kan ik aanmaken?​

Je kunt items nesten om submenu's te bouwen voor het groeperen van gerelateerde pagina's. Voor de duidelijkste bezoekerservaring is het het beste om nesten tot één niveau diep te beperken. Vermijd het maken van submenu's binnen submenu's, wat verwarrend kan zijn om te navigeren op zowel desktop als mobiel.

Wat is het verschil tussen een Pagina, een Categorie en een Blog in de contentfilters?​

Pagina's zijn losstaande stukken content zoals "Over ons." Blogs zijn gedateerde posts die na verloop van tijd worden gepubliceerd. Categorieën worden voornamelijk gebruikt in de Online winkel om gerelateerde producten te groeperen. Alle drie kunnen verschijnen in je Overzichtslijst en, waar relevant, in je navigatiemenu.

Hoe maak ik één pagina met een wachtwoord beveiligd?​

Open de instellingen van die pagina vanuit het Overzicht (het tandwielicoon), vink Beveilig deze pagina met een wachtwoord aan, voer een wachtwoord in en sla op. In het Overzicht verschijnt daarna een slotje bij de pagina, en bezoekers wordt om het wachtwoord gevraagd voordat ze de pagina kunnen bekijken. Wil je de beveiliging later verwijderen, vink de optie dan uit in dezelfde instellingen. Wil je juist je hele site achter een wachtwoord sluiten in plaats van één pagina, gebruik dan het Binnenkort online-toegangswachtwoord in Instellingen.

Kan ik vanuit mijn menu linken naar een externe website?​

Ja. Kies bij het toevoegen van een menu-item de optie voor een aangepaste link en voer een extern webadres in in plaats van een van je eigen pagina's te selecteren.

Wat is een XL- of megamenu, en kan ik er een gebruiken?​

Een XL-menu is een breed, vormgegeven paneel dat onder een menu-item opent, met ruimte voor een icoon en een korte omschrijving naast elke link en een optionele promotiekaart. Het is beschikbaar op sites met een eigen thema. Open de navigatie-editor en zet de Menustijl op XL. Standaardthema's gebruiken het eenvoudige uitklapmenu.

Hoe voeg ik een afbeelding toe aan de promotiekaart van een menu?​

Je voegt de afbeelding niet rechtstreeks toe. Koppel de promotiekaart aan een van je pagina's, blogposts, categorieën of producten, en de kaart gebruikt automatisch de eigen afbeelding, titel en link daarvan. Voeg desgewenst een label of knoptekst toe. Houd het gekoppelde item actueel, dan volgt de kaart vanzelf.

Wat moet ik doen als mijn menu er rommelig uitziet?​

Groepeer gerelateerde items in een submenu met de hierboven beschreven nestfunctie, en overweeg om items die overlappen te verwijderen of samen te voegen. Een korter, duidelijker hoofdmenu presteert vrijwel altijd beter dan een lang menu.