Optimering av e-handelswebbplatser för mobilanvändare

Mobil är enormt viktigt.

As Google rör sig närmare a mobilt första index, konsekvenserna för SEO blir ännu större.

Även med mycket trafik som nu kommer till e-handel webbsidor från mobila enheter, desto bättre engagemang har du, desto mer försäljning du kommer göra.

Men de flesta teman / CMSär inte optimerade direkt ur lådan.

Det är därför det är viktigt att testa din webbplats och göra ändringar som inte följer följande regler.

* Observera att den här guiden förutsätter att din hemsida passerar redan Googles mobilvänliga verktyg.

1. Gör mobilrubriken så liten som möjligt

När du besöker en webbplats på mobil rubrik blir det första du ser.

Men det är inte huvudorsaken till att en besökare klickade på din hemsida in Sök.

De kom för att se innehåll på sidan, och det är därför viktigt att ta upp detta så högt som möjligt för att engagera besökare.

Men mest modern CMSoch teman ur lådan har en stor rubrik det är för långt och kan ta en hel sida att bläddra igenom:

Exempel på stora mobilrubriker på e-handelswebbplatser

Som du kan se den övre delen av sidan representerar en hel skärmhöjd på en mobil enhet, vilket ökar studsfrekvensen och därmed minskar Sök webbplatsens ranking.

När Google bläddrar till ett mobilt första index, detta kommer att sluta minska deras ranking också på skrivbordet, vilket gör det till ett mycket viktigt steg att ta.

Här är några exempel på en bra mobil rubrik:

Bra mobila e-handelsrubriker

Några av de väsentliga delarna av en bra mobil rubrik:

  1. Allt på en rad - om alla element passar in i en rad, då rubrik tar minst utrymme.
  2. Platsökning - det här är en av nycklarna mobil användarupplevelser, så det bör vara framträdande högst upp.
  3. Meny - menyikonen är viktig för användare som vill bläddra runt.
  4. Kundvagn - användare som besöker en e-handelsbutik vill veta att de kan köpa något, detta försäkrar dem omedelbart + det är bekvämt för shopping.

Att göra dessa ändringar kommer antagligen att kräva att en utvecklare anpassar ditt tema, se bara till att det görs på ett sätt som du kan uppgradera utan att påverka designen.

2. Gör filter och kategorilänkar knackbara

On mobil allt handlar om snabbhet och bekvämlighet, vilket hjälper användarna att hitta vad de vill så snart som möjligt utan distraktioner eller fel.

Det betyder att när en användare besöker en kategorisida, vill de kunna navigera till Produkter de vill så snabbt som möjligt.

Detta kräver två saker för att få arbete:

1. Toppnivåkategorier har tryckbara banners till underkategorier

Så beroende på vilken typ av kategorilayout du har bestämt användarna vill ha (se min kategoriguide) du vill antingen a Produkter lista med filter, eller länkar till relevanta underkategorier.

Om det är det senare behöver användarna ett snabbt sätt att navigera till de underkategorier de vill ha, vilket hjälper dem att filtrera ner resultaten till vad de letar efter.

Detta bör göras i vägen för uppenbara, tryckbara banners / avsnitt, listade efter de mest populära valen.

Här är ett bra exempel:

Kategorilänkar på mobil

Det högra exemplet är Tesco-tv-sidan, där du kan se att de har möjlighet att besöka undertyper av tv, följt av listor efter storlek. Detta är viktigt eftersom de har identifierat dessa som de viktigaste dimensionerna som användarna vill besöka.

En användare som besöker den här sidan kommer troligen omedelbart att trycka på relevant alternativ eller bläddra för att se om deras alternativ är längre ner.

* Ett sätt att Tesco-sidan skulle kunna förbättras skulle vara att inkludera en butik efter varumärkesavdelning, eftersom det tenderar att vara ganska populärt under-Sök av tv-apparater (läs min kategoriguide för mer information om detta).

2. Filter är högst upp och kan knackas

Webbplatsfiltret måste fungera bra mobiloch placeras högst upp på produkt så att en användare enkelt kan filtrera listan till Produkter de vill se.

Detta bör använda logik så att flera filter kan väljas samtidigt (t.ex. färg och storlek) och att sorteringsordningen kan redigeras (till exempel sortera efter lägsta pris).

