E-commerce websites optimaliseren voor mobiele gebruikers

Mobiel is enorm belangrijk.

As Google komt dichter bij a mobiele eerste index, de implicaties voor SEO zal nog groter worden.

Ook met veel verkeer dat nu naar e-commerce komt websites vanaf mobiele apparaten, hoe meer betrokkenheid u heeft, hoe meer verkoop jij zal maken.

Maar de meeste thema's / CMS's komen niet direct uit de doos geoptimaliseerd.

Daarom is het belangrijk om uw site te testen en eventuele wijzigingen aan te brengen die niet voldoen aan de volgende regels.

* Let op: deze gids gaat ervan uit dat uw website passeert al Google is mobielvriendelijk gereedschap.

1. Maak de mobiele koptekst zo klein mogelijk

Wanneer u een website op mobiel bezoekt, is het hoofd zal het eerste zijn dat je ziet.

Maar het is niet de belangrijkste reden waarom een ​​bezoeker op uw website in zoek machine.

Ze kwamen om de inhoud van de pagina, en daarom is het essentieel om dit zo hoog mogelijk te houden om bezoekers te binden.

Maar het meest modern CMS's en thema's uit de doos hebben een grote hoofd dat is te lang en kan een volledige pagina in beslag nemen om door te bladeren:

Voorbeeld van een grote mobiele koptekst op e-commercewebsites

Zoals u kunt zien, vertegenwoordigt het bovenste gedeelte van de pagina een volledige schermhoogte op een mobiel apparaat, waardoor het bouncepercentage toeneemt en daarom de zoek machine rankings van de site.

Wanneer Google flips naar een mobiele eerste index, dit zal uiteindelijk ook hun positie op de desktop verlagen, waardoor het een uiterst belangrijke stap is om te nemen.

Hier zijn enkele voorbeelden van een goede gsm hoofd:

Goede kopteksten voor mobiele e-commerce

Enkele van de essentiële onderdelen van een goede mobiel hoofd:

  1. Alles op één regel - als alle elementen in één regel passen, dan is de hoofd neemt de kleinste hoeveelheid ruimte in beslag.
  2. Site zoeken - dit is een van de belangrijkste mobiel gebruikerservaringen, dus het moet bovenaan prominent staan.
  3. Menu - het menupictogram is belangrijk voor gebruikers die willen rondkijken.
  4. Winkelwagen - gebruikers die een e-commerce winkel bezoeken, willen weten dat ze iets kunnen kopen, dit verzekert hen onmiddellijk + het is gemakkelijk om te winkelen.

Voor het aanbrengen van deze wijzigingen is waarschijnlijk een ontwikkelaar nodig om uw thema aan te passen, maar zorg ervoor dat u dit zo doet dat u kunt upgraden zonder het ontwerp te beïnvloeden.

2. Maak filters en categorielinks waarop kan worden getikt

On mobiel alles draait om snelheid en gemak, zodat gebruikers zo snel mogelijk kunnen vinden wat ze zoeken zonder afleiding of fouten.

Dat betekent dat wanneer een gebruiker een categoriepagina bezoekt, hij naar de producten ze willen zo snel mogelijk.

Dit vereist 2 dingen om te laten werken:

1. Categorieën op het hoogste niveau hebben aftapbare banners voor subcategorieën

Dus afhankelijk van het type categorie-indeling dat gebruikers willen (zie mijn categoriegids) wilt u een producten lijst met filters, of koppelingen naar relevante subcategorieën.

Als dit het laatste is, hebben gebruikers een snelle manier nodig om naar de gewenste subcategorieën te navigeren, zodat ze de resultaten kunnen filteren tot wat ze zoeken.

Dit moet gebeuren op de manier van voor de hand liggende, tikbare banners / secties, gerangschikt op de meest populaire keuzes.

Hier is een goed voorbeeld:

Categorielinks op mobiel

Het rechtervoorbeeld is de Tesco-televisiepagina, waar je kunt zien dat ze de mogelijkheid hebben om subtypen tv te bezoeken, gevolgd door lijsten op grootte. Dit is belangrijk, omdat ze deze hebben geïdentificeerd als de belangrijkste dimensies die gebruikers willen bezoeken.

Een gebruiker die deze pagina bezoekt, zal hoogstwaarschijnlijk onmiddellijk op de relevante optie tikken, of scrollen om te zien of hun optie lager is.

* Een manier waarop de Tesco-pagina kan worden verbeterd, is door een winkel per merksectie op te nemen, aangezien dit nogal een populaire sub-zoek machine van televisies (lees mijn categoriegids voor meer informatie hierover).

2. Filters bevinden zich bovenaan en kunnen worden afgetapt

De websitefilters moeten goed werken mobiel, en bevinden zich bovenaan het artikel list zodat een gebruiker de lijst gemakkelijk kan filteren op het producten ze willen zien.

