En dag öppnade du din egen hemsida i mobilen och fick en klump i magen: texten sticker ut över kanten, sidan glider åt sidan när du drar med fingret, menyn öppnas inte och du måste trycka tre gånger för att ens ringa det egna telefonnumret. Om du har sökt efter "min hemsida ser trasig ut i mobilen" är du inte ensam. Det är ett mycket vanligt problem, och oftast inte lika skrämmande som det känns. I den här artikeln förklarar jag varför en sida glider, sticker ut eller blir oläslig, hur du kollar själv utan tekniska kunskaper och när det är dags att anlita en expert. Jag heter Ümit Kırkoç och är webbdesigner och SEO-konsult. Jag arbetar ensam från Istanbul. Om din sajt behöver byggas om från grunden förklarar jag på sidan om att bygga hemsida vad jag gör och var mina gränser går.
Först en sak: i dag kommer en betydande del av besökarna ofta från mobilen i stället för datorn, och din egen besöksstatistik visar hur stor den delen är hos dig. Om du själv oftast tittar på sajten på en dator är det helt naturligt att du inte har märkt felet. Men dina kunder märker det, och de säger sällan något. De försvinner tyst. Därför har jag skrivit den här texten för någon som aldrig har behövt tänka på ordet "mobilanpassning".
Varför ser en hemsida trasig ut i mobilen?
En hemsida blir trasig i mobilen när den inte är byggd för att anpassa sig efter skärmens bredd. Den anpassningen kallas ofta "responsiv design". Förenklat betyder det att sidor som ligger bredvid varandra på en bred datorskärm läggs under varandra i mobilen, att texten får en storlek som ryms, och att knappar blir så stora att man kan trycka på dem med fingret.
Problemet kommer oftast från en av några få orsaker. Den första är att sajten är gammal. Sidor som byggdes för många år sedan togs ofta fram med enbart datorn i åtanke, och mobilen fanns inte med i planeringen. Den andra är att något har lagts till i efterhand ovanpå en färdig mall: ett bildspel, en tabell, en karta eller ett reklambanér kan förstöra resten av sidan. Den tredje är att den som la in innehållet gjorde det så att det såg bra ut på datorn, med bilder, tabeller eller text i fast bredd. Den fjärde är att sajten inte har uppdaterats och att gamla tillägg inte längre fungerar ihop med nya webbläsare.
Att börja laga utan att veta vad som är fel slösar bara tid. Därför ska du först sätta rätt namn på symptomet. Bilden nedan samlar de vanligaste felen i mobilen på ett ställe.
Känner du igen något av detta kan det finnas något liknande på din sajt. Felen är olika och varje fel har sin egen lösning, så jag går igenom dem ett i taget nedan.
Vad betyder olika sorters fel?
Det du ser i mobilen säger oftast något om var problemet kommer ifrån. En mekaniker kan ibland höra på ljudet vad som är fel på bilen, och på samma sätt kan jag ofta gå från symptom till orsak när jag tittar på en sajt. Tabellen nedan sammanfattar kopplingen på ett enkelt sätt.
Lägg märke till kolumnen "brådska". Alla fel gör inte lika stor skada. Om det inte går att trycka på telefonnumret förlorar du kunder direkt. En liten text längst ner på sidan som är för liten går att rätta till lite senare. När du ska bestämma i vilken ordning du lagar saker är den skillnaden mycket användbar.
Sidan glider i sidled
Om du drar sidan åt höger med fingret och hela vyn flyttar sig finns det något på sidan som är bredare än skärmen. Oftast är det en bild, en tabell, en videoruta eller ett avsnitt som är skrivet med fast bredd. För besökaren är det jobbigt, eftersom hen hela tiden måste byta riktning medan hen läser. Många stänger sajten redan här.
Text och bilder som sticker ut
Om texten klipps av vid kanten eller en bild bara syns till hälften har det elementets bredd inte anpassats efter skärmen. Rättningen är oftast en liten inställning, men om felet har spridit sig över sajten måste man gå igenom sidorna en i taget.
Text som är för liten att läsa
Om du måste zooma med två fingrar för att läsa är textstorleken inte rätt för mobilen. Det låter som en detalj, men det gör att kärnan i ditt budskap blir oläslig. Även ett kort och tydligt erbjudande hjälper inte om ingen kan läsa det. Då går kunden till en annan sajt i stället för att höra av sig.
Knappar som inte går att trycka på och menyn som inte öppnas
Sitter knapparna för tätt trycker man fel. Om menyn inte öppnas kommer kunden aldrig åt resten av sajten. Det beror ofta på en konflikt mellan tillägg eller mellan olika delar av programvaran, och då är det lite mer tekniskt att hitta orsaken.
Börja med att ta reda på hur stort problemet är
Alla trasiga sidor behöver inte samma lösning. Den viktigaste frågan är: syns felet på en enda sida eller nästan överallt på sajten? Ett fel på en sida kommer oftast från något som lagts till på just den sidan och är lätt att rätta. Ett fel som syns överallt kommer från själva designen och kräver en mer grundläggande lösning.
Använd schemat ovan som en första bedömning. Öppna tre eller fyra olika sidor i mobilen och se om felet är detsamma på alla. Det enkla testet räcker ofta för att du ska förstå om det går att lappa eller om sajten behöver byggas om.
Så kollar du själv i mobilen
För de här kontrollerna behöver du inga tekniska kunskaper. Du behöver bara din mobil och lite tålamod. Att testa på bara en mobil kan vara missvisande, eftersom telefoner har olika skärmstorlekar. Om det går, be någon i din närhet låna ut en mobil av ett annat märke och med en annan storlek.
Följ stegen i ordning och skriv ner det du hittar. Skärmbilder är till stor hjälp: de gör det lättare för dig att beskriva problemet och sparar tid när du skickar dem vidare till en expert. Glöm inte att skriva ner adressen till sidan du tog bilden på.
Det här bör du titta på
När du testar ska du inte bara fråga dig om det är trasigt eller inte. Prova i stället att göra det som din kund vill göra. En kund som kommer till din sajt vill oftast göra tre saker: förstå vad du gör, ta kontakt och avgöra om hen kan lita på dig. Du behöver pröva om hen kan göra alla tre i mobilen utan problem.
Kan du bocka av allt på listan har din sajt inget allvarligt mobilproblem. Om du inte kan bocka av några punkter ska du skriva ner vilka det är. Anteckningarna avgör vad som ska rättas först.
Två exempelscenarier
De två scenarierna nedan är helt hypotetiska. De beskriver inget verkligt företag eller någon verklig person. Syftet är att visa hur samma klagomål kan leda till två helt olika lösningar.
Scenario ett: glidning som beror på en enda del
Anta att en liten möbelverkstad har en hemsida. Den byggdes för några år sedan med en färdig mall och fungerar i stort sett bra i mobilen. Men en dag lade ägaren in en produkttabell med mått, material och leveranstider i sex kolumner bredvid varandra. På datorn ser tabellen fin ut. I mobilen glider hela sidan åt sidan, texten krymper och produktsidorna blir oläsliga.
I det här fallet behöver man inte bygga om sajten. Det räcker att tabellen visas i en ruta som går att skrolla i sidled, eller att kolumnerna läggs under varandra. Man tittar också på de andra sidorna som använder samma tabell och rättar dem på samma sätt. Det går snabbt, eftersom orsaken är en enda och känd.
Scenario två: hela sajten bygger på en gammal design
I det andra hypotetiska exemplet finns en konsultsajt som har sett likadan ut i många år. Den byggdes med datorn i tankarna och allt har fast bredd. När den öppnas i mobilen ser hela sidan pytteliten ut, man måste zooma hela tiden för att läsa och menyn öppnas aldrig. Ägaren har flera gånger sagt "vi borde rätta till lite saker", men efter varje lapp har något annat gått sönder.
Här är det bortkastad tid och pengar att lappa en bit i taget. Det är klokare att erkänna att grunden aldrig byggdes för mobilen och förbereda sidorna på nytt med en responsiv layout. Innehållet, alltså texter, foton och sidadresser, bevaras. Det är bara skelettet som bär upp dem som förnyas. Då bevaras också den synlighet i Google som sajten redan har.
Lappa eller bygga om?
Det här är frågan jag får oftast, och svaret beror på hur sajten ser ut. För att vara ärlig behöver inte varje trasig sajt byggas om. Den som säger det kan lura dig in i ett onödigt dyrt arbete. Men det omvända gäller också: att lägga lapp på lapp på en sajt som är trasig i grunden tröttar ut dig i längden.
Slutsatsen av jämförelsen är: är problemet begränsat är det rimligt att lappa, har det spridit sig över sajten är det rimligt att bygga om. För att veta vilket som passar dig räcker det att titta på sajten. Oftast kan jag efter en kort genomgång säga vilket som gäller.
Hur skadar en trasig mobilvisning din verksamhet?
Jag vill förklara det här utan överdrifter, eftersom det är lätt att sälja genom att skrämma. Jag anger inga siffror. Att påstå att din sajt förlorar ett visst antal besökare skulle inte stämma med de uppgifter jag har. Men jag kan beskriva logiken på ett enkelt sätt.
När en kund söker efter dig i mobilen har hen flera alternativ framför sig. Hen går in på din sajt, och om sidan glider eller texten är oläslig försöker de flesta inte en gång till. De går tillbaka och tittar på nästa företag i listan. Det är som en butik med en dörr som sitter fast: även om varorna därinne är bra kommer kunden inte in. Ju större felet är, desto fler personer kommer till din sajt men når aldrig fram till dig.
Tratten visar att en del människor lämnar i varje steg. Om mobilen har problem sker avhoppen i de första stegen, alltså innan de ens har lärt känna dig. Därför är mobilrättningen något som bör komma före annonspengar och nytt innehåll. Annars går de besökare du lockar hit till spillo.
Effekten i Google
Google tar hänsyn till hur sajter fungerar i mobilen när de visar sökresultat. Det framgår av Googles egna publikationer: användbarhet i mobilen är en av faktorerna som påverkar rankningen. Hur stor effekten är kan ingen säga säkert, och jag kan inte garantera någon placering. Det jag vet är att en sajt som inte går att använda i mobilen inte gör besökaren till kund, oavsett hur den rankas.
När två sajter står bredvid varandra i sökresultatet väljer folk den som har en tydlig beskrivning och som öppnas ordentligt när man trycker på den. Även om någon klickar, och sidan öppnas trasig i mobilen, går hen genast tillbaka, och då har sajten tappat en värdefull besökare.
Så går rättningen till steg för steg
Jag beskriver här kort vad jag gör när jag rättar ett mobilproblem. Processen kan bli kortare eller längre beroende på problemets storlek, men ordningen är alltid densamma.
Första steget är granskning och diagnos. Jag öppnar sajten i olika mobilstorlekar, noterar felen ett i taget och letar efter orsaken till vart och ett. I det skedet förklarar jag för dig i enkla ord vad som är fel och varför. Andra steget är beslutet: lappa eller bygga om? Det går vi igenom tillsammans, och jag säger öppet vad jag baserar rådet på. Tredje steget är själva rättningen. Först tas de fel som kostar flest kunder, alltså telefonnummer, meny och formulär. Fjärde steget är test. Varje rättad sida prövas på olika mobiler och i olika webbläsare. Femte steget är lansering och uppföljning. När rättningarna har publicerats följer jag sajten en tid, och om något nytt dyker upp åtgärdar jag det.
Den viktigaste punkten på tidslinjen är teststeget. En sida som ser bra ut på en mobil kan se trasig ut på en annan. Att prova på en enda enhet och säga "klart" är därför ett av de vanligaste misstagen.
Vilka sidor bör rättas först?
Du behöver inte ta hela sajten på en gång. De sidor där kunden oftast går in och fattar sitt beslut kommer först: startsidan, sidorna för tjänster eller produkter, kontaktsidan och eventuellt ett prisformulär eller en offertförfrågan. Bloggartiklar, gamla nyheter och sidor som sällan öppnas kan vänta. För att visa hur en sida bör vara upplagd i mobilen har jag gjort schemat nedan.
Ordningen är ingen regel utan en bra utgångspunkt. Eftersom skärmen är smal måste kunden i mobilen längst upp förstå vad du gör och kunna nå dig. En lång inledningstext eller ett stort bildspel fyller hela första skärmen och trycker undan den viktiga informationen.
Vanliga misstag när man lagar för mobilen
Jag har samlat de misstag jag oftast ser. Alla är vanliga och alla går att undvika.
Det första misstaget är att göra datorfönstret smalare och tro att man har testat mobilen. Det är användbart, men det visar inte hur en riktig mobil fungerar med fingrar, långsam uppkoppling och olika webbläsare. Det är nödvändigt att prova på en riktig telefon.
Det andra misstaget är att försöka lösa problemet med ett tillägg. Det finns färdiga tillägg som lovar att göra sajten mobilanpassad. Ibland fungerar de, ibland gör de sajten ännu rörigare. Dessutom gör varje tillägg sajten lite tyngre. Ett tillägg kan vara en lösning, men att installera ett utan att förstå orsaken är att lita på tur.
Det tredje misstaget är att ladda upp alldeles för stora bilder. En sajt som öppnas långsamt i mobilen räknas också som trasig, eftersom kunden inte väntar. Att förbereda bilderna i en storlek som passar mobilen förbättrar både hastighet och utseende.
Det fjärde misstaget är att efter rättningen bara titta på startsidan. Startsidan ser bra ut, men tjänstesidorna, kontaktformuläret och bloggartiklarna är fortfarande trasiga. Rättningslistan bör föras sida för sida.
Det femte misstaget är att glömma telefonnumret och andra kontaktvägar. Hela poängen med mobilrättningen är att kunden ska kunna nå dig. En sajt som ser fin ut men saknar ringknapp är bara halvgjord.
Det sjätte misstaget är att tappa de gamla sidadresserna när sajten byggs om. Om adresserna ändras när sajten förnyas kan den synlighet du redan har i Google skadas. Därför måste adresserna bevaras vid en ombyggnad, eller så måste rätt omdirigeringar sättas upp.
Vad kan du göra själv och när behövs en expert?
Vissa saker kan du göra själv, och de gör verklig skillnad. Öppna sajten i mobilen regelbundet, kontrollera varje ny sida i mobilen efter publicering, ladda inte upp för stora bilder och håll textformaten på sajten enkla. Undvik också tabeller och layouter med delar bredvid varandra när du lägger in text, eftersom de ställer till mest problem i mobilen.
I följande lägen är det däremot bättre att vända sig till en expert. Om felet syns på nästan varje sida du öppnar. Om grundläggande delar som meny eller formulär inte fungerar. Om dina rättningsförsök skapar nya problem. Om du misstänker att sajten är byggd i ett gammalt system som inte går att uppdatera. Det är också viktigt att ta en säkerhetskopia av sajten innan du börjar rätta. Saknas den kan en felaktig inställning göra att sajten slutar fungera, och då är det svårt att gå tillbaka.
En sak till: att kalla in en expert betyder inte alltid att du ska bygga om allt. En bra expert säger först vad som är fel och föreslår sedan den mest rimliga vägen. Hör du "vi bygger om direkt" i en offert ska du be om motiveringen.
Vad avgör kostnaden?
Jag anger inga belopp, eftersom varje sajt är olika och en siffra skulle vara missvisande. Men jag kan tala om vad som styr kostnaden.
Den första faktorn är problemets omfattning: att rätta en enda del eller att göra om hela layouten är helt olika mängd arbete. Den andra är antalet sidor, för en sajt med tio sidor och en med hundratals tar inte lika lång tid. Den tredje är vilket system sajten är byggd i. I ett aktuellt och ordnat system är rättningen enkel, i en gammal och specialskriven struktur är den svår. Den fjärde är extra önskemål, till exempel nytt formulär, snabbare laddning eller nya bilder och texter, som kräver extra arbete. Den femte är bråttom, för jobb som måste vara klara snabbt bedöms annorlunda i planeringen.
I en bra offert bör dessa poster stå skriftligt. Om det inte framgår vad som ingår och vad som inte ingår kan du få obehagliga överraskningar senare. Jag skriver mina offerter skriftligt och post för post.
Så arbetar jag med dig
Jag arbetar ensam, vilket betyder att den som tittar på din sajt, pratar med dig och gör rättningen är samma person. Det håller kommunikationen kort: när du beskriver problemet berättar du det direkt för den som ska göra jobbet, inte för en mellanhand. Priset för det är att min kapacitet är begränsad. Jag tar inte på mig många stora uppdrag samtidigt, så ibland kan du behöva ställa dig i kö.
Processen ser ut så här: först granskar jag din sajt i mobilen och skriver ner felen och deras troliga orsaker i enkelt språk. Sedan förklarar jag om jag rekommenderar att lappa eller bygga om, och varför. Offerten får du skriftligt och post för post. När du har godkänt den gör jag rättningen, testar på olika enheter och publicerar. Efter lanseringen följer jag sajten en tid, åtgärdar små problem som dyker upp och visar hur du håller sajten uppdaterad. Du äger alltid sajten och kontona. Jag garanterar varken placeringar eller försäljning. Det jag åtar mig är att göra en sajt som fungerar i mobilen och där dina kunder lätt kan nå dig.
Vanliga frågor
Min hemsida ser bra ut på datorn men trasig i mobilen. Varför?
Sajten kan sakna anpassning till olika skärmstorlekar. På en bred datorskärm döljs bristen, men i mobilen sticker delar med fast bredd ut utanför sidan. Ibland är det en tabell, en bild eller ett tillägg som lagts till i efterhand som förstör hela layouten.
Måste jag bygga om hela sajten för att rätta en sida som glider i mobilen?
Inte alltid. Om felet kommer från en enda del på en sida kan en liten rättning räcka. Om hela sajten är byggd med fast bredd för datorn är det sundare att göra om layouten. Vilket som gäller ser man när man tittar på sajten.
Hamnar en sajt som inte är mobilanpassad efter i Google?
Det är känt att Google tar hänsyn till användbarhet i mobilen, men ingen kan säga säkert hur stor effekten är, och därför lovar jag ingen placering. Det som är säkert är att en sajt som inte går att använda i mobilen inte gör besökaren till kund, oavsett om rankningen ändras eller inte.
Försvinner mitt innehåll och mina adresser när sajten mobilanpassas?
Inte om det görs rätt. Innehåll, texter, foton och sidadresser bevaras, och det är bara layouten som förnyas. Om adresser måste ändras sätts rätt omdirigeringar upp, så att din nuvarande synlighet i Google inte skadas.
Hur lång tid tar rättningen?
Tiden beror på problemets omfattning, antalet sidor och vilket system sajten är byggd i. Ett fel som kommer från en enda del löses snabbt, medan en omgörning av hela sajten tar längre tid. Efter granskningen ger jag dig en realistisk tidsram.
Kan jag lösa mobilproblemet med ett färdigt tillägg?
I vissa fall kan det ge en liten förbättring, men det är sällan en bestående lösning. Ett tillägg tar inte bort orsaken till felet. Det lägger ett lager ovanpå och skapar ibland nya problem. Det är tryggare att först förstå orsaken och sedan välja rätt lösning.
Jag är inte teknisk. Kan jag följa processen?
Ja. Jag förklarar fel, orsaker och arbete utan facktermer, och om jag måste använda en term förklarar jag den med en mening. Det jag ber dig om är att prova sajten i mobilen och skicka skärmbilder på det du upptäcker.
Vem uppdaterar sajten efter rättningen?
Du äger sajten. När du lägger in en ny text eller sida berättar jag vad du bör tänka på så att det nya innehållet inte går sönder i mobilen igen. Om du vill kan jag titta på den senare också, men det är inte ett krav.
Vill du att vi tillsammans reder ut varför din sajt blir trasig i mobilen och vad som är den mest rimliga lösningen kan du skriva eller ringa till mig via sidan om att bygga hemsida. Jag tittar på din sajt och förklarar i enkla ord vad som behöver göras.