Sådan laver du den perfekte forside på din webshop!

Dette er første blogindlæg i en serie, hvor jeg vil komme med tips til, hvordan du laver den perfekte forside, produktliste, produktside og checkout ud fra erfaringer med min egen webshop, flere af vores kunder hos MCB samt en lang række split tests og brugertests. Der er naturligvis intet facit – meget afhænger af den enkelte webshop, dens kunder og produkter, så kom meget gerne med dine input i kommentarerne.

Kend dine besøgende!
Inden du kan beslutte, hvordan din forside skal opbygges, skal du sætte dig grundigt ind i, hvad de besøgende vil på din forside? Gå ud fra, at hver besøgende på din forside har travlt og kun har ét formål med besøget. Spild ikke de besøgendes tid – forstå deres formål med besøget grundigt og indgående og byg så din forside op herefter.

Hav i baghovedet, at der både kommer nye potentielle kunder og tidligere kunder. Nogle besøgende er meget målrettede og ved præcist, hvilket produkt de søger. Andre ved måske blot, hvilken produktgruppe de søger, og vil derfor gerne blive inspireret og fristet af f.eks. nye produkter og gode tilbud.

Design der rammer plet!
Det første indtryk, som rammer den besøgende er webshoppens design. Jeg vil ikke skrive en masse om farver og typografier i dette blogindlæg, men blot understrege vigtigheden af, at designet passer til konteksten dvs. underbygger virksomhedens profil og mål med webshoppen. Sælger du f.eks. designermøbler, vil gule og sorte Nettofarver ikke være det mest oplagte valg.

Hvordan kommer jeg videre?
Det kan umiddelbart lyde underligt, men når det overordnede design er på plads, er det vigtigste faktisk, at gøre dig klart, hvordan du får de besøgende væk fra forsiden! For de skal selvfølgelig videre ”ind i butikken” og købe nogle produkter.

Forvent ikke, at besøgende gider bruge mange sekunder på din forside og nærlæse samtlige elementer og tekster. Besøgende leder efter netop det, de søger – hvilket ikke nødvendigvis er det samme, som det du gerne vil gøre opmærksom på. Formår du ikke inden for 4-5 sekunder at give dem dette, klikker de tilbage til Googles søgeresultater og besøger din konkurrent i stedet for.

Vil du undgå dette, er her et par konkrete tips:

1. Overskuelig menu
Præsenter en synlig og velgrupperet menu med logiske kategorier og underkategorier. Vis menuen i venstre side, hvor de besøgende forventer at finde den. En topmenu med dropdown funktion kan være et ok alternativ, men placer aldrig menuen i højre side eller i bunden!

2. Synlig call-to-action
Hav et stort og tydeligt element (call-to-action), som frister de knap så målrettede besøgende til at komme videre på webshoppen. Og når jeg skriver stort, så mener jeg STORT! Skal afvisningsprocenten i bund, så skal de besøgende, som ikke vil bruge menuen eller søgefunktionen, fanges af dette element.

Hvad skal dette element så indeholde? Det afhænger fuldstændig af dine produkter. Men det vil være oplagt at reklamere for din mest populære produktgruppe, et bestseller produkt eller måske et tilbud her og nu. F.eks. nærmer påsken sig og har du noget relevant at sælge denne årstid, så smid det på forsiden ligesom de f.eks. netop nu frister med snaps og chokoladepåskeæg på VildMedVin.dk.

3. God søgefunktion
Har du en stor webshop med mange tusinde produkter, kan selv en godt grupperet menu blive lang og uoverskuelig. Mange besøgende gider ikke bruge tid på at navigere ned i flere menulag og vil derfor bruge dit søgefelt. Gør derfor dit søgefelt ekstra tydeligt og sørg naturligvis for, at sitesøgeren fungerer optimalt. Se eksempelvis sitesøgeren på webshoppen LINDS.dk, som har over 25.000 varenumre. Den er fremhævet øverst på siden og er desuden opsat til løbende at foreslå søgeresultater samtidig med man taster. Læs evt. også min kollega Thomas’s blogindlæg om LINDS webshoppen.

Hvem handler jeg med?
Mange webshops glemmer at fortælle de besøgende, hvem de er. Disse informationer er typisk gemt væk på en ”Om os” side. Hvorfor tvinge de besøgende forbi ”Om os”, når én kort sætning typisk kan opsummere det vigtigste? F.eks. under logoet – så går det også igen på alle sider (alle besøgende rammer jo ikke din forside). Evt. suppleret med en tydelig overskrift på forsiden.

Se eksempelvis Last Touch, hvor vi har en kort catchline/payoff under logoet på alle sider samt som overskrift på forsiden.

Hvorfor skal jeg handle her?
Fortæl dine besøgende, hvorfor de skal handle her og ikke hos konkurrenten. Tro ikke den besøgende selv har tid til at finde disse argumenter ud fra dit sortiment, design, profil e.l. Du er med al sandsynlighed ikke den eneste på markedet, som sælger denne type produkter (i så fald tillykke med monopolet ). Derfor er det essentielt, at du identificerer dine vigtigste salgsparametre (også kaldet: Unique Selling Proposition) og du viser dem tydeligt og klart – gerne i en punktopstilling med korte sætninger. F.eks. kan det være:

• Flere end 5.000 varer på lager
• Dag til dag levering
• Fragtfrit over 500 kr.

Se f.eks. webshoppen Skibutikken, som bl.a. har gjort tydeligt opmærksom på deres landsdækkende prisgaranti.

Tør jeg handle her?
På et tidspunkt i købsprocessen beslutter den besøgende (ofte ubevidst), om personen føler sig tryg og tør handle på din webshop. Det er ikke nødvendigvis på forsiden denne beslutning sker. Det er typisk en helhedsfornemmelse af hele websitet, hvor forsiden også er et vigtigt element. Derfor er det vigtigt, den besøgende har tillid til din butik.

Har den besøgende ikke handlet hos dig før, og er din webshop ikke verdenskendt som Amazon.com, så ligger her et stort stykke arbejde!

Hermed et par konkrete tips til, hvordan du skaber tillid på din webshop:

1. Vis du eksisterer andre steder end på nettet
Vis du har en adresse, telefonnummer, evt. CVR nummer i bunden af din webshop, så den besøgende ved, du rent faktisk eksisterer andre steder end på nettet.

Har du en fysisk butik, kan det også være en tillidsskabende faktor, som du med fordel kan gøre opmærksom på.

Ligeledes er det god kundeservice og samtidig en tillidfaktor, at vise et billede af webshopejeren eller webmasteren evt. suppleret med telefonnummer og e-mailadresse. Se eksempel på Grafical.dk.

2. Smyk dig med kendte mærker
Forhandler du mærker, som de besøgende kender så udnyt, at de besøgende allerede har opbygget tillid til disse mærker, det vil automatisk øge de besøgendes tillid til din webshop. Se eksempelvis DesignLite, som udnytter deres kendte mærker (Verner Panton, Piet Hein, Louis Poulsen mf.) på en fin og tillidsskabende måde.

Andre mærker som PBS (NETS), diverse certificeringer og ehandelsfonden kan helt sikkert også have effekt. Læs evt. Karsten Lunds test med ehandelsmærket.

3. Kundevurderinger
Har du gode kundetestimonials, kan det være yderst tillidsskabende at præsentere dem på hjemmesiden. Her kan du med fordel benytte et 3. partsprogram som f.eks. Trustpilot til at opsamle kundevurderingerne. Dermed bliver det tydeligt, det ikke blot er dig selv, der udvælger de bedste vurderinger og sorterer de dårlige fra.

Sælger du b2b vil jeg dog anbefale mere dybdegående testimonials, som du selv indsamler – helst med navn på kontaktpersonen og virksomheden. Det har vi haft gode erfaringer med på mcb.dk.

Læs evt. også Morten Vadskær blogindlæg om fordelene ved Trustpilot.

Søgemaskiner er også velkomne
I mine ovenstående forsideforslag er der ikke lagt op til en masse beskrivende tekst. Det er ganske bevidst. Mine egne tests og erfaringer viser, at besøgende ikke gider nærlæse lange tekster på forsiden. Det kan sagtens være, at de senere vil læse nærmere om webshoppens profil, personerne bag, handelsbetingelser osv., men det er typisk, når de skal træffe en købsbeslutning – det er ikke forsidens lod! Købsbeslutningen træffes typisk på produktsiden – mere om det i de kommende blogindlæg.

Selvom de besøgende ikke gider læse lange tekstmængder, giver det alligevel god mening, at have en god beskrivende tekst med masser af søgeord på forsiden. Hvorfor? Fordi søgemaskinerne elsker indekserbar tekst!

Hvordan imødekommer du så disse to modstridende ønsker: Meget tekst til søgemaskiner og mindre tekst til de besøgende? Jo, en løsning kan være, at indsætte teksten helt i bunden af webshoppen.

En anden løsning kan være at skjule størstedelen af forsideteksten bag et ”Læs mere” link og samtidig give søgemaskinerne den fulde tekstmængde. Se eksempel på cykler.dk, hvor der under ”Tilbud netop nu” bruges denne løsning med ”Læs mere” linket.

Læs evt. Malene Kirstine Olesens blogindlæg, som beskriver dette lille trick nærmere.

Less is more
Jeg har ovenfor skrevet forslag til, hvad en forside med fordel kan indeholde. Dermed ikke sagt, den skal fyldes op med det hele. Vælg de ting, som er relevante for din butik og drop overflødigt fyld, som ikke er relevant for de besøgende.

Læs evt. om mine eksperimenter med forsiden på min egen webshop i dette blogindlæg.

Hvad har du på forsiden og hvorfor?
Hvordan har du valgt at strukturere din forside? Og hvorfor? Har du andre input, er du også meget velkommen til at skrive en kommentar.