Showcase / Zoeken en navigeren

Zoeken dat Nederlandse samenstellingen begrijpt

In het Nederlands plakken we woorden aan elkaar. De standaardzoekfunctie van een webshop kijkt naar het begin van een woord, dus wie borstel intypt krijgt de afwasborstel niet te zien. In onze demowinkel wel. De winkel kent de losse delen van een productnaam.

Zoekresultatenpagina van de demowinkel met de zoekopdracht borstel, die de Kokosvezel Afwasborstel oplevert — De zoekopdracht borstel levert de kokosvezel afwasborstel op, met de filters ernaast

Categoriepagina Keuken van de demowinkel met filters voor categorie, prijs, eco, bestseller en aanbieding — De categoriepagina's gebruiken hetzelfde zoeken, inclusief de filters met aantallen

De collectiepagina Eco-favorieten van de demowinkel met acht producten met een eco-label — Eco-favorieten is een categorie op basis van een opgeslagen filter

Meilisearch · Magento 2 · Hyvä · Facetten

Wat het doet

Vindt producten op een deel van het woord

Zoeken op borstel of op wrap levert het product met de samengestelde naam op. De winkel haalt productnamen vooraf uit elkaar in bekende woorddelen, en elk deel telt bij het zoeken mee.

Suggesties tijdens het typen

De zoekbalk in de header toont na een paar tekens maximaal zes producten. Met de pijltjestoetsen loop je ze langs; Enter brengt je naar de volledige resultatenpagina.

Filters met echte aantallen

Categorie, prijsklasse, eco, bestseller, aanbieding, nieuw en op voorraad. De aantallen achter elk filter komen uit dezelfde zoekopdracht, dus wat je aanklikt bevat ook echt resultaten.

Categoriepagina's werken hetzelfde

De categoriepagina's tonen dezelfde lijst en dezelfde filters als de zoekpagina. Verbeter je het zoeken, dan merk je dat meteen op elke categoriepagina.

Collecties uit een opgeslagen filter

Sale, Nieuw en Eco-favorieten zijn categorieën zonder handwerk: je legt het filter vast en elk product dat eraan voldoet staat er meteen in.

Voor wie

Shops met een Nederlandse catalogus waarin samenstellingen normaal zijn: afwasborstel, bewaarpot, drinkfles. Hoe groter het assortiment, hoe vaker een bezoeker op een deel van het woord zoekt en met lege handen terugkomt.

Het is ook de route voor shops die tegen de grenzen van de standaardzoekfunctie aanlopen en de zoekfunctie liever niet bij een externe dienst neerleggen. Het zoeken draait hier op je eigen server, je productdata blijft in huis.

Zelf bekijken

De demowinkel staat open. Typ iets in de zoekbalk bovenin voor de suggesties, of open meteen een resultatenpagina en speel met de filters.

Zoek op borstel in de demowinkel

Voor developers

Meilisearch draait naast OpenSearch. OpenSearch blijft de verplichte catalogusengine van Magento; de zoek- en categoriebeleving komt uit Meilisearch.
Een eigen indexer met mview: bij het opslaan van een product wordt alleen dat product opnieuw weggeschreven, een volledige herindex gaat via de command line.
Doorzoekbaar zijn naam, artikelnummer, de afgeleide woorddelen, categorienamen en de korte omschrijving. Sorteren kan op prijs en naam.
De woorddelen komen uit een platte lijst in de code die je per catalogus uitbreidt, niet uit een extern taalpakket. Bij het indexeren wordt elke productnaam langs die lijst gelegd en gaan de gevonden delen als losse zoektermen mee in het document.
De frontend is Alpine met de JavaScript-client van Meilisearch en praat met een sleutel die alleen mag zoeken. De hoofdsleutel komt nooit in de browser.
Actieve filters staan in de URL, zodat een gefilterde pagina te delen en te bewaren is.
Valt Meilisearch weg, dan blijft de categoriepagina de standaardlijst van Magento tonen.

Hetzelfde principe pasten we eerder toe bij WWL, daar met Algolia: lees de case over zoeken met Algolia.

Dit soort doorontwikkeling zit in technisch beheer, of loopt als los project.

Terug naar alle onderdelen in de showcase.

Levert jouw zoekbalk de juiste producten op?

In een kennismaking van een kwartier kijken we naar het zoeken in je eigen shop.

Plan een kennismaking

Jasper van Tellingen, e-commerce architect