Anpassning av webbplatsen för mobila enheter: en komplett guide

Du vet helt bra varför du behöver anpassa webbplatsen för mobiltrafik, eller hur? Det finns en annan anledning till dig: Google kommer snart att markera mobilvänliga ikoner på bildskärmsidan med mobilvänliga ikoner för visning på små skärmar av smartphones och surfplattor. Ikonen i sig betyder ingenting. Det är det som är viktigt: dess ägare kommer att få trafikplatser som inte är anpassade för mobila prylar.

Vill du vinna i den ständiga kampen för närvaro? Då behöver du en komplett guide till anpassningen av webbplatser för mobiltrafik.

Vad händer om du ignorerar de mobila användarnas intressen

Enligt comScore, i januari 2014, översteg andelen mobiltrafik i Förenta staterna för första gången andelen besökbesök från stationära datorer. Enligt Kokoc-gruppen är situationen i Ryssland annorlunda: från mitten av 2014 besökte cirka 80% av användarna webbplatser med stationära datorer, inklusive bärbara datorer. Men i Runet är det en uttalad uppåtgående trend i mobiltrafik. Var uppmärksam på schemat för användningen av operativsystem av hushållsanvändare.

Ökningen i frekvensen av att använda Android OS är imponerande, eller hur? Förresten kan du snabbt bestämma andelen mobilanvändare på din webbplats med hjälp av Google Analytics. För detta:

  • Välj menyn "Målgruppsöversikt" och använd alternativet "Lägg till segment".
  • På sidan som öppnas markerar du rutan bredvid alternativen "Trafik från mobila enheter", "Trafik från surfplattor" och "Trafik från smartphones och surfplattor". Klicka på "Apply."
  • I avsnittet "Målgruppsgranskning", uppskatta andelen av total mobiltrafik, liksom andel av trafik per enhetstyp.
Se även: Checklista över frågor för att granska mobilversionen av webbplatsen

Sökmotorer kan inte ignorera de mobila användarnas intressen. Därför kommer de att beröva dig trafik om du inte gör webbplatsen bekväm för användning med hjälp av Tablet PC och smartphones. Du kommer att förlora många användare för alltid: Forskning från Equation Research visar att 46% av användarna aldrig återvänder till webbplatsen om den första erfarenheten av att besöka den med en mobil gadget misslyckades. Slutligen kommer effektiviteten av din resurs att ständigt falla: befintliga användare kommer inte att kunna delta i diskussioner, lägga beställningar, prenumerera på nyhetsbrevet och utföra andra åtgärder om de använder en smartphone eller surfplatta.

Gillar inte detta perspektiv? Anpassa sedan webbplatsen för mobiltrafik.

Vad ska man sträva efter: tecken på en mobilvänlig resurs

När du anger en webbplats ovänlig för mobila användare med en smartphone, inser du omedelbart detta. Och vilka objektiva egenskaper motsvarar en resurs anpassad för små skärmar? De är listade nedan:

  • Webbplatsen laddar snabbt. Det finns inga "tunga" foton, flash, onödiga grafiska designelement.
  • Enkel och enkel navigering. Resurser anpassade till mobiltrafik bör bara ha vertikal rullning, en bekväm sökmodul, Navigationsmenyn Hem, Upp och Bak. Alternativet att ringa från webbplatsen bör också vara tillgängligt. Minst måste användaren se telefonnumret i resursrubriken.
  • Menyalternativ och formulär ska vara enkla att använda. Användaren ska kunna klicka enkelt på den valda länken med fingret eller välja önskad kontroll.
  • Innehåll på webbplatsen bör vara läsbar. Användaren bör inte vidta ytterligare åtgärder för att läsa texten.
  • Möjligheten att övergå till den fullständiga versionen av webbplatsen. Resursen bör inte vara tvungen att omdirigera besökare till huvudsidan i mobilversionen, om de försöker se den inre sidan i den fullständiga versionen med en smartphone eller surfplatta.
  • Funktionalitet och förmåga att utföra konverteringsåtgärder. Mobil besökare borde inte ha problem med att beställa, prenumerera på nyhetsbrevet, ladda ner dokument etc.

Hur uppnås detta i praktiken? Läs vidare.

Steg 1: Se till att du använder mobilvänlig design.

Öppna din webbplats med en smartphone eller surfplatta och njut av bekvämligheten med användningen. Om du inte har tillgång till en mobil gadget, använd Screenfly-verktyget. Det låter dig utvärdera utseendet på webbplatsen på skärmarna på olika enheter. Ange bara adressen till resursen i adressfältet och välj gadgeten i den horisontella menyn.

Om du ser att webbplatsen behöver anpassas för mobiltrafik, måste du välja ett av två alternativ: skapa en mobilversion av webbplatsen eller användningen av responsiv design.

Mobilversion av webbplatsen

Mobilversion av webbplatsen är ett val för ägare av onlinebutiker, webbtjänster, stora webbplatser. Du kan kontakta webbutvecklare och be om hjälp. Om du använder WordPress har du möjlighet att skapa en mobilversion av webbplatsen själv med några få klick. För att göra detta kan du använda plugin-programmen:

  • WPtouch Pro. Har betalat USD 49 en gång, kan du välja en av de föreslagna mobiltema för WordPress och använda den hela tiden.
  • DudaMobile. Den grundläggande funktionaliteten för denna plugin finns tillgänglig gratis. Om du betalar USD 159 åt gången får du tillgång till avancerade funktioner och support.
  • WP Mobile Edition. Det här pluginet upptäcker automatiskt egenskaperna hos en mobil gadget och visar lämplig mobilversion av webbplatsen för besökaren.

