Search
Live zoekbalk die gepubliceerde pagina's doorzoekt op titel, beschrijving en inhoud.
Een zoekveld met live resultaten onder het invoerveld. Filtert standaard op de huidige taal.
Toepassingen per site-type
Een webshop met veel producten zet Search vaak prominent bovenaan elke pagina, omdat bezoekers die precies weten wat ze zoeken sneller via een zoekterm dan via categorieën navigeren. Een portfolio-site heeft doorgaans minder pagina's en gebruikt dit block daarom spaarzamer, of laat het achterwege als het aantal projecten klein genoeg is om in één overzicht te tonen. Bij een zakelijke dienstverlener met een uitgebreide kennisbank of FAQ-sectie is Search juist onmisbaar: bezoekers met een specifieke vraag vinden zo direct het juiste artikel in plaats van door categorieën te klikken.
Een veelgemaakte fout is Search toevoegen op een site met slechts een handvol pagina's: dan voegt het zoekveld weinig waarde toe en neemt het onnodig ruimte in de header in. Een tweede valkuil is geen duidelijke placeholder-tekst meegeven, waardoor bezoekers niet meteen zien waarnaar ze kunnen zoeken — 'Zoek...' werkt, maar 'Zoek in de kennisbank...' is specifieker en dus duidelijker.
Dit block combineert goed met Pagination als de zoekresultaten lang kunnen zijn, en met FAQ-secties waar bezoekers regelmatig met specifieke vragen komen. Plaats Search bij voorkeur in de header of bovenaan een overzichtspagina, zodat het block op elke pagina makkelijk te vinden is.
Omdat de resultaten live verschijnen terwijl de bezoeker typt, is het belangrijk dat de resultatenlijst ook met het toetsenbord te doorlopen is (pijltjestoetsen en enter), niet alleen met de muis — dat is essentieel voor bezoekers die niet met een muis werken.
Plaats dit block op sites met veel content: een kennisbank, een forum of een uitgebreide productcatalogus. In plaats van door menu's te klikken, typt de bezoeker een zoekterm en ziet direct de relevante pagina's verschijnen.
Op deze site staat het bovenaan het bloksoverzicht, zodat je meteen naar bijvoorbeeld 'gsap' of 'formulier' kunt zoeken in plaats van door alle Records te scrollen.
<Search placeholder='Zoek...' />