Conversie & UX

Hoe toont u de subcategorieën in tegels met afbeeldingen op PrestaShop?

Op een categorie van tussenniveau komt de bezoeker aan met een nog brede intentie. Hij zoekt geen precies product, hij wil weten wat het universum bevat. Een lijst tekstlinks beantwoordt dat slecht, een raster van tegels met afbeeldingen beantwoordt het goed.

Wat het standaardthema doet

Het native gedrag varieert per thema. Het meest voorkomende: een lijst subcategorieën in tekst, soms met een kleine miniatuur, geplaatst boven of onder het productraster.

Drie beperkingen.

De visuals zijn afwezig of minuscuul, wat ze nutteloos maakt om te oriënteren.

De positie is vast, doorgaans onder de categoriebeschrijving, waar weinig bezoekers kijken op mobiel.

En vooral, op veel thema’s verdwijnt de lijst zodra er producten zijn in de huidige categorie, wat het meest voorkomende geval is.

Waar het blok plaatsen

Het antwoord hangt af van het categorieniveau, en dat beslist over de efficiëntie.

Op een universumcategorie, zonder eigen producten of met heel weinig, nemen de tegels de hele pagina in. Het ideale geval: de pagina wordt een visuele keuze tussen subuniversums.

Op een tussencategorie die zowel subcategorieën als producten bevat, komen de tegels boven het productraster, op maximaal een of twee rijen. De bezoeker ziet eerst de mogelijke paden, dan de producten als hij liever bladert.

Op een eindcategorie, zonder subcategorie, heeft het blok geen reden van bestaan. Sommige implementaties tonen er de zustercategorieën, wat een andere functie is en een aparte behandeling verdient, eerder onderaan de pagina.

Visuele Categoriepagina: Subcategorieën als Afbeeldingstegels (Category Wall)Categoriepagina's die uitnodigen om te klikken, geen kale opsomming.89,00

De visuals kiezen

Het punt dat over het resultaat beslist, meer dan de techniek.

De consistentie primeert op de schoonheid. Twaalf tegels waarvan acht uitgeknipte productfoto’s en vier sfeerfoto’s produceren een wanordelijk raster. Kies een uitgangspunt en houd het aan op de hele webshop.

Productfoto of gebruiksfoto? Op een technische catalogus is de productfoto leesbaarder: de bezoeker herkent onmiddellijk waarover het gaat. Bij decoratie, textiel of voeding verkoopt de gebruiksfoto beter.

Het formaat moet uniform zijn. Eén enkele verhouding, toegepast op alle tegels, met een automatische gecentreerde bijsnijding. Afbeeldingen met verschillende proporties breken het raster.

De tekst moet leesbaar blijven. Ligt de benaming over de afbeelding, voorzie dan een sluier of een halfdoorzichtige achtergrond. Een witte titel op een lichte foto is onleesbaar, en het contrast is een toegankelijkheidscriterium, geen esthetische voorkeur.

Hoeveel tegels, en in welke volgorde

Tussen vier en twaalf. Onder de vier volstaat een tekstlijst. Boven de twaalf wordt het raster op zich een catalogus en kiest de bezoeker niet meer.

Heeft u twintig subcategorieën, twee opties: hergroeperen in de boomstructuur, of alleen de belangrijkste in tegels tonen met een link “bekijk alle categorieën”.

Voor de volgorde: de in de backoffice gedefinieerde positie in plaats van de alfabetische volgorde. Plaats eerst wat verkoopt, niet wat met A begint.

De toegankelijkheid

Twee vaak gemiste regels op dit type blok.

De link moet een leesbare benaming dragen. Een tegel die slechts een klikbare afbeelding is, zonder alternatieve tekst, is een lege link voor een schermlezer. De categoriebenaming moet echte tekst zijn, geen deel van de afbeelding.

De klikbare zone moet de hele tegel dekken, niet alleen de titel. Ook een kwestie van tactiel comfort.

Het geval van de categorie zonder eigen producten

Een universumcategorie die alleen subcategorieën bevat, stelt een SEO-vraag.

Zonder producten of content is de pagina dun en positioneert ze zich slecht, terwijl ze vaak de meest gezochte generieke zoekopdracht van haar universum draagt.

Drie elementen maken haar nuttig: de subcategorietegels, een introductietekst van 150 tot 300 woorden die uitlegt wat het universum groepeert, en eventueel een selectie topproducten uit de subcategorieën.

Dat laatste punt is commercieel het efficiëntst: het geeft de pagina koopwaardige content met behoud van haar oriëntatiefunctie.

Meten

Twee indicatoren volstaan.

Het klikpercentage naar de subcategorieën vanaf de bovenliggende pagina, ervoor en erna. Het verwachte directe effect.

Het bouncepercentage van de bovenliggende pagina, dat zou moeten dalen. Een universumpagina met een hoog bouncepercentage signaleert dat de bezoeker geen evident pad heeft gevonden.

Een derde cijfer verdient bewaking op grote catalogi: de gemiddelde sessiediepte vanaf die pagina’s. Stijgt ze, dan werkt uw navigatie beter.

De Visuele Categoriepagina module voor PrestaShop zet dit blok op op PrestaShop 8 en 9: subcategorieën in tegels met afbeeldingen in uniform formaat, instelbare positie per categorieniveau, weergave behouden ook wanneer de categorie producten bevat, en benamingen in tekst voor de toegankelijkheid.

Lees verder

Gerelateerde artikelen