Een productbeschrijving van 800 woorden kan op drie manieren worden gepresenteerd. De keuze lijkt esthetisch, ze is in werkelijkheid een afweging tussen de mobiele leesbaarheid, de indexering en de hoeveelheid informatie die daadwerkelijk wordt geconsumeerd.
Dit artikel vergelijkt de drie structuren. De technische implementatie van de tabbladen werd apart behandeld.
De drie structuren
De doorlopende pagina. Alle content wordt na elkaar getoond, met titels als structuur. De bezoeker scrolt.
De tabbladen. De content is verdeeld in secties, één tegelijk zichtbaar, geselecteerd via horizontale titels.
De accordeon. De secties zijn verticaal gestapeld, elk vouwt ter plekke uit.
Die drie vormen zijn niet uitwisselbaar: ze produceren verschillende en meetbare leesgedragingen.
Over het mobiele lezen
Het meest onderscheidende criterium, en het elimineert een optie.
De horizontale tabbladen passen niet op een telefoonbreedte boven de drie korte titels. De omwegen, horizontaal scrollen of afgekapte titels, degraderen het gebruik: de laatste secties worden onzichtbaar en worden nooit geopend.
De accordeon is het native formaat van mobiel. Elke sectie is een blok op volle breedte, het openen gebeurt ter plekke, en de bezoeker houdt zijn houvast.
De doorlopende pagina werkt goed op mobiel op één voorwaarde: dat de content niet buitensporig lang is. Boven de 1000 woorden vindt de bezoeker de gezochte informatie niet meer en heeft hij geen enkel middel om naar de juiste sectie te springen.
Het meest verspreide, en efficiëntste compromis: tabbladen op desktop, accordeon op mobiel, met dezelfde content en dezelfde HTML-structuur.
Over de indexering
In tegenstelling tot een verspreid idee zijn de drie formaten gelijkwaardig vanuit indexeringsoogpunt, op één enkele voorwaarde: dat de content aanwezig is in de geserveerde HTML-code.
Content verborgen door stijl blijft gelezen. Content geladen bij een klik via een asynchrone aanroep bestaat niet op het moment van de initiële analyse.
De nuance die telt: Google geeft aan content verborgen achter een interactie als minder zwaarwegend te behandelen. Dat diskwalificeert ze niet, maar het geeft een marginaal voordeel aan de doorlopende pagina en aan de accordeon met een geopende eerste sectie.
Praktisch gevolg: wat uw positionering draagt, doorgaans het eerste derde van de beschrijving, moet uitgevouwen blijven wat de gekozen structuur ook is.
Tabbladen Productpagina PrestaShop: Drag & Drop BeheerTabbladen op maat voor de productpagina, herschikt met slepen en neerzetten.€79,00
Over de gelezen hoeveelheid
Daar zijn de verschillen het duidelijkst, en ze gaan in een contra-intuïtieve richting.
Op een doorlopende pagina neemt het scrollpercentage regelmatig af. Een belangrijk deel van de bezoekers bereikt het eerste derde, een minderheid daalt tot onderaan de pagina. Maar wie afdaalt, leest alles wat op zijn weg ligt.
Bij tabbladen wordt het eerste tabblad door vrijwel alle bezoekers gezien, en de volgende door een veel kleinere fractie. De kloof tussen het eerste en het tweede is bruut.
Bij een accordeon ligt het gedrag tussen beide: de titels van alle secties zijn zichtbaar, wat de bezoeker toelaat te vinden wat hem interesseert en selectief te openen.
De nuttige conclusie: tabbladen doen niet meer lezen, ze doen kiezen. Is uw doel dat het maximum aan informatie wordt gezien, dan is de doorlopende pagina beter. Is uw doel dat de bezoeker snel de precieze informatie vindt die hij zoekt, dan wint de accordeon.
De beslissingsregel
Drie criteria, in deze volgorde toe te passen.
De lengte van de content. Onder de 400 woorden dringt de doorlopende pagina zich op: zo weinig tekst opdelen voegt klikken toe zonder voordeel. Boven de 800 woorden wordt het opdelen nodig.
De aard van de content. Zijn uw secties sequentieel, dat wil zeggen dat ze in volgorde worden gelezen en op elkaar antwoorden, houd dan de doorlopende pagina: een redenering opdelen breekt ze. Zijn ze onafhankelijk, samenstelling, onderhoud, levering, garantie, dan is het opdelen natuurlijk.
Het gedrag van uw publiek. Op een technische catalogus waar de klant een preciese waarde komt zoeken, primeert de directe toegang per sectie. Op een catalogus waar overtuigd moet worden, primeert het lineaire lezen.
De gemengde structuur
Wat in de praktijk het best werkt, en zelden wordt geïmplementeerd.
De commerciële content, die zin geeft en de positionering draagt, blijft uitgevouwen op de doorlopende pagina, onder het koopblok. Hij telt 200 tot 400 woorden.
De verificatiecontent, kenmerken, samenstelling, compatibiliteiten, levering, gaat in een accordeon eronder. De bezoeker gaat ernaartoe als hij het nodig heeft.
Die verdeling volgt het reële parcours: men leest eerst om zich te overtuigen, men raadpleegt daarna om te controleren. Ze vermijdt ook het belangrijkste gebrek van de tabbladen, namelijk het argumentarium achter een klik begraven.
De te vermijden fouten
Alles invouwen. Een productpagina waar zelfs de commerciële beschrijving achter een klik zit, toont een lege pagina onder de prijs. De bezoeker heeft niets te lezen en vertrekt.
In te veel secties opdelen. Boven de vijf wordt de titelrij een menu en opent de bezoeker er geen enkele.
De vage titels. “Aanvullende informatie” zegt niets. “Samenstelling en onderhoud” geeft precies aan wat men er vindt, wat het openingspercentage verhoogt.
De content geladen bij de klik. Zie hoger: hij compromitteert de indexering zonder reële prestatiewinst op tekst.
Meten op uw eigen catalogus
Drie metingen laten toe te beslechten zonder te raden.
De scrolldiepte, met drie drempels: 25%, 50%, 75% van de pagina. Op een doorlopende pagina vertelt ze u waar de lezer afhaakt.
Het openingspercentage per sectie, op de ingevouwen formaten. Een nooit geopende sectie heeft ofwel een slechte titel, ofwel geen nut.
Het vergeleken conversiepercentage tussen twee gelijkwaardige categorieën met verschillende uitrusting, over een vergelijkbare periode. De enige test die echt beslecht, en hij vraagt een voldoende homogene catalogus.
De Productpagina Tabbladen module voor PrestaShop laat toe deze structuren op te zetten op PrestaShop 8 en 9: configuratie per productcategorie, automatische omschakeling naar accordeon op mobiel, content geserveerd in de HTML om indexeerbaar te blijven, en keuze van de uitgevouwen gelaten secties.