Een vergelijkingstabel voor producten zet twee tot vijf producten naast elkaar, meestal met de producten als kolommen en de kenmerken als rijen. Zo kan een klant specificaties afwegen zonder elke productpagina te openen. Hij hoort op categoriepagina's, productpagina's en in koopgidsen voor producten die mensen op meerdere meetbare kenmerken tegelijk kiezen: laptops, boormachines, e-bikes, koffiemachines, matrassen.
Over de opmaak is het usability-onderzoek het eens. Toon maximaal vijf producten (op een telefoon vaak maar twee), groepeer de rijen, houd de productnamen in beeld als de klant scrolt, en laat rijen verbergen waar elk product dezelfde waarde heeft (Nielsen Norman Group, Baymard Institute). De regel waar de meeste tabellen op stuklopen is echter een dataregel: elke cel heeft een waarde nodig, in dezelfde eenheid en hetzelfde formaat, voor elk product. Dit artikel behandelt waar je een tabel plaatst, welke kenmerken je per categorie vergelijkt, opmaak en mobiele patronen, en de attribuutdata die er moet zijn voordat het allemaal werkt.
Drie plekken waar een vergelijkingstabel zijn ruimte verdient
Er zijn twee soorten vergelijkingstabellen. Een statische tabel vergelijkt producten die jij vooraf kiest; een dynamische laat klanten een vakje Vergelijk aanvinken in de productlijst en zelf een tabel samenstellen. Het artikel van Kate Moran en Taylor Dykes van Nielsen Norman Group uit 2024 raadt statische tabellen aan voor kleine sets en dynamische voor grote catalogi, en merkt op dat de meeste dynamische tabellen maar drie of vier producten toelaten (NN/g).
- Categoriepagina's: een vakje Vergelijk op elke productkaart en een vaste vergelijkbalk die de tabel opent. Dit is de dynamische variant, handig in categorieën met tientallen vergelijkbare producten, zoals accuboormachines of robotstofzuigers.
- Productpagina's: een kort blok "vergelijk met vergelijkbare producten" onder de specificaties, met het huidige product in de eerste kolom en twee of drie alternatieven ernaast. Zo blijven twijfelende klanten op je site; de gids over de productpagina laat zien waar dat blok tussen de andere secties past.
- Koopgidsen en assortimentspagina's: een statische tabel van een productlijn (instap, midden en top) die uitlegt wat de meerprijs oplevert. Hier kies je zelf de rijen en kun je per kolom een korte conclusie zetten.
Aankopen waarbij vergelijken helpt, en waarbij het in de weg zit
NN/g koppelt vergelijkingstabellen aan compenserende beslissingen: de klant ruilt kenmerken tegen elkaar af, zoals meer koppel tegen meer gewicht, of een grotere accu tegen een hogere prijs. Juist die beslissingen bedient een tabel het best. Hetzelfde artikel raadt tabellen af als producten elkaar niet uitsluiten, als ze goedkoop en eenvoudig zijn, of als ze lastig op feiten te vergelijken zijn; esthetische aankopen zoals kleding en meubels hebben er meestal geen nodig (NN/g).
Een snelle test: zijn je filters in een categorie vooral getallen en ja/nee-kenmerken (wattage, inhoud, afmetingen, "vaatwasserbestendig"), dan helpt een tabel. Zijn het vooral stijl, kleur en dessin, steek de moeite dan in foto's en pasvorminformatie.
Vergelijkingskenmerken voor acht productcategorieën
Vergelijkingsrijen zijn de kenmerken die kopers tegen elkaar afwegen, niet elk veld dat je toevallig hebt. NN/g waarschuwt expliciet tegen alle beschikbare metadata in de tabel gooien. Dit zijn redelijke startrijen per categorie, met de eenheid of het waardeformaat dat elke rij nodig heeft:
Vergelijkingsrijen per categorie, met eenheden en rijgroepen
| Laptops | Schermformaat, processor, werkgeheugen, opslag, gewicht, accuduur | inch, modelnaam, GB, GB, kg, uur | Prestaties, scherm, draagbaarheid |
|---|---|---|---|
| Accuboormachines | Voltage, max. koppel, boorhouder, gewicht met accu, koolborstelloze motor | V, Nm, mm, kg, ja/nee | Kracht, handling, accu |
| Robotstofzuigers | Zuigkracht, gebruiksduur, stofbakinhoud, dweilfunctie, geluidsniveau | Pa, minuten, ml, ja/nee, dB | Reinigen, accu, gemak |
| E-bikes | Motorpositie, motorkoppel, accucapaciteit, framematen, gewicht | lijst naaf/midden, Nm, Wh, cm, kg | Motor, accu, pasvorm |
| Matrassen | Hardheid, hoogte, kernmateriaal, afneembare hoes, proefperiode | schaal 1 tot 10, cm, vaste lijst, ja/nee, nachten | Comfort, materialen, service |
| Koffiemachines | Type machine, pompdruk, waterreservoir, melksysteem, ingebouwde molen | vaste lijst, bar, liter, vaste lijst, ja/nee | Zetten, inhoud, functies |
| Hardloopschoenen | Drop, gewicht, demping, ondergrond | mm, g, vaste lijst, lijst weg/trail | Pasvorm en gevoel, gebruik |
| Muurverf | Dekking, glansgraad, droogtijd, inhoud blik, binnen of buiten | m2 per liter, vaste lijst, uur, liter, lijst | Aanbrengen, resultaat |
Twee patronen keren terug. De helft van de rijen zijn getallen met een eenheid, en die sorteren en vergelijken alleen goed als de eenheid voor elk product gelijk is. De rest zijn vaste lijsten of ja/nee-waarden, en die blijven alleen vergelijkbaar als iedereen "middenmotor" op dezelfde manier schrijft. Het zijn dus vragen over attribuutmodellering voordat het ontwerpvragen zijn; het artikel over de kracht van productattributen gaat dieper op die modellering in.
Een voorbeeldtabel opgebouwd uit attribuutdata
Een rekenvoorbeeld: drie fictieve 18V-accuboormachines uit één reeks, vergeleken op de kenmerken uit de tabel hierboven. Het blok hieronder is sorteerbaar, dus de producten staan hier als rijen; in een webshop draai je hem meestal om, met producten als kolommen.
Fictieve vergelijking: drie 18V-accuboormachines
| Compacte boormachine | 18 | 40 | 10 | 1,4 | 2,0 | Nee | 89 |
|---|---|---|---|---|---|---|---|
| Koolborstelloze boormachine | 18 | 60 | 13 | 1,6 | 2,0 | Ja | 129 |
| Zware klopboormachine | 18 | 90 | 13 | 2,1 | 4,0 | Ja | 199 |
Een paar keuzes laten deze tabel werken, en elke keuze is een databeslissing:
- De eenheid staat in de kolomkop, niet in de cel. Cellen bevatten kale getallen, dus sorteren op koppel zet 40, 60 en 90 op volgorde. Een cel "60Nm" naast een cel "max. 60 Nm" sorteert als tekst.
- Eén definitie per kenmerk. "Gewicht met accu" is een ander kenmerk dan "gewicht (alleen machine)". Leveranciers halen ze door elkaar, en een tabel die ze mengt laat de compacte boormachine zwaarder of lichter lijken dan hij is.
- Ja/nee-waarden zijn Ja of Nee, nooit leeg. Een lege cel in de rij koolborstelloos leest voor de ene klant als "nee" en voor de andere als "onbekend".
- Gelijke rijen zijn ook informatie, maar niet in de standaardweergave. Alle drie zijn 18 V, wat telt voor accucompatibiliteit. Toon het in de volledige tabel en verberg het als de klant naar alleen verschillen schakelt.
Opmaakregels uit de tests van Baymard en Nielsen Norman Group
Het artikel van Baymard over vergelijkingstools, door Edward Scott (oktober 2022), noemt vier verbeteringen uit usability-tests: laat gebruikers kenmerken verbergen die voor alle producten gelijk zijn, groepeer kenmerken in categorieën, houd de kolomkoppen zichtbaar tijdens het scrollen, en scheid rijen met lijnen of afwisselende achtergrondkleuren (Baymard). Van de manieren om kenmerken te ordenen, werkte groeperen in categorieën het best bij de testdeelnemers. NN/g voegt een paar regels toe:
- Producten als kolommen, kenmerken als rijen, met kenmerklabels links en productnamen bovenaan. Dat is wat klanten verwachten.
- Maximaal vijf producten. Grotere sets vragen eerst filters, zodat klanten de lijst inperken voordat ze vergelijken.
- Vaste productkoppen met naam, thumbnail en prijs, zodat niemand terug omhoog hoeft te scrollen om te zien welke kolom welk product is. Volgens Baymard lost dit het probleem helemaal op.
- Een schakelaar voor alleen verschillen, zoals de Highlight Differences-knop die NN/g bij Best Buy laat zien. Kun je rijen niet verbergen, markeer dan de afwijkende cellen.
- Korte celtekst, liefst zonder hele zinnen, met consequente uitlijning. Getallen rechts of gecentreerd, tekst links.
- Leg vakjargon ter plekke uit: een tooltip bij "koolborstelloze motor" of "Wh" die zegt wat het voor de koper betekent.
- Een beknopte versie met vijf of zes kernrijen, plus een link of schakelaar naar de volledige specificatietabel.
Vergelijkingstabellen op een telefoonscherm
Volgens NN/g moet je de tabel op een telefoon soms terugbrengen tot twee producten, dus de mobiele tabel heeft een eigen patroon nodig (NN/g). Gebruikelijk is een vaste eerste kolom met kenmerklabels, twee productkolommen, en een productkop die bovenin blijft staan terwijl de klant door de rijen scrolt. Laat de klant wisselen welke twee producten in beeld zijn, in plaats van horizontaal scrollen door vier kolommen af te dwingen.
Past een echte naast-elkaarweergave niet, dan stelt NN/g voor producten als tabbladen te tonen, met als nadeel dat vergelijken lastiger wordt. Pas de telefoonlimiet niet toe op desktop: een klant met ruimte voor vier producten moet er vier kunnen vergelijken. En houd de schakelaar voor alleen verschillen ook op mobiel, waar elke verborgen rij een scrollbeweging scheelt.
Eenheden, waardeformaten en lege cellen
NN/g noemt content het grootste probleem van vergelijkingstabellen: een kenmerk dat voor een deel van de vergeleken producten ontbreekt, hoort eigenlijk niet in de tabel. In de praktijk vallen de dataproblemen in vier groepen, en elke groep los je op in het attribuutmodel, niet in het template. Het artikel over meeteenheden in productdata behandelt de eenheden uitgebreid.
- Gemengde eenheden. Drie leveranciers sturen accucapaciteit als "2Ah", "2000 mAh" en "2,0 Ah". Sla één getal in één eenheid op (2,0, eenheid Ah) en laat het template het symbool tonen.
- Ongecontroleerde waarden. "Middenmotor", "mid-drive", "centrale motor" en "Midden" zijn één waarde. Een vaste lijst toegestane waarden per kenmerk, het soort referentiedata dat een catalogus moet beheren, houdt ze gelijk over producten en talen.
- Verschillende definities achter één label. Gewicht met of zonder accu, dekking per laag of per blik, gebruiksduur in eco- of turbostand. Zet de definitie in de naam van het kenmerk of in de helptekst, en weiger leverancierswaarden die de andere definitie gebruiken.
- Lege cellen. Bepaal wat een gat betekent en toon dat: "Nee" als de functie ontbreekt, "Niet opgegeven" als de leverancier niets zei. Laat een cel nooit leeg, en zie een hoog aantal "Niet opgegeven" als signaal om het kenmerk eerst te vullen voordat je de rij toont.
Vulgraden bepalen welke rijen überhaupt in een tabel kunnen. Neem als fictief voorbeeld een categorie boormachines waarin "max. koppel" voor 96% van de producten gevuld is en "geluidsniveau" voor 38%: het eerste is een vergelijkingsrij, het tweede een project. Doe die check per categorie voordat je de tabel ontwerpt, want het template kan een ontbrekende waarde niet repareren.
Gestructureerde data voor vergelijkingspagina's: wat schema.org biedt
Google en schema.org hebben geen type gestructureerde data dat voor vergelijkingstabellen bedoeld is. De zoekgalerij van Google noemt 25 functies voor gestructureerde data, zoals Product, Review snippet en Breadcrumb, en geen daarvan is voor vergelijkingen (Google Search Central, pagina laatst bijgewerkt op 16 oktober 2026). Schema.org kent alleen een algemeen type Table voor een tabel op een webpagina, en dat hoort niet bij de rich results van Google. Geef elke productpagina zoals gewoonlijk Product-markup, en bouw de vergelijking zelf als gewone HTML-tabel: een table-element, een kopregel met th-cellen voor de producten, en th-cellen met scope="row" voor de kenmerklabels.
Die semantische opmaak helpt gebruikers van een schermlezer meer dan welk schema ook: ze horen bij elke cel het kenmerk en het product. Bouw de tabel niet als raster van div-elementen of als afbeelding, en zet vergelijkingscontent niet in FAQ- of review-markup om rich results na te jagen.
Waar Magento, Shopify, Lightspeed en WooCommerce vergelijkbare kenmerken bewaren
Elk platform bewaart de rijen ergens, maar niet elk platform toont zelf een vergelijking.
- Magento (Adobe Commerce): ingebouwde Product Compare. Elk attribuut heeft de instelling Comparable on Storefront; zet die op Yes om het attribuut in de vergelijking op te nemen (Adobe Experience League). Dezelfde Storefront Properties bevatten Use in Layered Navigation voor filters.
- Shopify: specificaties staan meestal in metafields, die het thema of een app uitleest voor een vergelijkingsblok. Metafields met een vast type (getal met eenheid, tekst uit een lijst) houden waarden vergelijkbaar; de gids over Shopify-metafields legt de types uit.
- Lightspeed eCom (C-Series): specificaties, gegroepeerd per producttype en volgens de limietenpagina van Lightspeed maximaal 50, die het thema op de productpagina toont.
- WooCommerce: productattributen, globaal of per product; de vergelijking komt uit het thema of een plugin.
De rode draad: het platform bewaart één waarde per kenmerk per product, en de vergelijking is een weergave van die waarden. Zijn de waarden in de winkel inconsistent, dan is de vergelijking dat ook, welke app hem ook toont.
Datachecks voordat een vergelijkingstabel live gaat
Vergelijkingstabellen voeden vanuit een attribuutmodel in je PIM
WISEPIM toont geen vergelijkingstabellen in je webshop; dat doet je thema, app of platform. Wat WISEPIM levert, is de gestructureerde attribuutdata erachter. Elk kenmerk heeft in WISEPIM een type (zoals getal, decimaal, ja/nee, keuzelijst of meerkeuze), een groep, de categorieën waarvoor het geldt, en optioneel een eenheden-codeset voor getallen of een option set met toegestane waarden voor keuzelijsten, zoals beschreven op de pagina over attributen beheren. AI-verrijking kan ontbrekende kenmerkwaarden aanvullen uit de titels en omschrijvingen van producten, en de attribuutlijst toont per kenmerk de vulgraad, zodat je ziet welke rijen klaar zijn.
Die kenmerken gaan via de koppelingen naar buiten in het eigen formaat van elk platform: metafields in Shopify, attributen in Magento, specificaties in Lightspeed eCom. Feed Hub kan daarnaast een schema.org Product JSON-LD-feed publiceren waarin zichtbare kenmerkwaarden als additionalProperty staan, voor teams die vergelijkingspagina's of andere tools op een feed bouwen. De gids over attribuutstandaardisatie helpt bij het opschonen van waarden die inconsistent binnenkwamen.
