Optimalisering av netthandelsnettsteder for mobilbrukere

Mobil er enormt viktig.

As Google beveger seg nærmere en mobil første indeks, implikasjonene for SEO vil bli enda større.

Også med mye trafikk som nå kommer til e-handel nettsteder fra mobile enheter, jo bedre engasjement du har, jo mer salg du vil lage.

Men de fleste temaer / CMSer ikke optimalisert rett ut av esken.

Derfor er det viktig å teste nettstedet ditt og gjøre endringer som ikke overholder følgende regler.

* Merk at denne veiledningen forutsetter at din nettsted passerer allerede Googles mobilvennlige verktøy.

1. Gjør den mobile toppteksten så liten som mulig

Når du besøker et nettsted på mobil, header vil være det første du ser.

Men det er ikke hovedgrunnen til at en besøkende klikket på nettsted in Søke.

De kom for å se innhold av siden, og det er derfor viktig å få dette opp så høyt som mulig.

Men mest moderne CMSog temaer utenfor boksen har en stor header det er for høyt og kan ta en hel side å bla gjennom:

Eksempel på stor mobilhode på netthandelsnettsteder

Som du kan se, representerer den øverste delen av siden en hel skjermhøyde på en mobil enhet, noe som vil øke avvisningsfrekvensen og derfor redusere Søke rangering av nettstedet.

Når Google blar til en mobil første indeks, vil dette ende opp med å redusere rangeringene deres på skrivebordet, noe som gjør det til et veldig viktig skritt å ta.

Her er noen eksempler på en god mobil header:

Gode ​​mobile e-handelsoverskrifter

Noen av de viktigste delene av en god mobil header:

  1. Alt i en linje - hvis alle elementene passer inn i en linje, så header tar minst plass.
  2. Nettstedsøk - dette er en av nøkkelen mobil brukeropplevelser, så det skal være fremtredende på toppen.
  3. Meny - menyikonet er viktig for brukere som vil bla.
  4. Handlevogn - brukere som besøker en e-handelsbutikk vil vite at de kan kjøpe noe, dette forsikrer dem umiddelbart + det er praktisk å handle.

Å gjøre disse endringene vil sannsynligvis kreve at en utvikler tilpasser temaet ditt, bare sørg for at det er gjort på en måte som du kan oppgradere uten å påvirke designet.

2. Lag filtre og kategorikoblinger

On mobil alt handler om hastighet og bekvemmelighet, og hjelper brukerne med å finne det de vil så snart som mulig uten forstyrrelser eller feil.

Det betyr at når en bruker besøker en kategoriside, vil de kunne navigere til produkter de vil så raskt som mulig.

Dette vil kreve to ting for å få til å fungere:

1. Toppnivåkategorier har trykkbare bannere til underkategorier

Så avhengig av hvilken type kategorilayout du har bestemt at brukerne vil ha (se kategoriguiden min) vil du ha enten a produkter liste med filtre, eller lenker til relevante underkategorier.

Hvis det er sistnevnte, trenger brukerne en rask måte å navigere til underkategoriene de vil ha, og hjelpe dem med å filtrere ned resultatene til det de leter etter.

Dette bør gjøres i veien for tydelige bannere / seksjoner som kan trykkes, oppført etter de mest populære valgene.

Her er et godt eksempel:

Kategorikoblinger på mobil

Høyreeksemplet er Tesco TV-siden, hvor du kan se at de har muligheten til å besøke undertyper av tv, etterfulgt av lister etter størrelse. Dette er viktig fordi de har identifisert disse som de viktigste dimensjonene som brukerne vil besøke.

En bruker som besøker denne siden, vil sannsynligvis umiddelbart trykke på det aktuelle alternativet, eller bla for å se om alternativet er lenger nede.

* En måte Tesco-siden kunne forbedres på, var å inkludere en butikk etter merkevare-delen, da dette har en tendens til å være ganske populærtSøke av fjernsyn (les min kategoriguide for mer informasjon om dette).

2. Filtrene er øverst og kan trykkes

Nettstedsfiltrene må fungere bra mobil, og være plassert på toppen av produkt slik at en bruker enkelt kan filtrere listen til produkter de vil se.

Dette skal bruke logikk slik at flere filtre kan velges samtidig (for eksempel farge og størrelse) og at sorteringsrekkefølgen kan redigeres (for eksempel sorter etter laveste pris).

