Hur du gör din hemsida mobilvänlig

Hur du gör din hemsida mobilvänlig

Shira Stieglitz
Shira Stieglitz
03 Oktober 2018
48

Om du hade lyssnat på sådana som David Platt, Seth Porges, Steve Ballmer och andra nejsägare för ungefär tio år sedan hade du inte heller trott att de smarta telefonerna skulle bli en grej. Men det kan man lugnt säga att de blev!

Enligt TIME tittar amerikaner totalt sett på sina telefoner 8 MILJARDER gånger per dag. Det innebär att den genomsnittliga kunden kollar på sin telefon ungefär en gång var 12:e minut, eller ungefär 80 gånger per dag.

Detta är inte bara fascinerande, det faktiskt helt galet. Men som företagare är det även en värdefull insikt i hur din kundbas fungerar, och det bör fungera som motivation för dig att optimera din hemsida så att den vänder sig till dina kunder på ett så bra sätt som möjligt. Vi pratar då om att göra den mobilvänlig, så att dina kunder kan hitta och använda sig av din hemsida från sina mobiler.

Här är ett par sätt som du kan testa för att göra din hemsida mer mobilvänlig, så att dina kunder återvänder till din sida om och om igen.

En snabbtitt på siffrorna

Först är det viktigt att vi förstår vikten av att ha en mobilvänlig hemsida. Om vi tittar på statistik från OuterBox blir det hela väldigt tydligt:

  • 62% av mobilanvändare använde sina telefoner för att köpa saker under de senaste sex månaderna.
  • 80% av alla kunder använde sina mobila enheter för att jämföra produkter, hitta butiker eller lära sig mer om en produkt.
  • Mer än 33% av all e-handel gjordes via en telefon under 2015 års julhandel.
  • 57% av alla användare hade inte rekommenderat ett företag om de hade en dålig mobil hemsida.
  • 61% av alla användare hade inte återvänt till en hemsida om den var svår att använda på mobilen.

Vi hade kunnat fortsätta lista statistik hela dagen, men poängen har antagligen gått fram. Mobil e-handel är framtiden och om du inte hänger med så kommer du antagligen missa tåget. Som tur är har vi ett par proffstips för att hjälpa dig att snabbt komma ikapp i mobilsvängen.

Hur du gör din hemsida mobilvänlig

Var responsiv

Precis som hur våra vänner, familjemedlemmar och kollegor vill att vi ska vara responsiva gäller samma sak för de som besöker din hemsida. Om det låter lite förvirrande så kommer här förklaringen. En responsiv hemsida är en hemsida som hela tiden har i åtanke vilken enhet du använder när du besöker hemsidan. En sådan hemsida ändrar automatiskt hemsidans storlek, formatering och layout för att passa den skärm som du använder. Responsiv design ser till så att viktig marknadsföring, iögonfallande ikoner och noggrant utvalda beståndsdelar inte går förlorade på grund av olika skärmstorlekar.

Tänk på helhetsbilden

Vi är visuella varelser, vilket är varför bilder är så viktiga när det kommer till webbdesign. Faktum är att Hubspot har visat att 37% av alla som jobbar inom marknadsföring säger att det visuella är det viktigaste innehåller för alla företag, och 74% sa att bilder är viktigare än blogginlägg och videos. Med andra ord är bilder viktiga, så se till så att dina bilder säljer dina produkter. Använd endast högupplösta bilder för att undvika fula, pixliga bilder.

Undvik zoom

Hur mycket hatar du när du hamnar på en hemsida och bara ser suddig text som du inte ens kan läsa om du hade skelat som din farmor? De flesta hade blivit frustrerade, så detta är något du måste undvika när du skapar din mobilvänliga hemsida. Välj istället ett typsnitt och en textstorlek som enkelt kan läsas på alla enheter. Experterna rekommenderar runt storlek 14 för text och 44×44 för knappar.

mobile_frendly1

Hitta en hemsidebyggare som erbjuder dig alternativ för mobilvänliga hemsidor

