Mobilanpassad hemsida
– Guide till varför du bör mobilanpassa hemsidan
Att surfa på nätet via mobil eller tablet istället för endast via dator blir allt vanligare i dagens digitala samhälle. Faktum är att inom vissa branscher genereras så mycket som 50% av trafiken via mobila enheter. Det är därför viktigare än någonsin att mobilanpassa hemsidan när du etablerar dig online för att konkurrera. I den här guiden hittar du allt du behöver veta för att anpassa din hemsida för mobila enheter.
Varför bör du mobilanpassa hemsidan? Detta är bara några av många anledningar:
- Din mobilanpassade hemsida är viktigare för din Google-rankning än desktopversionen.
- Genom en mobilanpassad hemsida förbättrar du din användarvänlighet, oavsett skärm och storlek.
- Geografiskt lokala Google-sökningar sker ofta från mobila enheter. Ta vara på det.
- Förenkla navigeringen på din hemsida.
För en bra Googlerankning – Mobilanpassad hemsida
Från och mars 2018 är en av de mest avgörande faktorerna för en hemsidas Google-rankning om den är ordentligt mobilanpassad eller inte. Så för att synas ordentligt i sökresultaten på Google är det med andra ord oerhört viktigt att du kan erbjuda dina besökare en lika högkvalitativ hemsida och användarupplevelse, oavsett vilken enhet de använder sig av.
Mobila enheter står för hälften av trafiken

I de flesta branscher är så mycket som 50% av den totala trafiken genererad via mobila enheter, vilket säger en hel del om vikten av en mobilanpassad hemsida för att maximalt kunna ta vara på möjligheterna och potentialen online. I vissa branscher är siffran till och med så hög som 80%. Det betyder att du riskerar att gå miste om väldigt mycket trafik och konverteringar, det vill säga omvandling från besökare till potentiell kund eller kontakt, om du inte kan erbjuda en mobilanpassad hemsida. Detta eftersom besökare statistiskt sett tenderar att lämna en hemsida snabbt om den inte är tillräckligt användarvänlig även för mobila enheter.
Förbättra din hemsidas användarvänlighet
En annan viktig del av en mobilanpassad hemsida är hur responsiv den är, vilket syftar på hur sidan skalanpassar sig till olika storlekar på skärmar. Detta gäller dels mellan olika typer av skärmar men också att din hemsida exempelvis ser lika bra och högkvalitativ ut om den visas på en datorskärm på 13 tum som om den visas på en som är 40 tum stor. På det här sättet genererar du en längre vistelsetid på sidan för dina besökare och därmed också bättre konverteringsgrad.
Lokala sökningar på Google sker ofta via mobila enheter

Det är genom studier framtaget att så mycket som 94% av alla geografiskt lokala sökningar när människor är i rörelse sker via mobila enheter. Enligt resultat av Google-studier från 2016 besöker dessutom hela 76% av människor som genomfört en lokal sökning via sin telefon en verksamhet inom ett dygn och 28% av sökningarna resulterar i köpkonverteringar. Det finns alltså statistiskt sett en mycket stor lönsamhet i online marknadsföring och en mobilanpassad hemsida.
Snabbhetens roll för en mobilanpassad hemsida
För varje sekund extra som en hemsida laddar är risken att ungefär 20-30% av dina besökare som surfar via mobila enheter lämnar sidan och söker sig vidare till andra alternativ. Att kunna erbjuda snabbhet och bra laddningshastighet på nätet är därför minst lika viktigt som att din hemsida är mobilanpassad och responsiv. Se till att ditt webbhotell erbjuder laddningshastigheter för de olika mobilnäten som 3G, 4G och 5G samt optimera din hemsida så att dina filer inte gör den långsammare. Detta gör du enklast genom att komprimera dina bilder och videoklipp, vilket kan göras gratis via sidor som till exempel Optimizilla.
Vill du veta hur din hemsida står sig när det gäller hastighet? Här kan du testa gratis:
Mobilanpassad hemsida – https://testmysite.withgoogle.com/
Desktop hemsida – https://tools.pingdom.com/
Är din hemsida mobilanpassad? Testa!
Om du är osäker på hur pass mobilanpassad hemsida du egentligen erbjuder dina besökare kan du enkelt testa den via https://search.google.com/test/mobile-friendly. Detta är ett bra sätt att upptäcka om det är något du behöver ändra eller förbättra. Testet är dessutom helt gratis!
Använd dig av lättlästa typsnitt på din hemsida
Detta kan låta lite självklart men kan faktiskt också vara lätt att glömma. För att skala bra med alla typer av skärmar och bidra till en högkvalitativ mobilanpassning behöver typsnitten som används på din hemsida vara lättlästa och gärna av typen Sans serif, det vill säga enkla typsnitt som inte innefattar seriffer, eller ”fötter”. Detta eftersom serif-typsnitt tenderar att bli svårlästa på grund av skärmstorlek och reflektioner. Använd dig därför endast av lättlästa typsnitt och se till att din teckensnittsstorlek på din mobila version är 1 till 2 storlekar större än din desktop-version.
Dela upp din text i kortare stycken
Det är krävande och jobbigt att läsa textstycken som är för långa på mobilen. Detta eftersom skärmen är mindre vilket gör flytet i läsningen sämre än på exempelvis en datorskärm och man riskerar att lätt tappa bort sig. Se därför till att dela upp din text i flera, kortare stycken istället när du ska mobilanpassa hemsidan. Tre till fyra meningar per stycke brukar vara en bra gräns att arbeta med. Eftersom människor i regel har ett kortare intressespann när de surfar via telefonen kan det också vara en bra idé att även inkludera visuella moment som bild eller video för att hålla uppe dina besökares intresse.
Lättnavigerad, mobilanpassad hemsida
En viktig del av att mobilanpassa hemsidan är att se till att den är lättnavigerad när det gäller layouten och strukturen. Dina besökare ska helt enkelt snabbt och enkelt kunna hitta vad de behöver i dina menyer eller utföra önskade handlingar på din sida.
Om du bedriver e-handel är det exempelvis en bra tumregel att dina besökare aldrig ska vara mer än två klick bort från det de söker efter. Det är därför en god idé att se till att din meny för mobilversionen är responsiv och ”sticky”, det vill säga att den alltid finns tillgänglig på skärmen, även när besökaren scrollar nedåt. Det är också viktigt att se till att dina besökare enkelt kan hitta det de söker, framförallt om du har ett stort utbud av produkter. En bra lösning för detta är att erbjuda filterfunktioner för deras sökningar så att de snabbt kan sålla bort irrelevanta sökresultat.
Om du arbetar i WordPress – Använd ett mobilanpassat tema
Om du har byggt din hemsida i WordPress är det en bra idé att använda dig av ett tema som är mobilanpassat från start. Detta erbjuds även för vissa andra CMS-plattformar. På det här sättet ser du snabbt och enkelt till att din hemsida fungerar lika bra oavsett vart och hur den besöks och dessutom passar Googles algoritmer som prioriterar mobilanpassade hemsidor på ett bra sätt. Mobilanpassa hemsidan redan idag!