Identifiera problem Mobile Engagement

Det bästa sättet att se om du har problem med en viss enhet eller webbläsare mobil, är att använda en anpassad Google Analytics-rapport.

För att göra det gör du en anpassad Google-analysrapport, filtrerar efter enhetskategori, sedan webbläsare och sedan mobil enhetsmodell.

Identifiera problem på mobilen per enhet

Detta gör att du kan hitta hög avvisningsfrekvens / låga sidor per sessioner (vilket betyder att något kan vara trasigt) och räkna ut vilken enhet / webbläsarkombination som är problemet.

Blixtsnabb webbplats

Den här är ganska uppenbar så jag ska bara bryta ner nyckelkontrollerna:

  1. Kör din webbplats via GTmetrix- och Pingdom-verktyg - åtgärda alla större problem.
  2. Kör din webbplats genom Google Sidhastighetskontroll, fokusera på fixning mobil frågor.
  3. Använd bra värd - Jag rekommenderar att du använder Nimbus Hosting (UK-baserat).

Responsiv design - Innehåll på alla enheter

Denna förändring är avgörande när mobil första indexet flyttar in, eftersom någon innehåll det är inte på mobil men är på skrivbordet kommer inte längre att bidra till din rankningsinsats.

Det betyder att du bör använda en helt responsiv design eller åtminstone ha innehåll som finns på skrivbordet läggs till mobil någonstans, även om det finns i ett dragspel under en kategorilista.

Nyckelelementen som ska säkerställas är enhetliga mellan enheter:

  1. Nyckel SEO Rubriker - rubriker H1, H2, H3 osv.
  2. Inre länkar - inklusive brödsmulor, produkt listor och i innehåll länkar.
  3. Bilder
  4. Videor
  5. Schema.org pålägg
  6. Sida rubrik koda

Se sedan till att Google återger din sida lika bra på mobil som det är på skrivbordet, genom att göra en Hämta och rendera begäran för din webbplats i Googles sökkonsol och kontrollera skillnaden mellan mobil och skrivbordsvyer (välj helt enkelt visa på mobil).

Hämta och render i mobilvyn

Dragspelens innehåll

Dragspel är ett utmärkt sätt att kondensera stor form innehåll i sektioner, så att användarna kan gå på mobil för att enkelt öppna det avsnitt som mest intresserar dem.

wikipedia har förändrat alla sina mobil sidor till dragspel baserat, vilket är ett ganska bra tecken på att det förbättrar engagemanget.

Hur gäller detta för e-handelswebbplatser?

Till att börja med är en kategorisida ofta en plats där människor kommer för båda Produkter och information om det produkt typ, så det kan vara svårt att passa in allt detta överst på sidan utan att skapa för mycket utrymme för att bläddra.

Det var där ett dragspel kunde komma in. Du kan träna igenom sökord undersöka och fråga dig kunder, vad de vanligaste frågorna är om det produkt typ och ha dem i dragspel precis ovanför din produkt listan, så att användarna kan läsa detta snabbt utan att störa kundernas användarupplevelser.

Här är ett exempel:

Lägg till vanliga dragspel på mobilen

För människor som är osäkra på vad som är involverat med en spelmonitor, skulle dessa två dragspel infogade högst upp på sidan göra det möjligt för dem att fatta ett välgrundat beslut, vilket skulle göra fler sökare till kunder.

Sidlayouten kunde antagligen redigeras, kanske en bild i menyn med dragspel med titeln "hur man väljer en spelmonitor" som innehöll de viktigaste områdena att titta på.

Användare vill vanligtvis inte läsa igenom en hel köpguide, de vill ha viktig information med en överblick (mobil handlar om hastighet och bekvämlighet).

Kassaupplevelse

För billigare eller mindre komplicerat Produkter, som fortfarande inte har tagits över av Amazon på grund av hinder för inträde / kundtjänstkrav, mobil kassorna kommer förmodligen att representera en större mängd av din försäljning än de flesta.

Det betyder att det är viktigt att ha en smidig, snabb och fullt fungerande kassaupplevelse för att maximera mobil försäljning.

De viktigaste områdena för en bra mobil kassaupplevelse:

  1. Uppenbara utcheckningsknappar - när en användare lägger till en produkt till vagnen kommer en omedelbar popup med en stor kassaknapp att fånga uppmärksamhet och ta bort förvirring.
  2. Helt säker webbplats (SSL) - det här är ganska uppenbart, men se till att du har det grundläggande SSL-tillitscertifikatet installerat.
  3. Responsivt utcheckningsformulär - se till att ingenting går från sidan eller inte formateras korrekt på mobil.
  4. Logga in med Amazon / Socialt nätverk - detta kommer att göra processen snabbare, med information som automatiskt fylls i från andra leverantörer.
  5. Adress Sök - se till att en användare inte behöver fylla i sin adress helt genom att ange postnummer / postnummer Sök funktioner.
  6. Kassa via Paypal / ApplePay - detta kommer att göra upplevelsen ännu snabbare, med kassakort med ett klick som undviker det extra steget (särskilt inmatning av kreditkortsuppgifter).

Produktsidlayout

Jag rörde inte vid det här för mycket i min produktsida seoguide, men det är viktigt att omarbeta din produkt sidor på mobil för att se till att de är intuitiva.

Som vi nämnde ovan layouten på mobil bör fokusera på innehåll användare vill se, och därför bör din sida läggas ut i följande ordning:

  1. Produkt rubricerade - låt användarna veta att de är på rätt plats.
  2. Produkt bild - visa användarna produkt, och gör att extra bilder kan svepas.
  3. Pris - gör priset uppenbart, och om det är på Till Salu gör rabatten uppenbar.
  4. Leveransinfo - visa dem när de kunde ta emot varan och leveranspriset.
  5. Lägg i varukorg - en stor knapp som sticker ut så att ingen kan missa den.
  6. Kundrecensioner stjärnor + länk - visa bara om recensioner finns, om inte utelämna det.
  7. Nyckelfunktioner - de främsta anledningarna att köpa detta produkt, med hjälp av punktpunkter.
  8. Allt annat.

Genom att prioritera denna information först ger du användarna vad de behöver veta för att fatta ett köpbeslut, men uppenbarligen, som med alla större webbplatsändringar, testa det själv.

Gör det enkelt att dela produkter

Om köpcykeln för en produkt är lite längre än vanligt (ofta fallet med artiklar med högt värde) mobil användare kommer ofta att vara i forskning fas av deras köpcykel.

Det betyder att de kanske vill göra ytterligare forskning senare, eller konferera med en älskad om köpet.

Så gör det väldigt enkelt att göra, genom att ha ett delningsalternativ som gör att du kan e-mail de länk, dela länk på Whatsapp, eller dela det på Facebook messenger.

Ett sätt att övervaka denna förändring är att göra att alla delade webbadresser har en viss parameter eller kontrollera direkt trafik till produkt sidor.

Avslutande tankar

Dessa ändringar kommer att vara perfekta för både omvandlingar och SEO, eftersom det ökade engagemanget minskar studsfrekvensen och rankar dig högre som ett resultat.

Genom att genomföra dessa ändringar nu kommer du att vara väl förberedd att möta mobil första index när det rullar ut.

Om du vill ha hjälp med detta, eller något annat problem med e-handelsmarknadsföring, kan du gärna göra det e-mail mig på [e-postskyddad] eller överväga att köpa mina e-handelstjänster.

Hur användbart var det här inlägget?

Klicka på en stjärna för att betygsätta det!

Medelbetyg 0 / 5. Röstaantal: 0

Inga röster hittills! Bli den första att betygsätta detta inlägg.

Vi beklagar att det här inlägget inte var användbart för dig!

Låt oss förbättra detta inlägg!

Berätta för oss hur vi kan förbättra det här inlägget?

matt Jackson

E-handel SEO-specialist, med över 8 års heltidserfarenhet att analysera och fixa webbplatser för online shopping. Praktisk erfarenhet av Shopify, Wordpress, Opencart, Magento och andra CMS.
Behövs hjälp? Mejla mig för mer info på [e-postskyddad]

Det här inlägget har 0 kommentarer

Lämna ett svar

E-postadressen publiceras inte. Obligatoriska fält är markerade *