11 Mei 2009
Geschreven door: Martijn van Vreeden - Traffic Builders in: optimalisatie tips, usability, verbeteren
De productpagina’s zijn essentieel binnen de salesfunnel van e-commerce sites. Een bezoeker die op productpagina’s terecht komt weet vaak vrij goed wat hij zoekt. Een juiste indeling van de informatie op deze pagina’s kan dan ook het verschil maken in conversies.
Wanneer de productinformatie onduidelijk of onoverzichtelijk is weergegeven zal dit de conversie ratio niet ten goede komen. Wanneer er veel (technische) informatie over producten moet worden weergegeven op één pagina kan een tab navigatie de informatie beter inzichtelijk maken voor potentiële kopers en tot meer conversies leiden.
Voordelen van tabs
Niet alle productinformatie is even relevant voor iedere bezoeker. Wanneer iemand een nieuwe laptop wil aanschaffen is bijvoorbeeld het kennisniveau van de potentiële koper erg belangrijk. Weet hij voldoende van computers om technische specificaties uit te pluizen, of kijkt hij liever naar klantenbeoordelingen om de kwaliteit van het product in te schatten? Wanneer deze informatie onder elkaar wordt weergegeven, zonder tabs, dan kan het voor bezoekers lastig worden om de juiste informatie eenvoudig te vinden. Dit zal vervolgens ontmoedigen om tot een aankoop over te gaan.
Tabs geven e-commerce sites de mogelijkheid om de gebruiker eenvoudig aan te geven welke informatie belangrijk is en waar de verdere details gevonden kunnen worden. Staat de informatie boven de tabs, dan is het vaak extra belangrijk, omdat het altijd zichtbaar zal blijven.
Andere voordelen van tabs:
Aan welke voorwaarden voldoet een goede tab navigatie?
Er zijn voldoende e-commerce websites te vinden die tab navigatie inzetten, zonder hierbij goed na te denken over de exacte toepassing. Een tab navigatie kan zomaar tegen je gaan werken wanneer er niet aan bepaalde voorwaarden wordt voldaan.

(Wehkamp productdetails, tabs voldoen aan de 13 richtlijnen van Nielsen)
Jakob Nielsen heeft onderzoek gedaan naar de juiste toepassing van tabs op websites op basis van usability. De 13 ontwerp richtlijnen van Nielsen voor tabs zijn hier het resultaat van.
Hoe deel je de productinformatie in met tabs?
De wijze waarop informatie is gestructureerd vormt een belangrijk instrument om de overwegingen in het hoofd van de potentiële koper te sturen. Door een hoop informatie achter de tabs te plaatsen verberg je productdetails en leg je automatisch meer nadruk op de informatie die wel zichtbaar is, zodat je de aandacht kan geven aan de belangrijkste producteigenschappen die leiden tot conversies.
Productinformatie die niet in tabs geplaatst moet worden
Niet alle productinformatie kun je in tabs plaatsen. Sommige componenten zijn essentieel voor de potentiële kopers om een inschatting te maken van de meerwaarde van een product.
Het gaat hierbij om componenten die veel invloed hebben op het aankoopgedrag.
De volgende informatie plaats je boven de tabs in de introductietekst om de potentiële koper een goed beeld van het product te geven, in één oogopslag:
Bovenstaande componenten lenen zich uitstekend voor A/B tests en multivariatie testen met bijvoorbeeld de Google Website Optimizer. Ze benadrukken immers de meerwaarde van producten voor potentiële kopers.

