Hoe je de ideale collection page ontwerpt

De collection page is het werkpaard van een plantenwebshop. Hier landen advertentieklikken, hierheen stuurt Google categorie-zoekverkeer, en hier beslissen rondkijkende bezoekers of jouw assortiment het waard is om in te duiken. Een grid van 36 producten zonder context, breadcrumbs of filters laat de helft van zijn conversie liggen. Dit artikel loopt door de volledige collection-page-blauwdruk — wat elke planten-categoriepagina nodig heeft, en de planten-specifieke aanpassingen die een competent grid scheiden van een hoog-converterend grid.

Anatomie van een collection page die werkt

Een planten-collection-page heeft acht elementen, ongeveer in deze volgorde. Sla er één over en je laat óf conversie óf SEO liggen.

• Breadcrumbs bovenaan: Home > Kamerplanten > Huisdiervriendelijk. Vertelt de bezoeker waar hij is, geeft Google structuur, en laat mensen één niveau omhoog klimmen zonder "terug" te hoeven gebruiken.

• H1-kop gelijk aan de categorienaam. Eén per pagina. "Huisdiervriendelijke kamerplanten", niet "Welkom bij onze huisdiervriendelijke collectie".

• SEO-intro, één tot drie korte alinea's direct onder de H1. Beantwoordt eerst de vraag van de klant ("Huisdiervriendelijke planten zijn niet giftig voor katten en honden — hier zijn de 24 die wij in ons assortiment hebben"), en breidt dan uit. Lang genoeg om Google iets te geven om op te ranken, kort genoeg dat bezoekers er zonder ergernis langs scrollen.

• Filterbalk links (desktop) of als sticky drawer bovenaan (mobiel). Maximaal vijf tot zeven filters — zie Filters & kenmerken voor de logica per filter.

• Sorteer-dropdown met drie of vier opties: Relevantie (standaard), Prijs laag-hoog, Prijs hoog-laag, Nieuwste. Sla "Bestverkocht" over als je minder dan 50 producten in de collectie hebt — het signaal is te ruizig.

• Productgrid, vier kolommen op desktop, twee op mobiel, 24 tot 36 producten per pagina. Meer dan 36 en het gewicht van de pagina en de scroll-vermoeidheid straffen je beide af.

• Paginering of load-more, geen infinite scroll op desktop. Infinite scroll breekt de footer (bezoekers komen er nooit) en schaadt SEO-crawl. Op mobiel is load-more prima.

• SEO-blok onderaan met drie tot vijf FAQ-achtige vragen specifiek voor deze categorie. Hier zit de meeste SEO-waarde feitelijk. Zie SEO voor categoriepagina's voor de formule.

Wat hoort op een planten-producttegel

Een producttegel is geen thumbnail. Het is een mini-PDP — genoeg informatie voor de bezoeker om te beslissen of hij klikt, zonder de klik af te dwingen voor basisfeiten. Specifiek voor planten hoort de tegel te tonen:

• Hero-foto, vierkante uitsnede, lifestyle-context als je die hebt. Dezelfde plant tegen een gestileerde achtergrond presteert merkbaar beter dan de wit-studio leveranciers-afbeelding qua doorklik.

• Productnaam + kernspec, bijv. "Monstera Deliciosa — Ø 17 cm". Zonder de potmaat in de titel krijg je een lawine "welk formaat is dit?"-supportvragen.

• Prijs, met doorgestreepte MSRP als hij in de sale is.

• Voorraadindicator alleen als die nuttig is: "Laatste 3" voor urgentie (alleen als het waar is), "Pre-order" voor inkomende voorraad, niets als de voorraad gezond is.

• Planten-specifieke iconen: lichtbehoefte (zon/schaduw-icoon), huisdiervriendelijk (kat-icoon), verzorgingsmoeilijkheid (1–3 blaadjes). Maximaal drie iconen — meer wordt visuele ruis.