Identifiser Problem Mobile Engagement

Den beste måten å se om du har problemer på en bestemt enhet eller nettleser mobil, er å bruke en tilpasset Google Analytics-rapport.

For å gjøre det, gjør en tilpasset Google Analytics-rapport, filtrer etter enhetskategori, deretter nettleser og deretter modell for mobilenhet.

Identifiser problemer på mobil etter enhet

Dette vil tillate deg å finne høy avvisningsfrekvens / lave sider per sesjonsoppdrag (som betyr at noe kan være ødelagt) og finne ut hvilken kombinasjon av enhet / nettleser som er problemet.

Lynrask nettside

Denne er ganske åpenbar, så jeg vil bare bryte ned nøkkelkontrollene:

  1. Kjør nettstedet ditt gjennom GTmetrix- og Pingdom-verktøy - fikse alle større problemer.
  2. Kjør nettstedet ditt gjennom Google Sidehastighetskontroll, fokus på å fikse mobil problemer.
  3. Bruk godt Hosting - Jeg anbefaler å bruke Nimbus Hosting (UK-basert).

Responsivt design - Innhold på alle enheter

Denne endringen er viktig når mobil første indeks flytter inn, fordi noen innhold det er ikke på mobil men er på skrivebordet vil ikke lenger bidra til din rangering.

Dette betyr at du bør bruke et fullstendig responsivt design, eller i det minste ha det innhold som er på skrivebordet lagt til mobil et sted, selv om det er i et trekkspill under en kategoriliste.

Nøkkelelementene for å sikre er konsistente på tvers av enheter:

  1. nøkkel SEO Overskrifter - H1, H2, H3, osv. Overskrifter.
  2. Intern lenker - inkludert brødsmuler, produkt lister og i innhold lenker.
  3. Bilder
  4. videoer
  5. Schema.org markup
  6. Side header kode

Så sørg for at Google gjengir siden din like bra videre mobil slik det er på skrivebordet, ved å gjøre en Fetch and Render-forespørsel for nettstedet ditt i Googles søkekonsoll og kontrollere forskjellen mellom mobil og skrivebordsvisninger (bare velg visning på mobil).

Hent og gjengi på mobilvisningen

Trekkspillinnhold

Trekkspill er en fin måte å kondensere stor form på innhold i seksjoner, slik at brukerne kan gå på mobil for å enkelt åpne den delen som interesserer dem mest.

Wikipedia har endret alle sine mobil sider til trekkspillbasert, noe som er et ganske godt tegn på at det forbedrer engasjementet.

Hvordan gjelder dette for netthandelsnettsteder?

Vel for en start er en kategoriside ofte et sted hvor folk kommer for begge deler produkter og informasjon om det produkt type, så det kan være vanskelig å få plass til alt dette øverst på siden uten å skape for mye plass til å bla.

Det var der et trekkspill kunne komme inn. Du kan trene deg gjennom søkeord undersøk og spør deg kunder, hva de vanligste spørsmålene er om det produkt skriv, og ha de på trekkspill rett over din produkt liste, slik at brukerne kan lese dette raskt uten å forstyrre brukernes opplevelser.

Her er et eksempel:

Legg til vanlige trekkspill på mobilen

For folk som er usikre på hva som er involvert i en spillmonitor, vil disse to trekkspillene som er satt inn øverst på siden, gjøre det mulig for dem å ta en informert beslutning, som skal gjøre flere søkere til kunder.

Sidelayouten kan sannsynligvis redigeres, kanskje et lysbilde i menyen med trekkspill med tittelen “hvordan velge en spillmonitor” som inneholdt de viktigste områdene å se på.

Brukere vil vanligvis ikke lese gjennom en hel kjøpsguide, de vil ha viktig informasjon med et øyeblikk (mobil handler om hastighet og bekvemmelighet).

Kasseopplevelse

For billigere eller mindre kompliserte produkter, som fremdeles ikke er blitt overtatt av Amazon på grunn av barrierer for inngang / kundeservicekrav, mobil kassene vil trolig utgjøre en større mengde av din salg enn de fleste.

Dette betyr at det å ha en jevn, rask og fullt fungerende kasseopplevelse er viktig for å maksimere mobil salg.

