Maak de aankoopbeslissing zichtbaar boven de vouw
Begin met een specifieke naam, geselecteerde variant, huidige prijs en valuta, beschikbaarheid, een korte waardetoelichting en een duidelijke aankoopknop. Laat een koper niet zelf afleiden of een foto het standaardartikel of de geselecteerde kleur of maat vertegenwoordigt. Als prijs, beschikbaarheid of levertijd per variant verandert, werk dat onmiddellijk bij en benoem de selectie in tekst.
Gebruik het eerste scherm om de belangrijkste blokkade van het product te beantwoorden: pasvorm en materiaal voor kleding; compatibiliteit, afmetingen, vermogen of geleverde onderdelen voor apparatuur. Plaats specificaties, verzorging, garantie en retourinformatie in voorspelbare, toetsenbord-toegankelijke secties.
Toon de gekozen maat, kleur, configuratie of termijn vlakbij de prijs en de aankoopknop. Leg onbeschikbare combinaties uit in plaats van een bedieningselement stil te laten falen.
Identificeer precies actie-, leden-, eenheids- en terugkerende prijzen. Geef materiële voorwaarden zoals lidmaatschapsvereisten of hoeveelheden duidelijk aan.
Gebruik media en tekst om de juiste twijfels weg te nemen
Geef elke afbeelding of video een functie: toon schaal, materiaal, pasvorm, poorten, meegeleverde onderdelen, gebruik in context of een detail voor beslissingen. Koppel dit aan tekst die het artikel benoemt, voor wie het geschikt is en materiaalbeperkingen. Een kenmerkenlijst vervangt niet de details over compatibiliteit of verzorging.
Schrijf tekstalternatieven voor de informatie of functie die een afbeelding vertegenwoordigt. W3C maakt onderscheid tussen decoratieve afbeeldingen, die een lege alternative kunnen hebben, en functionele afbeeldingsknoppen, waarvan de alternative de actie moet beschrijven. Geef in galerijen de details weer die nodig zijn om afbeeldingen te onderscheiden.
Wanneer een optie uiterlijk of hardware verandert, wijzig dan de primaire media en label deze. Impliceer niet dat een accessoire is inbegrepen als dat niet zo is.
Beschrijf het product en het onderscheidende kenmerk wanneer het de selectie ondersteunt, bijvoorbeeld “groene wollen jas, vooraanzicht.”
Maak varianten, voorraad, verzending en retouren één waarheidsgetrouw systeem
Een variant is een verkoopbare versie, zoals maat, kleur, materiaal of configuratie. De SKU, prijs, beschikbaarheid, afbeelding en uitleveringsverwachting kunnen verschillen. Maak beschikbare keuzes en wijzigingen duidelijk. Claim niet “op voorraad” voor een productfamilie wanneer de geselecteerde combinatie niet beschikbaar is.
Zeg een verzendbelofte waar uw operatie achter kan staan: afhandelingsvenster, transitservice of geschatte aankomst, beperkingen per bestemming en uitsluitingen die de kosten veranderen. Link naar de volledige retourpolicy en licht materiële voorwaarden toe. De FTC zegt dat online verkopers in de VS een redelijke basis nodig hebben voor uitdrukkelijke of geïmpliceerde verzendverklaringen; wetten verschillen per markt, dus laat gelokaliseerde claims door bevoegde reviewers beoordelen.
Map eigendom van catalogusattributen, verkoopbare voorraad, prijs en leveringsgeschiktheid. Documenteer updates voor voorraadcorrecties, einde van promoties, vertragingen en beperking door vervoerders.
Als voorraad‑ of leveringsberekening niet beschikbaar is, voorkom een misleidende belofte. Gebruik een duidelijke fallback, vraag bevestiging of verwijder het getroffen aanbod tijdelijk.
Toon recensies als bewijs, niet als decoratie
Breng rating, aantal recensies en een route naar de volledige set recensies naar voren waar ze helpen bij beoordeling. Laat kopers filteren alleen wanneer het filter accuraat is. Presenteer geen door de verkoper geselecteerde, bewerkte of gecompenseerde recensie als onafhankelijk bewijs zonder de benodigde openbaarmaking.
De FTC’s Consumer Reviews and Testimonials Rule behandelt misleidende en oneerlijke recensiepraktijken. De staff guidance van de FTC zegt dat context ertoe doet en geen veilige haven biedt. Behoud bron‑ en weergaveregels, openbaar materiële relaties waar vereist, en escaleer incentives, moderatie, onderdrukking of testimonialcampagnes voor juridische beoordeling. Dit is educatieve richtlijn, geen juridisch advies.
Houd productrecensies bij het product en onderscheid winkelrecensies. Als een variant prestaties of pasvorm verandert, maak die context vindbaar.
Koop, schrijf of koppel geen incentive aan positieve sentimenten. Bewaar gegevens om verdachte recensies te onderzoeken en leg moderatie uit.
Voeg gestructureerde gegevens alleen toe nadat de zichtbare feiten betrouwbaar zijn
Gestructureerde gegevens zijn machineleesbare pagina‑informatie. Google documenteert Product‑ en Offer‑markup voor merchant‑vermeldingen, inclusief prijs, beschikbaarheid, verzending en retouren. Het kan een pagina in aanmerking laten komen voor rijkere winkelervaringen, maar weergave is een discretionaire keuze van Google; markup belooft geen resultaatweergave of rangschikkingsuitkomst.
Voor varianten documenteert Google ProductGroup en gerelateerde Product‑markup. Laat elk gemarkeerd aanbod overeenkomen met de aankoopbare selectie en URL, en lijn de zichtbare pagina, markup en merchantfeed op elkaar. Valideer met Google’s Rich Results Test vóór release en na templatewijzigingen.
Laat een property weg wanneer de informatie onbekend is of niet wordt onderhouden. Onjuiste prijs-, voorraad‑ of beleidsgegevens schaden vertrouwen.
Neem gestructureerde‑data‑tests op in de deployment van producttemplates. Test eenvoudige, actie, uitverkocht en bestemmingsbeperkte aanbiedingen.
Bescherm het aankooppad van de pagina voordat verkeer het blootlegt
Op veel productpagina’s is het grootste zichtbare element hero‑media. Largest Contentful Paint, of LCP, meet wanneer de grootste afbeelding of tekstblok in het viewport rendert. web.dev raadt aan te mikken op een LCP van 2,5 seconden of minder bij het 75e percentiel van bezoeken en zegt dat real‑user‑data de juiste maatstaf is. Gebruik dat doel om te onderzoeken, niet om te verklaren dat de pagina klaar is.
Meet productresponse, primaire media, variantinteractie, toevoegen aan winkelwagen, en hun afhankelijkheden. Optimaliseer de grootste vertraging in plaats van alleen afbeeldingen te comprimeren; LCP kan worden beperkt door serverrespons, vertraging in resource‑laden, duur van resources of rendervertraging. Reserveer ruimte voor media en dynamische blokken zodat bedieningselementen niet verschuiven.
Stel limieten voor primaire media, third‑party scripts en sleutelinteracties. Test een productie‑achtige pagina met koude cache en typische mobiele condities vóór een promotie.
Preflight high‑value pagina’s en afhankelijkheden, wijs een eigenaar en rollback aan, en los terugkerende oorzaken op zoals te grote media, een blokkerend script of verouderde voorraaddata.