• Snelle "toevoegen aan winkelwagen" op hover (desktop) of als kleine knop (mobiel). Optioneel, maar haalt frictie weg voor repeat-kopers die het product al kennen.

Wat niet op de tegel hoort: de volledige beschrijving, elke variant, meerdere foto's in een slider, of een review-count-badge tenzij je gemiddeld minstens 10 reviews per product hebt. Schaarse review-aantallen op tegels zien er slechter uit dan helemaal geen badge.

Filters horen hier, niet op de homepage

De collection page is de enige plek waar filters hun gewicht waard zijn. Vijf tot zeven, niet meer — de meeste plantenshops kunnen landen op: Licht (laag / medium / fel), Huisdiervriendelijk (ja/nee), Potmaat (Ø in cm), Verzorgingsniveau (makkelijk / medium / gevorderd), Prijsrange, en één optioneel categorie-specifiek filter (volwassen hoogte voor tuinplanten, bloemkleur voor bloeiende planten).

Twee regels specifiek voor plantenshop-filters:

• Filter het hoofdproduct, niet de variant. Een Monstera in 12 cm en 17 cm hoort één keer in het grid te verschijnen, met maatwisseling op de PDP. Dezelfde plant drie keer tonen vanwege potvarianten laat een 30-product collectie eruitzien als 90 — en vervuilt elk filter.

• Behandel lege resultaten netjes. Een filtercombinatie die nul resultaten oplevert hoort voor te stellen één filter te versoepelen ("Geen resultaten — probeer 'Huisdiervriendelijk' te verwijderen om 8 extra planten te zien") in plaats van dood te lopen. Plantenfilters stapelen agressief (Fel + Huisdiervriendelijk + Onder €25 + Bloeiend = vaak leeg), dus dit telt.

Seizoenscollecties hebben andere regels nodig

Een "Kerstplanten"- of "Moederdag-cadeaus"-collectie is geen gewone categorie — het is een campagnepagina met een harde einddatum. Twee aanpassingen:

• Pin de seizoens-hero-afbeelding bovenaan de collectie (boven de SEO-intro), niet als banner over de hele site. Vertelt de bezoeker dat hij goed zit zonder over te nemen.

• Plan de depubliceer-datum als je de pagina maakt. 26 december gaat de Kerstcollectie eraf — producten gaan terug naar hun jaarrond-thuis (Kamerplanten, Indoor) en de URL redirect naar de eerstvolgende beste collectie. "Kerstplanten 2025" in maart laten staan sloopt de SEO-halo van elke categorie eromheen.

Voor de volledige seizoenscadans en doorlooptijden, zie Seizoenen: roteer je plantenassortiment het hele jaar door.

Mobiele collection pages

Het meeste plantenshop-verkeer landt op mobiel, en de collection page is waar mobiele UX-fouten het duurst zijn. Drie regels die ertoe doen:

• Filters in een sticky knop bovenaan die een drawer opent, geen permanente linker-balk (geen ruimte) en niet onderaan het grid begraven (bezoekers missen het). De knop hoort het aantal actieve filters te tonen: "Filter (3)".

• Twee-koloms grid, geen drie. Drie kolommen op een telefoonscherm maakt de foto te klein om een plant te beoordelen — en plantentegels staan of vallen met de foto.

• Load-more, geen infinite scroll. Zelfs op mobiel. Infinite scroll voorkomt dat bezoekers ooit het SEO-blok onderaan bereiken — en dat blok doet je categorie-pagina-ranking-werk.

Volgende actie

Kies je drie best-bezochte collecties (check Shopify Analytics of GA4). Audit elke daarvan tegen de 8-elementen-anatomie hierboven. De meeste resellers vinden minstens drie ontbrekende elementen per pagina — meestal breadcrumbs, het SEO-blok onderaan, en een verstandige lege-staat-filter. Fix die drie op je top-drie collecties deze week. Het samengestelde effect op conversie en SEO over een maand is groter dan de homepage opnieuw bouwen.