Dit moet logica gebruiken zodat meerdere filters tegelijk kunnen worden geselecteerd (zoals kleur en grootte) en dat de sorteervolgorde bewerkbaar is (bijvoorbeeld sorteren op laagste prijs).

Identificeer het probleem van mobiele betrokkenheid

De beste manier om te zien of u problemen ondervindt op een bepaald apparaat of bepaalde browser mobiel, is om een ​​aangepast Google Analytics-rapport te gebruiken.

Maak hiervoor een aangepast Google Analytics-rapport, waarbij u filtert op apparaatcategorie, vervolgens op browser en vervolgens op mobiel apparaatmodel.

Identificeer problemen op mobiel per apparaat

Hiermee kunt u een hoog bouncepercentage / lage pagina's per sessie vinden (wat aangeeft dat er iets kapot is) en uitzoeken welke apparaat / browser-combinatie het probleem is.

Bliksemsnelle website

Deze is vrij duidelijk, dus ik zal de belangrijkste controles opsplitsen:

  1. Run uw site met GTmetrix- en Pingdom-tools - los alle belangrijke problemen op.
  2. Leid uw site door het Google Paginasnelheidscontrole, focus op repareren mobiel kwesties.
  3. Gebruik goed Hosting - Ik raad aan om Nimbus Hosting te gebruiken (in het VK).

Responsief ontwerp - inhoud op alle apparaten

Deze wijziging is essentieel wanneer het mobiel eerste index gaat naar binnen, omdat elke inhoud dat is niet aan mobiel maar op een desktop staat, zal niet langer bijdragen aan uw ranking-inspanningen.

Dit betekent dat u een volledig responsief ontwerp moet gebruiken, of op zijn minst inhoud dat is op desktop toegevoegd op mobiel ergens, zelfs als het in een accordeon onder een categorielijst staat.

De belangrijkste elementen om ervoor te zorgen dat ze consistent zijn op alle apparaten:

  1. sleutel SEO Headers - H1, H2, H3, enz. Koppen.
  2. Intern koppelingen - inclusief paneermeel, artikel lijsten en in inhoud koppelingen.
  3. Afbeeldingen
  4. Video's
  5. Schema.org markup
  6. Pagina hoofd code

Zorg er dan voor dat Google geeft uw pagina net zo goed weer op mobiel zoals het is op een desktop, door een Fetch and Render-verzoek voor uw site in de Google-zoekconsole te doen en het verschil tussen mobiel en desktopweergaven (selecteer gewoon weergave op mobiel).

Ophalen en renderen op de mobiele weergave

Accordeon Inhoud

Accordeons zijn een geweldige manier om grote vormen te verdichten inhoud in secties, waardoor gebruikers mobiel om gemakkelijk de sectie te openen die hen het meest interesseert.

Wikipedia hebben al hun mobiel pagina's op accordeon gebaseerd, wat een redelijk goed teken is dat het de betrokkenheid verbetert.

Hoe is dit van toepassing op e-commerce websites?

Om te beginnen is een categoriepagina vaak een plek waar mensen voor beide komen producten en informatie daarover artikel type, dus het kan moeilijk zijn om dat allemaal bovenaan de pagina te plaatsen zonder te veel ruimte te creëren om te scrollen.

Dat is waar een accordeon binnen zou kunnen komen. Je kunt doorgaan trefwoord onderzoek doen en u klanten vragen wat de meest gestelde vragen daarover zijn artikel type, en laat die in accordeons net boven je artikel lijst, zodat gebruikers dit snel kunnen lezen zonder de gebruikerservaringen van kopers te verstoren.

Hier is een voorbeeld:

Voeg veelgestelde vragen accordeons toe op mobiel

Voor mensen die niet zeker weten wat er bij een gamingmonitor komt kijken, zouden deze twee accordeons die bovenaan de pagina zijn geplaatst, hen in staat stellen een weloverwogen beslissing te nemen, waardoor meer zoekers klanten zouden worden.

De pagina-indeling zou waarschijnlijk kunnen worden bewerkt, misschien een dia-in-menu met accordeons met de titel "hoe kies je een gamingmonitor" die de belangrijkste gebieden bevatte om naar te kijken.

Gebruikers willen meestal niet een hele koopgids doorlezen, ze willen de essentiële informatie in één oogopslag (mobiel draait allemaal om snelheid en gemak).

Afrekenen Ervaring

Voor goedkoper of minder ingewikkeld producten, dat nog steeds niet is overgenomen door Amazon vanwege belemmeringen voor toegang / klantenservicevereisten, mobiel kassa's vertegenwoordigen waarschijnlijk een groter deel van uw verkoop dan de meeste.

