Hur man gör en mobil webbplats

Hur man gör en mobil webbplats

Att ha en mobiloptimerad webbplats brukade betraktas som ett trevligt inslag i webbdesign, men nu är det viktigt. Faktum är att konsumenterna är så vana vid mobila webbplatser (lätta att navigera på en liten skärm och med snabba laddningstider) att de snabbt lämnar en webbplats om den inte fungerar bra på mobilen.

Om du har en webbplats för ditt företag har du gång på gång hört hur viktiga mobila kunder kan vara. Då frågar du dig förmodligen: ”Är min webbplats mobilanpassad?”

Om du använder Jimmos mobila webbplatsbyggare finns det goda nyheter. Din webbplats kommer automatiskt att vara mobilanpassad, vilket är den gyllene standarden för mobilvänlig webbdesign. Jimdos mallar för mobila webbplatser anpassas automatiskt till alla skärmstorlekar, utan att du behöver göra något särskilt.

Och om du undrar vad du kan göra mer för att skapa den bästa mobila webbplatsen, eller om du är nyfiken på fördelarna med mobilanpassad webbdesign överhuvudtaget, kan du läsa vidare när vi går igenom några mobiltips.

Varför är en mobilanpassad webbplats så viktig?

Många människor använder mobilen: Användning av mobila webbplatser (med andra ord användning av en webbplats på språng från en smartphone eller surfplatta) har ökat i flera år. År 2015 meddelade Google att för första gången i historien sökte fler människor från mobila enheter än från stationära eller bärbara datorer.

Att vara mobilanpassad hjälper din Google-ranking: Det finns en tydlig SEO-fördel med att ha en mobiloptimerad webbplats, eftersom Google prioriterar mobiloptimerade webbplatser i sökresultaten för smartphones. Det betyder att om någon söker efter ”pizza” från sin mobiltelefon är det troligare att Google visar den personen mobiloptimerade webbplatser i närheten av dem i sökresultaten.

Mobilkunder tenderar att vara lokala och redo att köpa: Personer som besöker din webbplats via en mobil enhet är ofta mer lokala och mer benägna att göra ett köp eftersom de är på språng. Om du söker efter ”pizza” från din mobiltelefon är det förmodligen för att du vill ha pizza just nu och för att du vill ha pizza som finns i närheten av dig. Även om det fortfarande är vanligt att kunder använder en dator för att göra efterforskningar, läsa recensioner och fatta beslut om större inköp, är mobila konsumenter mer inriktade på att ta kontakt och vidta åtgärder just i detta ögonblick, vilket är anledningen till att lokal sökoptimering är så viktig. En mobilanpassad webbplats kan hjälpa dem att göra just det, vilket kan översättas till fler lokala affärer för dig.

Vad är en responsiv webbplats?

Om du någon gång har besökt en webbplats på din mobiltelefon och funnit dig själv skelande för att läsa texten, eller hela tiden zooma in och ut för att se allting, så vet du säkert hur det är att besöka en mobil ”ovänlig” webbplats. Frustrerande.

Det är därför vi rekommenderar att man använder responsiv design. En responsiv webbplats anpassar sig automatiskt till den typ av enhet som dina besökare använder genom att ändra upplösning, bildstorlek, menyer med mera så att de är meningsfulla på olika skärmstorlekar.

Med en responsiv webbplats behöver du inte bygga en separat webbplats enbart för mobila enheter eller en separat mobil landningssida – alla dina användare kan samexistera lyckligt med samma responsiva webbplats.

Hur man gör en webbplats mobilanpassad

Det finns några andra enkla åtgärder som du kan vidta för att förbättra din webbplats på mobiltelefoner och surfplattor.

Tips för de bästa mobila webbplatserna:

1. Se till att dina sidor laddas snabbt: Mobilanvändare använder sannolikt en långsammare internetuppkoppling, så det är desto viktigare att din webbplats laddas snabbt och inte tar upp deras dataplan. Det finns kostnadsfria verktyg som du kan använda för att testa din sidhastighet, och de ger dig rekommendationer om vad du kan göra för att göra saker och ting snabbare. Du kan till exempel krympa mycket stora bilder (se nedan), ta bort onödiga plugins eller popup-fönster som saktar ner och minska antalet URL-omdirigeringar som du använder.
2. Ändra storlek och optimera dina bilder och din logotyp: Är bilderna och logotypen på din webbplats mycket större än vad du egentligen behöver? Fotografier från webbplatser med lagerfotografier och till och med foton tagna med en bra digitalkamera kan till exempel ha enorma filstorlekar (över 1 MB) – och det kan göra din webbplats långsammare. Den goda nyheten är att du kan ”komprimera” dem utan att förlora kvaliteten, med hjälp av ett gratis verktyg som TinyPNG eller TinyJPG. Du kan också ändra ett fotos dimensioner för att göra det mindre (till exempel genom att göra det 800 pixlar brett i stället för 2000 pixlar brett). För fler tips och anvisningar om bilder, se vårt inlägg How to Optimize Website Images for Better Design and SEO.
3. Använd en enkel och kort navigeringsmeny: Om din webbplats har en komplex navigeringsmeny med många sidor och undersidor blir det svårare för mobila besökare att snabbt hitta det de behöver. På ett ännu mer praktiskt plan blir det svårt för dem att sikta och lyckas pricka rätt länk med fingret. Om du gör din navigeringsmeny kortare och enklare kommer det att vara till hjälp (och som en extra bonus kommer det att göra din webbplats enklare även för datorbesökare).
4. Skapa tydlig kontaktinformation: Eftersom mobilkunder förmodligen vill komma i kontakt med dig, se till att din hemsida inte kräver att du måste scrolla mycket och mycket för att komma till din kontaktinformation. Se också till att lägga in ett telefonnummer och en e-postadress som någon kan klicka på, eftersom det kan vara tidskrävande och irriterande att fylla i ett kontaktformulär på en mobiltelefon.
5. Visa det viktigaste innehållet först: Webbplatsbesökare vill hitta den information de behöver snabbt, och det gäller i ännu högre grad när de är på språng.
6. Använd stor text och knappar: Personer som använder mobila enheter behöver ännu större text och call-to-action-knappar än vad man kan förvänta sig för att kunna använda en webbplats på ett bekvämt sätt. Det bästa sättet att testa detta är att titta på din webbplats i de olika visningslägena. Då ser du hur din webbplats ser ut på olika skärmar, och du kan själv se hur allt ser ut. Ännu bättre är att be en vän eller släkting (eller någon som bär glasögon) att testa din webbplats åt dig och låta dig veta vad de tycker.
7. Använd inte Flash-animationer: Flash-effekter eller animationer fungerar inte på iPhones eller iPads, så en stor del av din publik kommer inte att kunna se vad som finns på din webbplats. Om du använder Jimdo har du tur: våra webbplatser använder alla det mer moderna HTML5, som är tillgängligt för alla typer av smartphones och surfplattor.

Högre vanliga misstag för mobila webbplatser

• Glömma att titta på din egen webbplats från en mobil enhet: Om du vanligtvis arbetar på din webbplats från datorn kan det vara svårt att komma ihåg att kolla den mobila vyn då och då. Men om du gör det kan det hjälpa dig att upptäcka små olägenheter som du kanske aldrig skulle märka från en bärbar dator.

• Ändlös rullning: Skona människors tummar! Försök att hålla dina webbsidor korta och kortfattade så att mobila besökare inte behöver scrolla och scrolla.
• Superdetaljerade infografiker: Infografiker är bra för webbplatser – men när infografiken krymper för att passa den mindre skärmen kan den bli omöjlig att läsa. Se till att testa det själv. Du kanske upptäcker att det är bäst att dela upp en stor infografik i mindre, separata grafiska element.
• För mycket text: Ett textavsnitt som ser normalt ut på en datorskärm kan framstå som krig och fred på en mobilskärm. Håll styckena korta och dela upp stora textblock med punkter, rubriker och bilder. Här finns fler tips om läsbar webbplatstext.
• Touchelement för nära varandra: Det finns inte mycket en person kan göra för att krympa sina fingrar – underlätta deras liv genom att sätta tillräckligt med utrymme mellan dina knappar och andra länkar så att folk inte råkar trycka på fel sak.
• Användning av Flash: Flash-effekter eller animationer fungerar inte på iPhones eller iPads, så en stor del av din publik kommer inte att kunna se vad som finns på din webbplats. Om du använder Jimdo har du tur: våra webbplatser använder alla det mer moderna HTML5, som är tillgängligt för alla typer av smartphones och surfplattor.
• Kräver att folk ska fylla i formulär: Låt oss vara ärliga; ingen vill fylla i ett webbformulär från en mobiltelefon. Om du behöver ett formulär, gör det så kort som möjligt. Eller ännu bättre, låt folk skicka informationen till dig på ett annat sätt, till exempel via e-post eller bara genom att ringa ditt telefonnummer.

Jimdo: Den bästa mobila webbplatsbyggaren

Jimdo är det enklaste sättet att bygga en mobilanpassad webbplats eller mobil landningssida. Med enkla byggblock, automatisk mobilanpassning och till och med möjligheten att redigera din webbplats på språng själv kan du vara säker på att din webbplats är mobilanpassad och perfekt för alla dina kunder.