(Bouwfonds woningaanbod, tabs voldoen aan alle voorwaarden)
Meet het gebruik van tabs voor conversie optimalisatie
Tabs geven je de mogelijkheid om te testen hoe geïnteresseerd potentiële kopers echt zijn in jouw product en of je de juiste voordelen benadrukt hebt in de introductietekst.
Door event tracking van Google Analytics toe te voegen aan kliks op tabs kun je inzicht krijgen in de wijze waarop de informatie door potentiële kopers benut wordt. Klikken ze door op specifieke tabs of hebben ze geen belangstelling in extra informatie over het product? Wanneer ze op een tab klikken, welke is het dan? Wordt er geklikt op de tab met klantenbeoordelingen, technische productspecificaties of de tab met product afbeeldingen? Wanneer er veel geklikt wordt op de tabs weet je dat deze informatie mogelijk belangrijk is voor jouw potentiële kopers. Wordt er helemaal niet geklikt op de tabs, dan kun je de introducerende tekst optimaliseren via tests, of de titel van tabs wijzigen om het gebruik van de tab te stimuleren.
Door het gebruik van tabs krijg je meer inzicht in het gebruik van de webcontent op de productpagina en geeft je de kans om de verschillende informatie onderdelen verder te optimaliseren en de conversie te verhogen. Een A/B test of multivariatie test met de Google Website Optimizer kan je hier verder mee helpen.
Conclusie
Tabs kunnen een goede oplossing zijn voor e-commerce sites met (technisch) complexe producten. Toch moet er door iedere internet marketeer een afweging gemaakt worden of tabs de productinformatie voor hun assortiment goed kan weergeven.
De afweging voor of tegen het gebruik van tabs hoef je niet in je eentje te maken. Je kunt hierbij de hulp inroepen van (potentiële) klanten. Door de inzet van tabs te testen in een multivariatie test of A/B test kom je er waarschijnlijk al snel achter of de gebruikerservaring wordt verbeterd door het gebruik van tabs.
* Sneller op de hoogte? Abonneer je gratis op onze RSS feed of ons Twitter kanaal !
11 Reacties
Reinout Wolfert - SNS Bank
11|Mei|2009 (10:49) 1Ha Martijn, goed eerste artikel, welkom! Ik zag laatst een site die leek te werken met tabs, maar waarbij de tab werkte als een snelkoppeling naar een andere pagina, waardoor de tabs niet meer in beeld waren. Geen goed voorbeeld!
Een ander belangrijk onderdeel van tabs zijn de tabnamen. Welke namen gebruik je voor welke informatie en komt deze informatie overeen met de verwachting van de bezoeker? En wat is de doelstelling? Veel bezoekers? Zo is er het (oude) voorbeeld van Skype, waarbij (niks zeggende) productnamen meer bezoek genereerde dan namen die wel iets zeiden. Alleen is meer bezoek in dat geval geen KPI voor succes…
Janco Klijnstra
11|Mei|2009 (15:29) 2Leuk Artikel! Voordeel van A/B & MVT testen met tabbladen op bijvoorbeeld een productpagina is dat je dichtbij de ‘echte’ conversie zit. Of je meer conversies gaat halen door het gebruik van tabs is de vraag. Het is een mooie en duidelijke informatie weergave wat de gebruikservaring kan verhogen, maar mijns inziens zal de propositie / content ook een hele grote factor zijn in een eventueel significant resultaat in ‘echte’ conversies. Iets om goed over na te denken bij het ontwerp en de invulling van je tabs naast de geldende usability regels.
Martijn van Vreeden
11|Mei|2009 (17:27) 3@ Janco
Het gebruik van tabs is zeker niet voor iedereen even zinvol, toch is het vaak wel interessant om eens te testen. Het kan mooie resultaten opleveren. De propositie speelt inderdaad ook een grote rol op de productpagina, wellicht schrijf ik daar in een andere post nog wat over
@Reinout
Het valt me regelmatig op hoe een prima site op zijn productpagina’s hele lange teksten weergeeft die onoverzichtelijk zijn. Doodzonde, net als zo’n snelkoppeling.
Ik zou ook zeker het aantal bezoekers op de site niet als kpi gebruiken wanneer ik tabs zou testen. De ‘time on site’ en natuurlijk het aantal conversies lijkt me veel belangrijker!
Jurjen de Vries
13|Mei|2009 (9:25) 4Martijn, interessant en goed artikel! Waar ik nog benieuwd naar ben is hoe je technisch het verstandigst om kan gaan met tabs qua SEO- en meetstrategie. Zijn daar al feiten van bekend?
Zijn er bijvoorbeeld nadelen als alle tabs via javascript vanuit één HTML bron gehaald worden, voordelen als dit niet gebeurt maar elke tab een unieke URL krijgen (www.winkel.tld/product1/algemeen, http://www.winkel.tld/product1/productspecificaties , etc.)
Martijn van Vreeden - Traffic Builders
13|Mei|2009 (13:08) 5Jurgen, ik heb inderdaad nog weinig aandacht besteed aan de seo zijde van het gebruik van tabs. Er zijn een hoop opties die allemaal zo hun voor- en nadelen hebben. Een snel antwoord geef ik hier liever niet op. Wellicht dat ik hier nog eens een blogpost aan kan wijden….
Online Marketing [week 20 2009] « SEMQUEL zoekmachine marketing blog
15|Mei|2009 (16:39) 6[…] Tabs in productpagina’s voor meer […]
Kasper
26|Mei|2009 (23:19) 7Ik zie nog net op tijd dat mijn vraag die ik wilde stellen al door Jurjen was gesteld. @ martijn, ik kijk dus erg graag uit naar je antwoord op het vraagstuk rondom SEO en tabbladen…. Mij lijkt ‘t namelijk behalve dat je op elk tabblad gericht kunt targeten op specifieke keywords en het feit dat je gemiddelde aantal bekeken pagina’s zal stijgen (en dus je weigeringspercentage zal dalen) veel voordelen heeft als elk tabblad een unieke url krijgt….
Martijn van Vreeden - Traffic Builders
27|Mei|2009 (9:32) 8Hoi Kasper, dan zal ik er toch echt aan moeten geloven
Ik zal proberen om komende week wat tijd vrij te maken voor een vervolg post over seo tabs.
Edwin
03|Jun|2009 (14:35) 9Als je de tabs dmv bv jquery maakt heeft het total geen invloed op de pagina layout omdat je tabs eigenlijk css divs zijn met een aangepast gedrag. Heeft dus in dat geval geen echte invloed op seo
Maar gebruik je aparte pagina’s voor reviews, technische details, video’s etcetc en je linkt terug naar je productpagina heb je zo 4-5 extra interne backlinks naar je productpagina. Dat heeft wel gevolgen zolang je de zoekmachines maar kan overhalen om alles te indexeren
Ton Wesseling - Online Dialogue
05|Jun|2009 (0:03) 10Martijn ook nog welkom! en @edwin dank voor je goede SEO aanvulling.
Groot voordeel van tabs / subpagina’s is dat je op de overzichtspagina kunt uitproberen middels korte introblokjes waar je bezoekers door wordt getriggerd / wat zijn doel is van het bezoek. Op de achterliggende ruimere informatiepagina kun je ‘m daarna leiden naar zijn eigen unieke call to action, want waarom zouden alle bezoeker weer op hetzelfde conversiepunt moeten uitkomen als hun bezoekintentie verschillend was?
Martijn van Vreeden - Traffic Builders
05|Jun|2009 (9:33) 11@ Ton en Reinout
Bedankt voor het warme welkom! Ik hoop nog vele leuke/ interessante posts te mogen plaatsen op Webanalisten.nl.
@ Edwin
Bedankt voor de seo suggestie. jquery heeft inderdaad een hoop voordelen. Je kunt er inderdaad seo-vriendelijke tabs mee ontwikkelen en ze zien er nog gelikt uit ook.
Onderstaande link geeft een voorbeeld:
http://www.sunsean.com/idTabs/#advanced
Het gevaar van aparte url’s per tab is duplicate content. Wanneer de tabs niet goed gevuld zijn dan kun je jezelf hiermee wel eens pijnlijk in de vingers snijden…
Laat een reactie achter