Anatomi for produktside

De fleste produktsider er bygget i feil rekkefølge. De starter med layout og slutter med tekst, mens kundens beslutningsprosess går den andre veien. Siden har én jobb: å svare på hvert spørsmål som står mellom kunden og et kjøp, i omtrent den rekkefølgen de tenker på dem.

Her er hva som bør være på en konverteringsoptimalisert Shopify-produktside, hvorfor hvert element har sin plass, og hva du bør se etter i nettbutikker som gjør dette bra.

Spørsmålene en produktside må besvare

Før layout kommer rekkefølgen. Nesten alle kunder går gjennom en eller annen variant av denne listen:

1. Er dette riktig produkt?
2. Hvordan ser det faktisk ut?
3. Vil det passe eller fungere for meg?
4. Hva koster det egentlig, levert?
5. Når kommer det frem?
6. Hva om jeg ikke er fornøyd?
7. Hva synes andre om det?

En side som svarer på dette i rekkefølge, konverterer. En side som svarer på dem i tilfeldig rekkefølge, eller overlater to av dem til en policy-side i bunnteksten, lekker kjøpere i hvert ledd.

Over bretten: beslutningssonen. Bilder som selger

Bilder er den enkeltfaktoren som driver en produktside mest, og de fleste butikker investerer for lite i dette. Hva fungerer:

• Et rent hovedbilde på en enkel bakgrunn slik at produktet er umiskjennelig.
• Referanse for størrelse. Et objekt fotografert alene forteller ingenting om størrelsen. I bruk, eller ved siden av noe kjent, gjør det det.
• Detaljbilder av det kundene bekymrer seg for: sømmer, fester, tekstur, finish.
• Minst ett bilde som viser produktet i en reell sammenheng.
• Video eller 360-visning for alt der bevegelse, fall eller mekanisme betyr noe.

Se hvordan SIF Jakobs og DRKN håndterer henholdsvis smykke- og klesfotografering: nærbilder kombinert med kontekst slik at kunden kan bedømme både kvalitet og størrelse uten å spørre. Begge er butikker vi har jobbet med, og i begge tilfeller er det bildeserien som overbeviser mer enn teksten.

En teknisk advarsel: bilder er vanligvis den største ytelseskostnaden på siden. Server dem i riktig størrelse, bruk «lazy-load» på alt under bretten, og sørg for at hovedbildet har høy prioritet. Google definerer god «Largest Contentful Paint» som 2,5 sekunder eller mindre ved 75. persentil. Det største synlige elementet er ofte hovedproduktbildet; bekreft dette i målingene dine.

Tittel, pris og den ærlige totalsummen

Hold tittelen beskrivende fremfor kreativ. Noen som kommer fra et søk må på et blunk kunne bekrefte at de er på rett sted.

Prisen trenger kontekst som forhindrer ubehagelige overraskelser senere. Ekstrakostnader som dukker opp ved utsjekk er hovedårsaken til at kunder forlater handlekurven, noe 39 % oppgir. Produktsiden er der du forhindrer dette ved å vise leveringskostnad eller grensen for gratis frakt med en gang.

Varianter som ikke skaper blindveier

Valg av varianter er der mange ellers gode sider feiler:

• Vis farge som fargeprøver («swatches»), ikke en rullegardinmeny, og endre bildet når valget endres.
• Vis utsolgte varianter som utilgjengelige fremfor å skjule dem, slik at kundene forstår at utvalget eksisterer.
• Tilby varsling om når varen er tilbake på lager i stedet for en blindvei.
• La aldri noen gjette hvilken kombinasjon som er utilgjengelig gjennom prøving og feiling.

Én tydelig handlingsknapp

Én primær knapp, høy kontrast, utvetydig merkelapp. "Legg i handlekurv" utkonkurrerer smarte alternativer fordi den skaper riktige forventninger.

Hold den synlig mens siden rulles på mobil. En «sticky» bar med produktnavn, pris og knapp fjerner behovet for å rulle tilbake når beslutningen skal tas.

Under bretten: trygghetssonen

Beskrivelse skrevet for et menneske, ikke en søkemotor

Start med fordelen, følg opp med detaljene. Bryt det opp slik at det er lett å skanne:

• En kort innledning om hva produktet er og hvem det passer for.
• Spesifikasjoner i punktform: materialer, dimensjoner, vekt, vedlikehold, kompatibilitet.
• Alt som er uvanlig ved produktet, forklart tydelig.

Detaljer betyr mer enn adjektiver, både for kunder og i økende grad for KI-systemer som oppsummerer produkter. "Premium kvalitet" er umulig å sitere. "Fullnarvet italiensk skinn, 2,4 mm" er et faktum noen kan handle ut fra.

