Naar de inhoud
cases / zoeken met algolia

Zoeken met Algolia, afgemaakt voor SEO en filters

Algolia is een snelle search engine, maar de standaardkoppeling met Magento laat punten liggen. Voor de shops van WWL bouwden we de eerste render om, zodat die meteen de echte resultaten toont, en kwam er een eigen filtersysteem met ranges en gegroepeerde waardes.

Magento 2AlgoliaSEOFilters
Zoekresultaten op Lampdirect met het uitgebreide filtersysteem in de zijbalk

01 · De voorgeschiedenis

Vijftien jaar hetzelfde probleem: de engine geeft alleen ID's

Zoekoplossingen voor webshops hadden jarenlang dezelfde beperking: de search engine gaf een lijst product-ID's terug, en de shop moest vervolgens alsnog zware databasequeries draaien om namen, prijzen en afbeeldingen op te halen. Het zoeken was snel; de pagina eromheen bleef traag.

Onze architect liep daar al vroeg tegenaan bij grote retailers, in de tijd van Solr, de standaardzoeker van Magento Enterprise en later Tweakwise. De oplossing was toen telkens hetzelfde idee: de productdata die je op een zoek- of categoriepagina nodig hebt, rechtstreeks uit de search engine serveren en de database met rust laten. Precies dat idee is later de standaardaanpak van Algolia geworden.

02 · Algolia bij WWL

Een snelle motor met scherpe randjes

De webshops van verlichtingsgroep WWL, waaronder Lampdirect, zoeken met Algolia: razendsnel, meertalig en gebouwd op precies het principe hierboven. Maar de standaardkoppeling tussen Algolia en Magento laat op twee punten iets liggen, en juist die twee punten doen er bij een grote shop toe.

03 · De eerste render

Geen witte pagina, geen flits

De standaardmodule bouwt zoek- en categoriepagina's op via JavaScript: de eerste render is leeg of toont een flits van een pagina zonder resultaten, waarna de producten alsnog verschijnen. Bezoekers zien de pagina verspringen, en zoekmachines beoordelen een pagina die er anders uitziet dan wat de bezoeker uiteindelijk krijgt.

Wij hebben dat omgedraaid. De server roept Algolia zelf aan via de API, met exact dezelfde parameters als de JavaScript-kant: dezelfde filters, dezelfde regels, dezelfde paginering. De eerste render bevat daardoor meteen de echte producten, identiek aan wat de bezoeker na het laden ziet. Geen flits, geen verspringing, en zoekmachines zien gewoon de echte pagina.

04 · De filters

Ranges en gegroepeerde waardes, beheerbaar per formule

Voor een assortiment als dat van WWL, met techniek als wattage, lichtkleur en lichtopbrengst, schoot de standaardfiltering van de module tekort. Daarom is er een eigen facetsysteem bovenop gebouwd: filters met bereiken voor numerieke waardes, en gegroepeerde waardes die varianten van hetzelfde antwoord samenvoegen. Vier smaken ja en één nee wordt voor de bezoeker gewoon een ja/nee-filter.

De filters zijn instelbaar per website, vanuit het beheer. Een nieuwe filter inrichten of aanpassen is configuratie, geen ontwikkelwerk.

Het resultaat

  • De eerste render van zoek- en categoriepagina's staat meteen goed: geen witte pagina, geen flits, geen verspringend beeld.
  • Zoekmachines zien dezelfde resultaten als de bezoeker, wat de pagina's beter indexeerbaar maakt.
  • Filters die bij het assortiment passen: bereiken voor numerieke waardes en gegroepeerde antwoorden, instelbaar vanuit het beheer.
  • De productdata komt rechtstreeks uit de zoekindex; de database blijft buiten het kritieke pad.

Benieuwd wat dit voor jouw shop kan betekenen?

Plan een kennismaking

Voor de developers

  • Server-side Algolia-query met dezelfde facetfilters, rulecontexten en paginering als de InstantSearch-frontend, zodat de eerste render en de client-render identiek zijn.
  • Eigen facet-entiteiten met typen als range en grouped, instelbaar per website, met een eigen beheerinterface in de admin.
  • Gerichte patches op de officiële Algolia-module waar die knelde, onder meer rond indexering, prijzen van grouped products en voorraad-eerst sorteren.
  • Landingspagina's op zoek- en filtercombinaties worden vanuit dezelfde module beheerd.

05 · Wat dit betekent voor jouw shop

Een goede search engine is het begin, niet het eindpunt

Een zoekoplossing als Algolia koop je, maar de aansluiting op jouw shop, jouw assortiment en jouw vindbaarheid is werk. Juist daar zit het verschil tussen een zoekbalk die werkt en zoeken dat verkoopt.

Dit soort doorontwikkeling doen we als vast onderdeel van technisch beheer. Meer over het werk voor WWL lees je in de case over het installateursportaal.

Vindt jouw zoekfunctie wat klanten zoeken?

Plan een kennismaking en we kijken vrijblijvend hoe het zoeken in jouw shop ervoor staat.

Plan een kennismaking