Du kan självständigt hitta plugin-moduler som gör att du snabbt kan anpassa resurser till Joomla, Drupal och andra populära CMS till mobiltrafik.

Se även: 14 coola chips från de 11 bästa mobila platserna

Adaptiv design

Responsiv design säkerställer korrekt visning av webbplatsen på skärmarna av prylar med olika skärmstorlekar. Du kan kontakta webbutvecklare eller installera mallar med responsiv layout för populära "motorer".

Två fördelar med adaptiv design över den mobila versionen av webbplatsen förtjänar speciellt omnämnande. Först rekommenderar Google sig själva användningen av responsiv layout. För det andra kan denna anpassningsmetod för mobiltrafik spara en enda webbdesign när den visas på skärmen för någon gadget.

Responsive WordPress mallar finns på Wordpress.org.

Steg 2: Byt länken på knapparna.

När ägare av mobila prylar kommer på oanpassade platser utvecklar de omedelbart det så kallade syndromet av tjocka fingrar. Rush inte för att öppna medicinska referensböcker, denna slang term är inte relaterad till sjukdomar. Usabilityists använder detta syndrom för att beskriva fel som uppstår när en användare försöker klicka på en länk eller navigationsobjekt.

Vilken storlek ska en knapp eller ett navigationselement ha för en mobilanvändare att använda den framgångsrikt? Fokusera på följande rekommendationer:

  • Apple rekommenderar att gränssnittsutvecklare för smartphones skapar knappar och navigeringselement med en minsta storlek på 44 med 44 pixlar.
  • Nokia anser att minsta storleken på kontrollen är 48 x 48 pixlar eller 0,7 med 0,7 cm.
  • Microsoft anser att den optimala knappstorleken är 34 gånger 34 pixlar.

Observera att mobila gadgetägare inte kan använda webbplatsen bekvämt om det finns för många länkar i texten som ligger nära varandra.

Hur man skapar mobilvänliga knappar och navigationselement

Du kan beställa funktionsknappar med individuell design eller använda mallverktyg. Om du använder WordPress, notera följande plugins:

  • Standout Färglådor och Knappar. Med denna plugin kan du skapa bekväma knappar av olika storlekar och färger. Det låter dig också skapa en snabbmeny anpassad för mobila användare.
  • Responsive Menu. Med denna plugin kan du göra en bekväm hamburger-meny.
Se även: Topp 10 webbplatser med responsiv layout

Steg 3: Se till att du använder lämpliga formulär.

Vad är mobiltrafik för? Rätt att konvertera till abonnemang, produktorder etc. Webbplatsägare använder ofta olika former som omvandlingselement. Tänk vad som händer om formulären inte är anpassade att fyllas i på en mobil gadget.

Hur kontrolleras huruvida formulär på din webbplats är anpassade för mobiltrafik? Det är väldigt enkelt: gå till webbplatsen med en smartphone eller surfplatta och försök fylla i formuläret. Om du måste öka formuläret kan du inte förstå vilka data du behöver ange i ett visst fält, då formuläret inte är lämpligt för en mobil webbplats.

Du kan beställa utvecklingen av bekväma formulär för en mobil webbplats, samt använda malllösningar för populära CMS.

  • SumoMe. Gratis plugin som gör att du kan skapa bekväma mobilformulär.
  • OptinMonster. Betald plugin för att skapa mobilformulär.
  • Clickbank. Denna tjänst kommer att behöva ägarna av onlinebutiker. Det låter dig "knyta" till den plats som är anpassad till mobilkurvan för bearbetning och betalt för beställningar.
  • Gumroad. En annan tjänst för behandling och betalning av beställningar, vänlig för mobila användare.
  • Authorize.net. Service för att ta emot betalningar från mobila webbplatser.

Steg 4: Erbjud användare Läsbart innehåll

Användare av mobila prylar med små skärmar går ofta online för att lösa ett specifikt problem: Jämför produktpriserna i olika butiker, hitta säljarens kontaktuppgifter, läs instruktionerna för att använda medicinen. De kommer till din webbplats tack vare en tydlig och attraktiv rubrik. På platsen måste de hitta innehåll anpassat för läsning från en liten skärm.

På engelska finns ordet snackable (från engelska. "Snack" - en aptitretare). Innehåll för mobila användare ska vara snackbart: bekvämt för snabb läsning eller till och med ytskanning på farten.

Bekvämt att läsa från ett mobilt skärminnehåll uppfyller följande egenskaper:

  • Det börjar med en kort, informativ och fängslande rubrik. Fokusera på längden på 10 ord. Titeln ska vara i stort tryck.
  • Texten bör kombineras i sektioner, som alla börjar med en kort, informativ och provocerande textning. Subheads bör visuellt sticka ut från texten.
  • Texten ska numreras eller punktlistor. De hjälper mobila användare att snabbt få kritisk information.
  • Texten ska vara visuellt innehåll. Det strukturerar dessutom texten och underlättar dess uppfattning.

Steg 5: Anpassa e-postmeddelanden från en liten skärm.

E-post kan anpassas för att läsa från skärmarna för mobila prylar med följande postverktyg:

  • MailChimp.
  • AWeber.
  • Konstant kontakt.

Välja en posttjänst, se till att du har gjort allt för att läsa dina brev.

Delta i mobilutvecklingen och förlora inte trafik.

Internet blir långsamt men säkert mobilt. Darwin fann också att de mest anpassade arterna överlever i utvecklingsprocessen. Om du vill vinna tävlingen om trafik har du bara ett val: att anpassa webbplatsen för att läsa från skärmarna på mobila prylar.

Du kan beställa en adaptiv layout av webbplatsen i vår byrå. Alla detaljer läser länken.

Loading...

Lämna Din Kommentar