Levering og retur, på siden

Ikke send noen til en policy-side for å finne ut når ordren kommer. Oppgi leveringsvindu og returvilkår direkte på produktsiden. For nordiske butikker gir det mer tillit å vise lokal transportør og forventet antall dager enn et generisk løfte.

Anmeldelser med substans

Stjernerangering nær tittelen, utfyllende anmeldelser lenger ned. Det som betyr noe er ikke volum, men nytteverdi: anmeldelser som nevner passform, holdbarhet og om produktet stemte med bildene er verdt mer enn femti femstjerners anmeldelser som bare sier "bra".

Bildeanmeldelser fra kunder er konsekvent blant de mest konverteringsdrivende elementene, og de koster ingenting annet enn å spørre etter dem.

Svar på spørsmålene folk faktisk stiller

En kort produktspesifikk FAQ håndterer innvendingene kundeservice får daglig. Tydelige svar kan redusere antall henvendelser og hjelpe kundene med å ta en beslutning. Strukturert data bør matche synlig innhold, men FAQ-merking garanterer ikke rike resultater eller inkludering i KI-svar.

Hva du bør utelate

Tillegg som vanligvis koster mer enn de gir tilbake:

• Karuseller med irrelevante produkter over bretten. De konkurrerer med beslutningen du ønsker at de skal ta.
• Nedtellingstimer på faste lagervarer. Kunder gjenkjenner fabrikkert hastverk, og det skader tilliten.
• Pop-ups på produktsiden. Samle inn e-post tidligere eller senere, ikke midt i beslutningsprosessen.
• Lang merkevarehistorikk før detaljene. Flytt dette under den praktiske informasjonen.
• Flere konkurrerende handlingsknapper. Hver ekstra knapp utvanner den primære.

Mobil er den egentlige siden

Det meste av Shopify-trafikken er mobil, og mobilhandlevogner forlates i omtrent 80,5 % av tilfellene, mot 68,6 % på desktop. Det gapet er i stor grad et grensesnittproblem.

Spesifikke ting å sjekke på en faktisk telefon:

• Trykkflater som er store nok til å treffe uten anstrengelse, spesielt fargeprøver.
• Bildegalleriet som kan sveipes riktig og ikke kjemper mot rulling på siden.
• Ingenting viktig ligger bak en "les mer"-lenke som folk ikke vil trykke på.
• Den "sticky" legg-i-handlekurv-knappen dekker ikke innholdet den ligger over.
• Siden laster raskt på mobildata, ikke bare på kontorets wifi.

Strukturert data

Gyldig Product-skjema med pris, valuta og lagerstatus er ikke valgfritt lenger. Det styrer hvordan produktet ditt vises i søkeresultater, og det er en primær kilde for KI-handelsanbefalinger, som i økende grad leser strukturerte feeds fremfor å gjennomsøke sider i sanntid.

Verifiser det med Googles «Rich Results Test» fremfor å lese temakoden din, da apper ofte injiserer skjema under gjengivelse. Sørg for at det samsvarer med siden: skjema som hevder at en utsolgt vare er på lager er verre enn intet skjema.

Testing uten å lure deg selv

Endringer på produktsider er lette å tolke feil. Noen regler som holder resultatene ærlige:

• Endre ett element av gangen.
• Kjør testen lenge nok til å dekke en full ukessyklus, som et minimum.
• Vurder ut fra inntekt per besøkende, ikke bare konverteringsrate, slik at du merker om en endring flytter folk over til billigere varianter.
• Segmenter mobil og desktop. En endring kan hjelpe den ene og skade den andre.

Et praktisk utgangspunkt

Hvis du reviderer dine egne produktsider, gå gjennom dette i rekkefølge:

1. Legg til leveringskostnad og leveringstid over bretten.
2. Fiks valg av varianter slik at ingen kombinasjon blir en blindvei.
3. Legg til bilder av størrelse og detaljer for dine tjue bestselgende produkter.
4. Skriv om beskrivelser slik at de starter med fordelen og følger opp med detaljer.
5. Legg til en produktspesifikk FAQ som svarer på de vanligste spørsmålene til kundeservice.
6. Valider din strukturerte data.

Ingenting av dette er eksotisk. De fleste butikker har bare ikke gjort det, og det er nettopp derfor det fungerer.

Hvis du ønsker at vi skal se spesifikt på dine produktsider, dekker vår Shopify-revisjon dette i detalj, eller du kan se hvordan vi nærmer oss butikkbygging i våre tjenester og eksempler i vårt Shopify-designarbeid.