De viktigste områdene for en god mobil kasseopplevelse:

  1. Åpenbare utsjekkingsknapper - når en bruker legger til en produkt til handlekurven, vil en øyeblikkelig popup med en stor kasseknapp få oppmerksomhet og fjerne forvirring.
  2. Fullt sikkert nettsted (SSL) - dette er ganske åpenbart, men sørg for at du har det grunnleggende SSL-tillitsertifikatet installert.
  3. Responsivt utsjekkingsskjema - sørg for at ingenting går av siden, eller ikke formateres riktig på mobil.
  4. Logg inn med Amazon / Social network - Dette vil gjøre prosessen raskere, med informasjon som automatisk fylles ut fra de andre leverandørene.
  5. Adresse Søke - sørg for at en bruker ikke trenger å fylle ut adressen sin fullstendig ved å oppgi postnummer / postnummer Søke funksjoner.
  6. Kasse via Paypal / ApplePay - dette vil gjøre opplevelsen enda raskere, med kasseklikk med ett klikk som unngår det ekstra trinnet (spesielt å angi kredittkortopplysninger).

Produktsideoppsett

Jeg berørte ikke dette for mye i min produktside seo guide, men det er viktig å omarbeide produkt sider på mobil for å sikre at de er intuitive.

Som vi nevnte ovenfor utformingen på mobil bør fokusere på innhold brukere vil se, og siden din bør derfor legges ut i følgende rekkefølge:

  1. Produkt tittel - la brukerne vite at de er på rett sted.
  2. Produkt bilde - vis brukerne produkt, og få ekstra bilder til å sveipe.
  3. Pris - gjør prisen åpenbar, og hvis den er på salg gjør rabatten åpenbar.
  4. Leveringsinfo - vis dem når de kunne motta varen, og leveringsprisen.
  5. Legg til i handlevogn - en stor knapp som skiller seg ut slik at ingen kan savne den.
  6. Kundeomtale stjerner + link - Vis bare om anmeldelser er til stede, hvis ikke, la den ut.
  7. Nøkkelegenskaper - hovedårsakene til å kjøpe dette produkt, ved hjelp av kulepunkter.
  8. Alt annet.

Ved å prioritere denne informasjonen først, gir du brukerne det de trenger å vite for å ta en kjøpsbeslutning, men selvfølgelig, som med alle større nettstedsendringer, test den selv.

Gjør deling av produkter enkle

Hvis kjøpesyklusen for en produkt er litt lenger enn vanlig (ofte tilfellet med varer med høy verdi) mobil brukere vil ofte være i forskning fase av deres kjøpesyklus.

Dette betyr at de kanskje vil gjøre videre forskning senere, eller konferere med en kjær om kjøpet.

Så gjør det veldig enkelt å gjøre, ved å ha et delingsalternativ som lar deg emalje de link, del link på Whatsapp, eller del den på Facebook messenger.

En måte å overvåke denne endringen på ville være å gjøre at alle delte nettadresser har en bestemt parameter, eller sjekke direkte trafikk til produkt sider.

Final Thoughts

Disse endringene vil være perfekte for både konverteringer og SEO, ettersom det økte engasjementet vil redusere fluktfrekvensen og rangere deg høyere som et resultat.

Ved å implementere disse endringene nå, vil du være godt forberedt på å møte mobil første indeks når den ruller ut.

Hvis du vil ha hjelp med dette, eller andre problemer med markedsføring av e-handel, kan du gjerne emalje kjøtt [e-postbeskyttet] eller vurdere å kjøpe e-handelstjenestene mine.

Hvor nyttig var dette innlegget?

Klikk på en stjerne for å rangere det!

Gjennomsnittlig rangering 0 / 5. Stemmeantal: 0

Ingen stemmer så langt! Bli den første til å rangere dette innlegget.

Vi beklager at dette innlegget ikke var nyttig for deg!

La oss forbedre dette innlegget!

Fortell oss hvordan vi kan forbedre dette innlegget?

Matt Jackson

E-handel SEO-spesialist, med over 8 års heltidserfaring med å analysere og fikse nettbutikker. Praktisk erfaring med Shopify, Wordpress, Opencart, Magento og andre CMS.
Trenger hjelp? Send meg en e-post for mer info på [e-postbeskyttet]

Dette innlegget har 0 kommentarer

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket *