Tips om hur du gör din blogg mer mobilvänlig
Google meddelade nyligen att de kommer att använda mobilvänlig algoritmuppdatering för att kontrollera om alla bloggar är mobilvänliga, och kommer att straffa de som inte är det. Vilket fick många bloggare att undra, hur man gör sina webbsidor mer mobilvänliga och hur man ens vet om din blogg är mobilvänlig eller inte. Det är därför vi sammanställer den viktigaste informationen om varför det är så viktigt att göra din blogg mer mobilvänlig och hur man faktiskt gör det.
Nuförtiden använder en stor del av alla bloggbesökare sina mobila enheter istället för datorer för att göra det. Och eftersom Google har lovat att öka rankingen av de webbplatser som är lämpliga att se på mobila enheter, är det viktigare än någonsin att se till att din blogg eller webbplats är vänlig mot mobila enheter.
Det handlar förstås inte bara om vad Google vill ha. Att göra din blogg mobilanpassad ligger också i ditt och dina läsares intresse, eftersom eftersom så många människor använder sina mobila enheter för att surfa på internet, kommer det att göra läsningen av din blogg mer bekväm för dem. Enligt Pew Internet Projects forskning använder mer än en tredjedel av alla mobiltelefonägare sin telefon mer än sin stationära eller bärbara dator för att komma åt internet. Så om du vill att din blogg ska vara lätt att se på vilken smartphone som helst samt öka läsekretsen för din blogg, är mobilvänlighet något du måste tänka på. Och det är faktiskt lättare att uppnå än man kan tro.
Testar för mobilvänlighet
När Google tog fram den här mobilvänliga algoritmen gjorde de det också möjligt för alla att testa sina bloggar och webbplatser för detta mått med hjälp av deras mobilvänliga testverktyg. Ange bara webbadressen till din blogg i rutan ”Ange URL för att testa”, klicka på ”Kör test” så kommer verktyget att tala om för dig om din blogg är mobilvänlig eller inte.
Om din hemsida är mobilanpassad kan du slappna av lite, för du behöver inte göra någonting. Men om detta Google-verktyg avgör att din blogg inte är den lättaste att läsa på en mobil enhet måste du göra några förbättringar i den här avdelningen så fort som möjligt.
För dem som använder ett innehållshanteringsprogram (CMS) för att köra sin blogg, som WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix etc., borde anpassningen inte vara ett problem, eftersom de flesta av dessa programvarusystem erbjuda verktyg som automatiskt gör din webbplats mobilanpassad. Men om du gick till den mer gammaldags roten att inte använda någon CMS-mjukvara för att skapa din webbplats, eller om du använde CMS, men din webbplats fortfarande inte uppfyller mobilstandarderna, kommer här några tips på hur du kan förbättra din webbplats mobilvänlighet.
1 Uppdatera CMS till den senaste versionen och använd mobilteman
Om du använder CMS är allt du behöver göra att antingen uppdatera din programvara eller ändra temat som du använder för din blogg. De flesta CMS tillhandahåller redan alla verktyg för att göra din webbplats mobilvänlig, men du måste se till att ditt CMS är uppdaterat till den senaste versionen. Till exempel kommer Joomla med mobilsupport, endast när den är uppdaterad till den senaste versionen av programvaran. Andra program kan dock kräva att du ändrar temat på din webbplats för att göra den mobilvänlig, eftersom vissa äldre teman helt enkelt inte ser bra ut på mobila enheter och därför är de inte heller lämpliga för dem. För att göra det, gå till den administrativa panelen i ditt CMS, hitta temafliken på din instrumentpanel och ändra temat för din blogg till ett, som är responsivt och mobilvänligt. Till exempel erbjuder WordPress hundratals olika teman, och en stor del av dem är kostnadsfria och lyhörda. Tyvärr, om du använder ett CMS, som inte erbjuder mobilsupport, kommer fler förbättringar att behövas och det kan vara smartare att bara byta innehållshanteringsprogramvara.
2 Använd underrubriker
En tumregel när det kommer till blogginnehåll som är bekvämt för mobilanvändare är att låta dem ta till sig texten i mindre stycken i motsats till att ha din artikel i en lång text. Så texten i ditt blogginlägg bör vara välstrukturerad, så att läsaren lätt kan orientera sig i text. Det kan enkelt göras genom att använda underrubriker. När du använder underrubriker delas texten automatiskt in i många underkapitel och det är mindre chans för läsaren att förlora sin plats under läsningen av artikeln. Och eftersom att förlora din plats när du läser något på din smartphone är ett ganska vanligt problem för många mobila enhetsanvändare, eftersom mobil rullning gör det svårt att läsa långa, monotona texter, lös det genom att använda rubriker.
Rubriker kan enkelt infogas genom att använda rubriktaggar. Taggen för största och viktigaste rubriken är
, vilket är en knappt märkbar rubrik, men som ändå hjälper dig att dela upp ditt innehåll och göra det lättare att läsa.
3 Välj lämplig storlek för bilderna
Bloggare väljer vanligtvis storleken på bilderna de ska använda i sina blogginlägg enligt den normala datorskärmsstorleken, men när blogginläggen visas på en mindre skärm, som på en mobiltelefon, slutar bilderna i allmänhet alla upp till samma storlek. Det betyder att användare av mobila enheter inte ser bilderna i lämplig proportion. Så gör dina bilder så att de inte bara är mindre i dimensioner, vanligtvis är bilder under 1500 x 2500 pixlar bäst, utan också mindre i storlek – under 500 KB rekommenderas. Utöver att ha mobila-enhetsvänliga foton, kommer att krympa filstorlekarna på dina bilder också låta användarna ladda sidorna snabbare, eftersom mindre bilder använder mindre data för att laddas.
För att göra dina bilder mindre är filstorlek och mått, använd valfri fotoredigerare du har till hands, eftersom du inte behöver Photoshop för att kunna göra detta. Vi rekommenderar att du använder antingen JPEGmini eller Pixlr, för med dessa fotoredigerare kan du minska storleken på dina bilder utan att kompromissa med kvaliteten.
4 Använd responsiv design
Responsiv design för en blogg eller webbplats ger en chans att se den från många olika plattformar och enheter med olika skärmstorlekar bekvämare, eftersom den automatiskt anpassar din webbplats till bredden på webbläsarfönstret. Och för att säkerställa bekväm läsning för bloggbesökarna, under denna anpassning ändras vanligtvis bloggens design, till exempel krymper bilderna, kolumnerna radas vertikalt och menyn ändras också. Men om dessa förändringar inte sker av sig själva, finns det verktyg som du kan använda för att göra det själv.
Till exempel Foundation 3, Skeleton och Bootstrap. Dessa ramverk kommer automatiskt att justera din blogg, så att den är lätt att läsa på vilken enhet som helst. Att använda dessa är mycket enklare än att koda alla möjliga kombinationer själv. Naturligtvis kan du också göra detta genom att använda CSS3:s nya relativa längdenheter som viewportens bredd (vw), viewportens höjd (vh), minimum av viewportens höjd och bredd (vmin) och maximum av viewportens höjd och bredd (vmax). Kodning kräver dock både skicklighet och tid, och om du inte är erfaren programmerare skulle jag föreslå att du väljer det förstnämnda alternativet.
5 Använd enkla mönster
Mobilanvändare föredrar enkla webbplatsdesigner, eftersom stora och komplicerade designwebbplatser blir långsamma på en mobil enhet. Enkla design gör det också enkelt att hålla läsarens uppmärksamhet på innehållet snarare än att distrahera dem med snygg design, eftersom statistiskt sett har de flesta mobilanvändare ganska korta uppmärksamhetsintervall.
Det innebär att göra layouten på din webbplats enkel och lätt att förstå. Om du använder ett tema som din tjänsteleverantör erbjuder kan du helt enkelt ändra det till ett mer enkelt. Till exempel erbjuder WordPress många eleganta, enkla designs som inte kommer att överväldiga mobila enheter, men som fortfarande ser bra ut på ett skrivbord också. Men om du har gjort din webbplats med HTML kan du ladda ner en enkel mall, som kommer att få din webbplats att se bra ut och vara mobilvänlig också. Envato Market erbjuder till exempel många olika enkla design som du kan välja mellan och använda på din webbplats.
6 Använd standardteckensnitt
Intressanta typsnitt kan få en blogg att se mer kreativ ut, men dessa typsnitt kan också vara ett irritationsmoment för mobilläsare av bloggen, eftersom inte alla mobila enheter stöder snygga skrivbordstypsnitt. Så för att se innehållet måste användare av mobila enheter ladda ner nya typsnitt till sina telefoner, vilket är ett krångel som inte är värt det för många. Ovanpå det, även om de har alla typsnitt förinstallerade, kan vissa mer kreativa typsnitt vara svåra att läsa på en smartphone på grund av den mindre storleken.
Så välj traditionella typsnitt som Times New Roman, Verdana, Comic Sans MS, WildWest eller Bedrock. Och kontrollera även läsbarheten för typsnittet du bestämmer dig för att använda, för att se till att texten inte blir oläslig när den väl visas på en mindre skärm på en smartphone. En generell tumregel är att all text på en webbplats bör vara minst 14 px, eftersom texten på så sätt blir tillräckligt stor för att vara lättläst även om du använder en mobil enhet med väldigt liten skärm.
7 Minimera innehåll per sida
När en sida laddas på vilken enhet som helst, oavsett om det är en dator, surfplatta eller en smartphone, laddar enheten ner allt innehåll på sidan. Det brukar inte orsaka några problem om du använder en dator, men stora mängder data kan överväldiga mobila enheter. För att undvika det bör du minimera mängden innehåll på varje sida, eftersom detta kommer att se till att din blogg fungerar på alla mobila enheter.
Det rekommenderas att minska innehållet på din sida under 5 MB per sida. Du kan enkelt kontrollera storleken på ditt sidinnehåll i vilken webbläsare som helst. Använd bara ett av många webbsidastorlekskontrollverktyg som är tillgängliga online. Om den är över 5 MB, minska antingen storleken och mängden text, bilder och andra komponenter på sidan manuellt eller använd bloggutdrag för att göra det enklare för besökare att se din blogg.
8 Använd YouTube-videor
Om du brukar lägga upp många videor i artiklarna på din blogg måste du komma ihåg att de kommer att se mycket annorlunda ut på en mobil enhet än på en dator. Dessutom stöder vissa mobila enheter inte ens vissa videoformat, så för att undvika risken att användaren inte kommer att kunna spela upp videon på din webbplats, använd inbäddad YouTube. Inbäddningskoden som YouTube tillhandahåller för var och en av deras videor är redan responsiv, vilket innebär att du kommer att kunna se videon på nästan vilken enhet som helst och att du inte behöver stressa över videostorlekar och format längre.
Du kan få inbäddningskoden för en YouTube-video genom att klicka på knappen ”Dela”, som finns under knappen ”Prenumerera”, klicka sedan på fliken ”Bädda in” och kopiera den medföljande koden till din webbplats. Och du har själv en perfekt storlek video i ditt inlägg utan att ens behöva konvertera eller på annat sätt justera den.
9 Ersätt länkar med klickbara knappar och menyer
Många gånger är länkar på en webbplats alldeles för små för att en mobilanvändare enkelt och exakt ska kunna trycka med fingret. Och det kan vara riktigt irriterande för en bloggläsare, när de inte riktigt kan trycka på innehållet vill de se. Det är därför du bör ersätta alla länkar på din webbplats med knappar som är minst 44 pixlar gånger 44 pixlar stora.
Om du använder ett CMS som WordPress kan du bara använda plugins för att skapa dessa knappar. Gå till din CMS-kontrollpanel, hitta ett lämpligt plugin, installera det och följ instruktionerna för att använda det korrekt. Men om du har kodat webbplatsen själv kan du använda en av dessa gratis länkknappsgeneratorer, vilket sparar den tid du skulle använda när du själv kodade knapparna.
10 Fortsätt testa
Slutligen, när du har gjort alla förbättringar och du tycker att din blogg är så mobilvänlig som den kan bli, testa din blogg igen med Googles testverktyg eller något annat testverktyg för mobilvänlighet som du kan hitta på internet. Om nu allt är bra och verktyget försäkrar dig om att din blogg inte kommer att få en påföljd, eftersom den inte är mobilvänlig, så kan du koppla av och fortsätta att växa din webbplats genom att skapa bra innehåll. Men bara för att vara säker skulle jag föreslå att du testar din webbplats från flera olika enheter.
Be vänner eller familjemedlemmar titta på din blogg från sina telefoner och surfplattor. Testa din webbplats från och Android- och IOS-enheter, samt enheter som kan ha ett helt annat operativsystem. Och gå igenom alla dina huvudsidor på din blogg på dessa enheter. Bara genom att testa din bloggs mobilvänlighet i verkligheten kan du vara säker på att din sida faktiskt är lätt att se och läsa från alla prylar.
Mobilvänlighet handlar inte bara om att ha en snygg webbdesign, det handlar också om att förbättra användarens upplevelse på din webbplats. Det är därför, när du gör din blogg mer mobilvänlig, kommer fler människor att vara villiga att komma tillbaka till din webbplats, eftersom den blir lätt att se och förstå. Och eftersom antalet människor som använder sina mobiltelefoner som en primär enhet för att surfa på webben bara ökar för varje kommande år, är det bara i ditt bästa intresse att se till att din webbplats är vänlig för dessa smartphoneanvändare och visar innehållet för dem på ett bekvämt och lättläst sätt.