Mobilanpassad hemsida – byggd för telefonen först

Vad betyder mobilanpassad?

En mobilanpassad hemsida är inte bara en datorsida som krymps ihop. Innehållet läggs om så att det går att läsa utan att zooma, menyn fälls ihop till en knapp och viktiga saker som telefonnummer, adress och kontaktformulär hamnar högt upp. Tekniskt kallas det responsiv design: samma sida, men layouten anpassar sig efter skärmens bredd.

För de flesta småföretag kommer en stor del av besöken från telefoner. Någon söker på en tjänst i bilen, på lunchen eller i soffan på kvällen. Om sidan då är svår att läsa eller laddar långsamt går besökaren tillbaka till sökresultatet och väljer nästa firma.

Tecken på att din nuvarande sida inte fungerar i mobilen

• Texten är så liten att du måste nypa för att zooma in.
• Du behöver scrolla i sidled för att se hela sidan.
• Knappar och länkar ligger så tätt att du trycker fel.
• Bilderna tar flera sekunder att dyka upp på 4G.
• Kontaktformuläret är krångligt att fylla i med tangentbordet på skärmen.
• Telefonnummer eller adress går inte att trycka på för att ringa eller öppna kartan.

Känner du igen två eller fler av punkterna är det oftast enklare att bygga en ny sida än att lappa den gamla. Läs mer om hur vi bygger om en befintlig hemsida om du vill behålla adressen och innehållet.

Så bygger vi mobil först

Mobil först betyder att vi ritar varje sida för en smal skärm innan vi tänker på datorn. Det tvingar fram prioriteringar: vad måste besökaren se på första skärmen, och vad kan ligga längre ner? När mobilversionen fungerar breddar vi ut layouten för surfplatta och dator.

Snabbhet är en del av mobilanpassningen

En sida kan se rätt ut i mobilen men ändå vara för tung. Stora bilder, många typsnitt och onödiga skript gör att sidan laddar långsamt, särskilt utanför stan där täckningen är sämre. Vi håller sidorna lätta: få typsnitt, komprimerade bilder och ingen kod som inte behövs. Det gör också att Google lättare förstår och visar sidan, vilket du kan läsa mer om under SEO-anpassad hemsida.

Vanliga misstag i mobilversionen

Många sidor kallas mobilanpassade men är det bara till hälften. Layouten flyttar sig rätt, men detaljerna gör sidan jobbig att använda. Det här är felen vi oftast ser när vi går igenom äldre sidor:

• Popup-rutor som täcker hela skärmen och är svåra att stänga.
• Bildspel högst upp som tar halva skärmen men inte säger något om vad företaget gör.
• Texter i bilder, som blir oläsliga när bilden krymper.
• Tabeller och prislistor som sticker ut utanför skärmen.
• Formulär med tio fält där tre hade räckt.
• Kontaktknappen ligger längst ner på sidan, efter all annan text.

Alla de här sakerna går att undvika redan i planeringen. Därför bestämmer vi tillsammans med dig vad som ska synas först på mobilen innan vi börjar bygga: oftast vad du gör, var du finns och en knapp för att höra av sig. Prislistor gör vi som kort eller listor som läses uppifrån och ner, och formulären håller vi korta med bara de fält du verkligen behöver för att kunna svara.

Så går det till

1. 1Du fyller i offertformuläret och berättar om företaget och vad sidan ska göra.
2. 2Vi föreslår paket och sidstruktur och skickar ett fast pris.
3. 3Du skickar texter, logotyp och bilder. Saknas något hjälper vi till.
4. 4Vi bygger sidan och testar den på flera telefoner, surfplatta och dator.
5. 5Du granskar på din egen mobil, vi gör ändringarna och lanserar.

Vad ingår – och inte

Mobilanpassning ingår i alla tre paketen. Skillnaden mellan paketen är antal sidor och hur mycket vi hjälper till med text och synlighet.

Det som inte ingår är appar och webbshop. Behöver dina kunder kunna boka eller betala kan vi däremot koppla in en enkel bokningslänk eller betallänk. Drift kostar 199 kr/mån och omfattar hosting, SSL, säkerhetskopior och uppdateringar. Räkna fram ditt pris i priskalkylatorn.