Har du svårt att hinna med allt? Tanken på att hantera marknadsföring, lager, CRM, webbdesign, PR och mobiloptimering kan låta som för mycket jobb. Därför är det dags att du tar hjälp. Hitta en bra hemsidebyggare som även erbjuder mobilvänliga alternativ i deras abonnemang. Det är faktiskt inte så svårt att hitta. Faktum är att de bästa hemsidebyggarna ger dig mobiloptimering. Här är ett par av de tjänster du kan välja:

  • Wix: Wix har ett fantastiskt mobilverktyg som omedelbart låter dig ändra designdelar på mobila enheter.
  • SimpleSite: Denna hemsidebyggare låter dig skapa responsiva, mobiloptimerade bloggar.
  • Site123: Site123 har responsiva mallar, ett läge där du kan förhandsgranska för mobiler och möjligheten att ändra text, bilder och innehåll utan att använda ett separat verktyg.
  • Wordpress: WordPress erbjuder i princip ett obegränsat antal appar och plugins som du kan använda för att skapa en fantastisk mobilvänlig hemsida.
  • Weebly: Weebly har en komplett mobil hemsidebyggare, responsiva mallar och enkla dra-och-släpp-verktyg som du kan använda för att skapa en vacker mobildesign på bara ett par minuter.

Erbjud alternativ

Medan det är viktigt att mobiloptimera vill du inte heller ta bort möjligheten för dina besökare att använda din hemsida från sina datorer. Medan de flesta vill ha en mobilvänlig hemsida finns det fortfarande många som fortfarande föredrar att använda din sida via en mer bekant datorversion. För dessa kan du inkludera en länk som skickar dem till din hemsida i datorläge. På så sätt kan de som vill använda sidan i mobilläge göra det, och de som inte vill kan besöka sidan på samma sätt som de alltid gjort. Valmöjligheter är alltid bra!

Strunt i Flash

Flash har blivit old-school. Det är långsamt, saknar stöd för Android- och iOS-enheter, och många webbläsare gillar helt enkelt inte Flash. För att fatta mig kort: strunt i Flash.

Testa, testa, testa

Att testa sig fram är den bästa metoden för att gå i dina besökares skor. Ta fram din hemsida på ett antal olika mobila enheter och se samma sak som dina kunder ser. Om det inte ser bra ut, fixa det!

Dags att mobilisera dina styrkor med mobilvänlig design

E-handel har blivit mobil, och det finns ingen återvändo. Det är viktigt att du hänger med på tåget så att du fortfarande är med i matchen om ett par år. De goda nyheterna är att det är ganska enkelt att skapa en vacker och responsiv hemsida som även vänder sig till dina mobila besökare.

 


TIME: http://time.com/4147614/smartphone-usage-us-2015/

OuterBox: https://www.outerboxdesign.com/web-design-articles/mobile-ecommerce-statistics

Hubspot: https://blog.hubspot.com/marketing/visual-content-marketing-strategy

 


BILDER

Responsiv hemsida: https://clicktecs.com/responsive-website-design/

Mobilvänlig hemsida: https://www.wix.com/blog/photography/2017/03/20/how-to-make-your-photography-website-mobile-friendly/

48 applåder
Applådera inlägget om du tycker att det är hjälpsamt!

Några kommentarer?

0 av lägsta 100 tecken
Obligatoriskt fält Maximal length of comment is equal 80000 chars Kommentarens minimilängd är lika med 100 tecken

Ta din skicklighet till nästa nivå med bara ett mail i månaden

Registrera dig nu!

Vi kontrollerar alla användarkommentarer inom 48 timmar för att se till att de är från riktiga människor som du. Vi är glada över att du tyckte att den här artikeln var användbar - vi skulle uppskatta om du låter fler personer veta om den.

Dela det här blogginlägget med vänner och medarbetare nu:

We check all comments within 48 hours to make sure they're from real users like you. In the meantime, you can share your comment with others to let more people know what you think.

En gång i månaden får du intressanta och insiktsfulla tips, knep och råd för att förbättra din hemsidas prestanda och nå dina digitala marknadsföringsmål!

So happy you liked it!

Share it with your friends!

© 2019 WebsitePlanet.com. Alla rättigheter förbehållna.