\n Google meddelade nyligen att de kommer att anv\u00e4nda mobilv\u00e4nlig algoritmuppdatering f\u00f6r att kontrollera om alla bloggar \u00e4r mobilv\u00e4nliga, och kommer att straffa de som inte \u00e4r det. Vilket fick m\u00e5nga bloggare att undra, hur man g\u00f6r sina webbsidor mer mobilv\u00e4nliga och hur man ens vet om din blogg \u00e4r mobilv\u00e4nlig eller inte. Det \u00e4r d\u00e4rf\u00f6r vi sammanst\u00e4ller den viktigaste informationen om varf\u00f6r det \u00e4r s\u00e5 viktigt att g\u00f6ra din blogg mer mobilv\u00e4nlig och hur man faktiskt g\u00f6r det.\n<\/p>\n
\n Nuf\u00f6rtiden anv\u00e4nder en stor del av alla bloggbes\u00f6kare sina mobila enheter ist\u00e4llet f\u00f6r datorer f\u00f6r att g\u00f6ra det. Och eftersom Google har lovat att \u00f6ka rankingen av de webbplatser som \u00e4r l\u00e4mpliga att se p\u00e5 mobila enheter, \u00e4r det viktigare \u00e4n n\u00e5gonsin att se till att din blogg eller webbplats \u00e4r v\u00e4nlig mot mobila enheter.\n<\/p>\n
\n Det handlar f\u00f6rst\u00e5s inte bara om vad Google vill ha. Att g\u00f6ra din blogg mobilanpassad ligger ocks\u00e5 i ditt och dina l\u00e4sares intresse, eftersom eftersom s\u00e5 m\u00e5nga m\u00e4nniskor anv\u00e4nder sina mobila enheter f\u00f6r att surfa p\u00e5 internet, kommer det att g\u00f6ra l\u00e4sningen av din blogg mer bekv\u00e4m f\u00f6r dem. Enligt Pew Internet Projects forskning anv\u00e4nder mer \u00e4n en tredjedel av alla mobiltelefon\u00e4gare sin telefon mer \u00e4n sin station\u00e4ra eller b\u00e4rbara dator f\u00f6r att komma \u00e5t internet. S\u00e5 om du vill att din blogg ska vara l\u00e4tt att se p\u00e5 vilken smartphone som helst samt \u00f6ka l\u00e4sekretsen f\u00f6r din blogg, \u00e4r mobilv\u00e4nlighet n\u00e5got du m\u00e5ste t\u00e4nka p\u00e5. Och det \u00e4r faktiskt l\u00e4ttare att uppn\u00e5 \u00e4n man kan tro.\n<\/p>\n
\n Testar f\u00f6r mobilv\u00e4nlighet\n<\/p>\n
\n N\u00e4r Google tog fram den h\u00e4r mobilv\u00e4nliga algoritmen gjorde de det ocks\u00e5 m\u00f6jligt f\u00f6r alla att testa sina bloggar och webbplatser f\u00f6r detta m\u00e5tt med hj\u00e4lp av deras mobilv\u00e4nliga testverktyg. Ange bara webbadressen till din blogg i rutan ”Ange URL f\u00f6r att testa”, klicka p\u00e5 ”K\u00f6r test” s\u00e5 kommer verktyget att tala om f\u00f6r dig om din blogg \u00e4r mobilv\u00e4nlig eller inte.\n<\/p>\n
\n Om din hemsida \u00e4r mobilanpassad kan du slappna av lite, f\u00f6r du beh\u00f6ver inte g\u00f6ra n\u00e5gonting. Men om detta Google-verktyg avg\u00f6r att din blogg inte \u00e4r den l\u00e4ttaste att l\u00e4sa p\u00e5 en mobil enhet m\u00e5ste du g\u00f6ra n\u00e5gra f\u00f6rb\u00e4ttringar i den h\u00e4r avdelningen s\u00e5 fort som m\u00f6jligt.\n<\/p>\n
\n F\u00f6r dem som anv\u00e4nder ett inneh\u00e5llshanteringsprogram (CMS) f\u00f6r att k\u00f6ra 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\u00f6r din webbplats mobilanpassad. Men om du gick till den mer gammaldags roten att inte anv\u00e4nda n\u00e5gon CMS-mjukvara f\u00f6r att skapa din webbplats, eller om du anv\u00e4nde CMS, men din webbplats fortfarande inte uppfyller mobilstandarderna, kommer h\u00e4r n\u00e5gra tips p\u00e5 hur du kan f\u00f6rb\u00e4ttra din webbplats mobilv\u00e4nlighet.\n<\/p>\n
\n Om du anv\u00e4nder CMS \u00e4r allt du beh\u00f6ver g\u00f6ra att antingen uppdatera din programvara eller \u00e4ndra temat som du anv\u00e4nder f\u00f6r din blogg. De flesta CMS tillhandah\u00e5ller redan alla verktyg f\u00f6r att g\u00f6ra din webbplats mobilv\u00e4nlig, men du m\u00e5ste se till att ditt CMS \u00e4r uppdaterat till den senaste versionen. Till exempel kommer Joomla med mobilsupport, endast n\u00e4r den \u00e4r uppdaterad till den senaste versionen av programvaran. Andra program kan dock kr\u00e4va att du \u00e4ndrar temat p\u00e5 din webbplats f\u00f6r att g\u00f6ra den mobilv\u00e4nlig, eftersom vissa \u00e4ldre teman helt enkelt inte ser bra ut p\u00e5 mobila enheter och d\u00e4rf\u00f6r \u00e4r de inte heller l\u00e4mpliga f\u00f6r dem. F\u00f6r att g\u00f6ra det, g\u00e5 till den administrativa panelen i ditt CMS, hitta temafliken p\u00e5 din instrumentpanel och \u00e4ndra temat f\u00f6r din blogg till ett, som \u00e4r responsivt och mobilv\u00e4nligt. Till exempel erbjuder WordPress hundratals olika teman, och en stor del av dem \u00e4r kostnadsfria och lyh\u00f6rda. Tyv\u00e4rr, om du anv\u00e4nder ett CMS, som inte erbjuder mobilsupport, kommer fler f\u00f6rb\u00e4ttringar att beh\u00f6vas och det kan vara smartare att bara byta inneh\u00e5llshanteringsprogramvara.\n<\/p>\n
\n En tumregel n\u00e4r det kommer till blogginneh\u00e5ll som \u00e4r bekv\u00e4mt f\u00f6r mobilanv\u00e4ndare \u00e4r att l\u00e5ta dem ta till sig texten i mindre stycken i motsats till att ha din artikel i en l\u00e5ng text. S\u00e5 texten i ditt blogginl\u00e4gg b\u00f6r vara v\u00e4lstrukturerad, s\u00e5 att l\u00e4saren l\u00e4tt kan orientera sig i text. Det kan enkelt g\u00f6ras genom att anv\u00e4nda underrubriker. N\u00e4r du anv\u00e4nder underrubriker delas texten automatiskt in i m\u00e5nga underkapitel och det \u00e4r mindre chans f\u00f6r l\u00e4saren att f\u00f6rlora sin plats under l\u00e4sningen av artikeln. Och eftersom att f\u00f6rlora din plats n\u00e4r du l\u00e4ser n\u00e5got p\u00e5 din smartphone \u00e4r ett ganska vanligt problem f\u00f6r m\u00e5nga mobila enhetsanv\u00e4ndare, eftersom mobil rullning g\u00f6r det sv\u00e5rt att l\u00e4sa l\u00e5nga, monotona texter, l\u00f6s det genom att anv\u00e4nda rubriker.\n<\/p>\n
\n Rubriker kan enkelt infogas genom att anv\u00e4nda rubriktaggar. Taggen f\u00f6r st\u00f6rsta och viktigaste rubriken \u00e4r\n<\/p>\n
\n Bloggare v\u00e4ljer vanligtvis storleken p\u00e5 bilderna de ska anv\u00e4nda i sina blogginl\u00e4gg enligt den normala datorsk\u00e4rmsstorleken, men n\u00e4r blogginl\u00e4ggen visas p\u00e5 en mindre sk\u00e4rm, som p\u00e5 en mobiltelefon, slutar bilderna i allm\u00e4nhet alla upp till samma storlek. Det betyder att anv\u00e4ndare av mobila enheter inte ser bilderna i l\u00e4mplig proportion. S\u00e5 g\u00f6r dina bilder s\u00e5 att de inte bara \u00e4r mindre i dimensioner, vanligtvis \u00e4r bilder under 1500 x 2500 pixlar b\u00e4st, utan ocks\u00e5 mindre i storlek – under 500 KB rekommenderas. Ut\u00f6ver att ha mobila-enhetsv\u00e4nliga foton, kommer att krympa filstorlekarna p\u00e5 dina bilder ocks\u00e5 l\u00e5ta anv\u00e4ndarna ladda sidorna snabbare, eftersom mindre bilder anv\u00e4nder mindre data f\u00f6r att laddas.\n<\/p>\n
\n F\u00f6r att g\u00f6ra dina bilder mindre \u00e4r filstorlek och m\u00e5tt, anv\u00e4nd valfri fotoredigerare du har till hands, eftersom du inte beh\u00f6ver Photoshop f\u00f6r att kunna g\u00f6ra detta. Vi rekommenderar att du anv\u00e4nder antingen JPEGmini eller Pixlr, f\u00f6r med dessa fotoredigerare kan du minska storleken p\u00e5 dina bilder utan att kompromissa med kvaliteten.\n<\/p>\n
\n Responsiv design f\u00f6r en blogg eller webbplats ger en chans att se den fr\u00e5n m\u00e5nga olika plattformar och enheter med olika sk\u00e4rmstorlekar bekv\u00e4mare, eftersom den automatiskt anpassar din webbplats till bredden p\u00e5 webbl\u00e4sarf\u00f6nstret. Och f\u00f6r att s\u00e4kerst\u00e4lla bekv\u00e4m l\u00e4sning f\u00f6r bloggbes\u00f6karna, under denna anpassning \u00e4ndras vanligtvis bloggens design, till exempel krymper bilderna, kolumnerna radas vertikalt och menyn \u00e4ndras ocks\u00e5. Men om dessa f\u00f6r\u00e4ndringar inte sker av sig sj\u00e4lva, finns det verktyg som du kan anv\u00e4nda f\u00f6r att g\u00f6ra det sj\u00e4lv.\n<\/p>\n
\n Till exempel Foundation 3, Skeleton och Bootstrap. Dessa ramverk kommer automatiskt att justera din blogg, s\u00e5 att den \u00e4r l\u00e4tt att l\u00e4sa p\u00e5 vilken enhet som helst. Att anv\u00e4nda dessa \u00e4r mycket enklare \u00e4n att koda alla m\u00f6jliga kombinationer sj\u00e4lv. Naturligtvis kan du ocks\u00e5 g\u00f6ra detta genom att anv\u00e4nda CSS3:s nya relativa l\u00e4ngdenheter som viewportens bredd (vw), viewportens h\u00f6jd (vh), minimum av viewportens h\u00f6jd och bredd (vmin) och maximum av viewportens h\u00f6jd och bredd (vmax). Kodning kr\u00e4ver dock b\u00e5de skicklighet och tid, och om du inte \u00e4r erfaren programmerare skulle jag f\u00f6resl\u00e5 att du v\u00e4ljer det f\u00f6rstn\u00e4mnda alternativet.\n<\/p>\n
\n Mobilanv\u00e4ndare f\u00f6redrar enkla webbplatsdesigner, eftersom stora och komplicerade designwebbplatser blir l\u00e5ngsamma p\u00e5 en mobil enhet. Enkla design g\u00f6r det ocks\u00e5 enkelt att h\u00e5lla l\u00e4sarens uppm\u00e4rksamhet p\u00e5 inneh\u00e5llet snarare \u00e4n att distrahera dem med snygg design, eftersom statistiskt sett har de flesta mobilanv\u00e4ndare ganska korta uppm\u00e4rksamhetsintervall.\n<\/p>\n
\n Det inneb\u00e4r att g\u00f6ra layouten p\u00e5 din webbplats enkel och l\u00e4tt att f\u00f6rst\u00e5. Om du anv\u00e4nder ett tema som din tj\u00e4nsteleverant\u00f6r erbjuder kan du helt enkelt \u00e4ndra det till ett mer enkelt. Till exempel erbjuder WordPress m\u00e5nga eleganta, enkla designs som inte kommer att \u00f6verv\u00e4ldiga mobila enheter, men som fortfarande ser bra ut p\u00e5 ett skrivbord ocks\u00e5. Men om du har gjort din webbplats med HTML kan du ladda ner en enkel mall, som kommer att f\u00e5 din webbplats att se bra ut och vara mobilv\u00e4nlig ocks\u00e5. Envato Market erbjuder till exempel m\u00e5nga olika enkla design som du kan v\u00e4lja mellan och anv\u00e4nda p\u00e5 din webbplats.\n<\/p>\n
\n Intressanta typsnitt kan f\u00e5 en blogg att se mer kreativ ut, men dessa typsnitt kan ocks\u00e5 vara ett irritationsmoment f\u00f6r mobill\u00e4sare av bloggen, eftersom inte alla mobila enheter st\u00f6der snygga skrivbordstypsnitt. S\u00e5 f\u00f6r att se inneh\u00e5llet m\u00e5ste anv\u00e4ndare av mobila enheter ladda ner nya typsnitt till sina telefoner, vilket \u00e4r ett kr\u00e5ngel som inte \u00e4r v\u00e4rt det f\u00f6r m\u00e5nga. Ovanp\u00e5 det, \u00e4ven om de har alla typsnitt f\u00f6rinstallerade, kan vissa mer kreativa typsnitt vara sv\u00e5ra att l\u00e4sa p\u00e5 en smartphone p\u00e5 grund av den mindre storleken.\n<\/p>\n
\n S\u00e5 v\u00e4lj traditionella typsnitt som Times New Roman, Verdana, Comic Sans MS, WildWest eller Bedrock. Och kontrollera \u00e4ven l\u00e4sbarheten f\u00f6r typsnittet du best\u00e4mmer dig f\u00f6r att anv\u00e4nda, f\u00f6r att se till att texten inte blir ol\u00e4slig n\u00e4r den v\u00e4l visas p\u00e5 en mindre sk\u00e4rm p\u00e5 en smartphone. En generell tumregel \u00e4r att all text p\u00e5 en webbplats b\u00f6r vara minst 14 px, eftersom texten p\u00e5 s\u00e5 s\u00e4tt blir tillr\u00e4ckligt stor f\u00f6r att vara l\u00e4ttl\u00e4st \u00e4ven om du anv\u00e4nder en mobil enhet med v\u00e4ldigt liten sk\u00e4rm.\n<\/p>\n
\n N\u00e4r en sida laddas p\u00e5 vilken enhet som helst, oavsett om det \u00e4r en dator, surfplatta eller en smartphone, laddar enheten ner allt inneh\u00e5ll p\u00e5 sidan. Det brukar inte orsaka n\u00e5gra problem om du anv\u00e4nder en dator, men stora m\u00e4ngder data kan \u00f6verv\u00e4ldiga mobila enheter. F\u00f6r att undvika det b\u00f6r du minimera m\u00e4ngden inneh\u00e5ll p\u00e5 varje sida, eftersom detta kommer att se till att din blogg fungerar p\u00e5 alla mobila enheter.\n<\/p>\n
\n Det rekommenderas att minska inneh\u00e5llet p\u00e5 din sida under 5 MB per sida. Du kan enkelt kontrollera storleken p\u00e5 ditt sidinneh\u00e5ll i vilken webbl\u00e4sare som helst. Anv\u00e4nd bara ett av m\u00e5nga webbsidastorlekskontrollverktyg som \u00e4r tillg\u00e4ngliga online. Om den \u00e4r \u00f6ver 5 MB, minska antingen storleken och m\u00e4ngden text, bilder och andra komponenter p\u00e5 sidan manuellt eller anv\u00e4nd bloggutdrag f\u00f6r att g\u00f6ra det enklare f\u00f6r bes\u00f6kare att se din blogg.\n<\/p>\n
\n Om du brukar l\u00e4gga upp m\u00e5nga videor i artiklarna p\u00e5 din blogg m\u00e5ste du komma ih\u00e5g att de kommer att se mycket annorlunda ut p\u00e5 en mobil enhet \u00e4n p\u00e5 en dator. Dessutom st\u00f6der vissa mobila enheter inte ens vissa videoformat, s\u00e5 f\u00f6r att undvika risken att anv\u00e4ndaren inte kommer att kunna spela upp videon p\u00e5 din webbplats, anv\u00e4nd inb\u00e4ddad YouTube. Inb\u00e4ddningskoden som YouTube tillhandah\u00e5ller f\u00f6r var och en av deras videor \u00e4r redan responsiv, vilket inneb\u00e4r att du kommer att kunna se videon p\u00e5 n\u00e4stan vilken enhet som helst och att du inte beh\u00f6ver stressa \u00f6ver videostorlekar och format l\u00e4ngre.\n<\/p>\n
\n Du kan f\u00e5 inb\u00e4ddningskoden f\u00f6r en YouTube-video genom att klicka p\u00e5 knappen ”Dela”, som finns under knappen ”Prenumerera”, klicka sedan p\u00e5 fliken ”B\u00e4dda in” och kopiera den medf\u00f6ljande koden till din webbplats. Och du har sj\u00e4lv en perfekt storlek video i ditt inl\u00e4gg utan att ens beh\u00f6va konvertera eller p\u00e5 annat s\u00e4tt justera den.\n<\/p>\n
\n M\u00e5nga g\u00e5nger \u00e4r l\u00e4nkar p\u00e5 en webbplats alldeles f\u00f6r sm\u00e5 f\u00f6r att en mobilanv\u00e4ndare enkelt och exakt ska kunna trycka med fingret. Och det kan vara riktigt irriterande f\u00f6r en bloggl\u00e4sare, n\u00e4r de inte riktigt kan trycka p\u00e5 inneh\u00e5llet vill de se. Det \u00e4r d\u00e4rf\u00f6r du b\u00f6r ers\u00e4tta alla l\u00e4nkar p\u00e5 din webbplats med knappar som \u00e4r minst 44 pixlar g\u00e5nger 44 pixlar stora.\n<\/p>\n
\n Om du anv\u00e4nder ett CMS som WordPress kan du bara anv\u00e4nda plugins f\u00f6r att skapa dessa knappar. G\u00e5 till din CMS-kontrollpanel, hitta ett l\u00e4mpligt plugin, installera det och f\u00f6lj instruktionerna f\u00f6r att anv\u00e4nda det korrekt. Men om du har kodat webbplatsen sj\u00e4lv kan du anv\u00e4nda en av dessa gratis l\u00e4nkknappsgeneratorer, vilket sparar den tid du skulle anv\u00e4nda n\u00e4r du sj\u00e4lv kodade knapparna.\n<\/p>\n
\n Slutligen, n\u00e4r du har gjort alla f\u00f6rb\u00e4ttringar och du tycker att din blogg \u00e4r s\u00e5 mobilv\u00e4nlig som den kan bli, testa din blogg igen med Googles testverktyg eller n\u00e5got annat testverktyg f\u00f6r mobilv\u00e4nlighet som du kan hitta p\u00e5 internet. Om nu allt \u00e4r bra och verktyget f\u00f6rs\u00e4krar dig om att din blogg inte kommer att f\u00e5 en p\u00e5f\u00f6ljd, eftersom den inte \u00e4r mobilv\u00e4nlig, s\u00e5 kan du koppla av och forts\u00e4tta att v\u00e4xa din webbplats genom att skapa bra inneh\u00e5ll. Men bara f\u00f6r att vara s\u00e4ker skulle jag f\u00f6resl\u00e5 att du testar din webbplats fr\u00e5n flera olika enheter.\n<\/p>\n
\n Be v\u00e4nner eller familjemedlemmar titta p\u00e5 din blogg fr\u00e5n sina telefoner och surfplattor. Testa din webbplats fr\u00e5n och Android- och IOS-enheter, samt enheter som kan ha ett helt annat operativsystem. Och g\u00e5 igenom alla dina huvudsidor p\u00e5 din blogg p\u00e5 dessa enheter. Bara genom att testa din bloggs mobilv\u00e4nlighet i verkligheten kan du vara s\u00e4ker p\u00e5 att din sida faktiskt \u00e4r l\u00e4tt att se och l\u00e4sa fr\u00e5n alla prylar.\n<\/p>\n
\n Mobilv\u00e4nlighet handlar inte bara om att ha en snygg webbdesign, det handlar ocks\u00e5 om att f\u00f6rb\u00e4ttra anv\u00e4ndarens upplevelse p\u00e5 din webbplats. Det \u00e4r d\u00e4rf\u00f6r, n\u00e4r du g\u00f6r din blogg mer mobilv\u00e4nlig, kommer fler m\u00e4nniskor att vara villiga att komma tillbaka till din webbplats, eftersom den blir l\u00e4tt att se och f\u00f6rst\u00e5. Och eftersom antalet m\u00e4nniskor som anv\u00e4nder sina mobiltelefoner som en prim\u00e4r enhet f\u00f6r att surfa p\u00e5 webben bara \u00f6kar f\u00f6r varje kommande \u00e5r, \u00e4r det bara i ditt b\u00e4sta intresse att se till att din webbplats \u00e4r v\u00e4nlig f\u00f6r dessa smartphoneanv\u00e4ndare och visar inneh\u00e5llet f\u00f6r dem p\u00e5 ett bekv\u00e4mt och l\u00e4ttl\u00e4st s\u00e4tt.\n<\/p>\n<\/p>\n