Dit betekent dat het hebben van een soepele, snelle en volledig functionerende kassa-ervaring essentieel is om te maximaliseren mobiel verkoop.

De belangrijkste gebieden voor een goed mobiel afrekenervaring:

  1. Duidelijke afrekenknoppen - wanneer een gebruiker een artikel naar de winkelwagen, zal een onmiddellijke pop-up met een grote afrekenknop de aandacht trekken en verwarring wegnemen.
  2. Volledig beveiligde website (SSL) - dit is vrij duidelijk, maar zorg ervoor dat u het standaard SSL-vertrouwenscertificaat hebt geïnstalleerd.
  3. Responsief afrekenformulier - zorg ervoor dat er niets van de pagina gaat of niet correct wordt geformatteerd mobiel.
  4. Log in met Amazon / Sociaal netwerk - dit zal het proces versnellen, waarbij informatie automatisch wordt ingevuld van de andere providers.
  5. Adres zoek machine - zorg ervoor dat een gebruiker zijn adres niet volledig hoeft in te vullen door een postcode / postcode op te geven zoek machine functies.
  6. Afrekenen via Paypal / ApplePay - dit zal de ervaring nog sneller maken, met afrekenen met één klik om de extra stap te vermijden (vooral het invoeren van creditcardgegevens).

Productpagina-indeling

Ik heb dit niet al te veel aangeroerd in mijn productpagina seo-gids, maar het is belangrijk om uw artikel pagina's op mobiel om ervoor te zorgen dat ze intuïtief zijn.

Zoals we hierboven vermeldden is de layout op mobiel zou zich moeten concentreren op de inhoud gebruikers willen zien, en daarom moet uw pagina in de volgende volgorde worden ingedeeld:

  1. Product titel - laat gebruikers weten dat ze op de juiste plek zijn.
  2. Product beeld - laat gebruikers het artikel, en maak extra afbeeldingen veegbaar.
  3. Prijs - maak de prijs duidelijk, en of het aan staat sale maak de korting duidelijk.
  4. Levering info - laat zien wanneer ze hun artikel konden ontvangen en wat de prijs van de levering is.
  5. In Winkelwagen - een grote knop die opvalt zodat niemand hem kan missen.
  6. Klantbeoordeling sterren + link - alleen weergeven als beoordelingen aanwezig zijn, zo niet weglaten.
  7. Belangrijkste kenmerken - de belangrijkste redenen om dit te kopen artikel, met behulp van opsommingstekens.
  8. Al de rest.

Door eerst prioriteit te geven aan deze informatie, geeft u gebruikers wat ze moeten weten om een ​​aankoopbeslissing te nemen, maar het is duidelijk dat u het zelf, zoals bij elke grote websitewijziging, kunt testen.

Maak het delen van producten eenvoudig

Als de koopcyclus voor a artikel is iets langer dan normaal (vaak het geval bij hoogwaardige items) mobiel gebruikers bevinden zich vaak in de onderzoek fase van hun koopcyclus.

Dit betekent dat ze misschien verder willen doen onderzoek later, of overleg met een geliefde over de aankoop.

Maak het dus heel gemakkelijk om te doen, door een deeloptie te hebben waarmee je dat kunt e-mail de link, deel de link op Whatsapp, of deel het op Facebook Messenger.

Een manier om deze wijziging te volgen, is door ervoor te zorgen dat alle gedeelde URL's een bepaalde parameter hebben, of door direct verkeer naar artikel bladzijden.

Laatste gedachten

Deze wijzigingen zijn perfect voor zowel conversies als SEO, aangezien de grotere betrokkenheid het bouncepercentage verlaagt en u daardoor hoger scoort.

Door deze wijzigingen nu door te voeren, bent u goed voorbereid om de mobiel eerste index zodra deze uitrolt.

Als je hier hulp bij wilt hebben, of bij een ander e-commercemarketingprobleem, voel je dan vrij e-mail me op [e-mail beveiligd] of overweeg om te kopen mijn e-commerce services.

Hoe nuttig was dit bericht?

Klik op een ster om deze te beoordelen!

Gemiddelde score 0 / 5. Aantal stemmen: 0

Geen stemmen tot nu toe! Wees de eerste om dit bericht te beoordelen.

Het spijt ons dat dit bericht niet nuttig was voor jou!

Laten we dit bericht verbeteren!

Vertel ons hoe we dit bericht kunnen verbeteren?

Matt Jackson

E-commerce SEO-specialist, met meer dan 8 jaar fulltime ervaring in het analyseren en repareren van websites voor online winkelen. Praktische ervaring met Shopify, Wordpress, Opencart, Magento en andere CMS.
Hulp nodig? E-mail mij voor meer info op [e-mail beveiligd]

Dit bericht heeft 0 reacties

Laat een reactie achter

Je e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *