Tips om hvordan du gjør bloggen din mer mobilvennlig

Google annonserte nylig at de vil bruke mobilvennlig algoritmeoppdatering for å sjekke om alle blogger er mobilvennlige, og vil straffe de som ikke er det. Noe som fikk mange bloggere til å lure på hvordan de kan gjøre nettsidene deres mer mobilvennlige og hvordan de til og med kan vite om bloggen din er mobilvennlig eller ikke. Derfor har vi satt sammen den viktigste informasjonen om hvorfor det er så viktig å gjøre bloggen din mer mobilvennlig, og hvordan du faktisk gjør det.

I dag bruker en stor del av alle bloggbesøkende sine mobile enheter i stedet for datamaskiner for å gjøre det. Og siden Google har lovet å øke rangeringen av nettstedene som er egnet for å se på mobile enheter, er det viktigere enn noen gang å sørge for at bloggen din eller nettstedet er vennlig for mobile enheter.

Det handler selvfølgelig ikke bare om hva Google ønsker. Å gjøre bloggen din mobilvennlig er også i din og lesernes beste interesse, fordi siden så mange mennesker bruker mobilenhetene sine til å surfe på internett, vil det gjøre lesingen av bloggen din mer praktisk for dem. I følge Pew Internet Projects forskning bruker mer enn en tredjedel av alle mobiltelefoneiere telefonen sin mer enn sin stasjonære eller bærbare datamaskin for å få tilgang til internett. Så hvis du vil at bloggen din enkelt skal vises på hvilken som helst smarttelefon, samt øke lesertallet for bloggen din, er mobilvennlighet noe du må tenke på. Og det er faktisk lettere oppnådd enn man skulle tro.

Tester for mobilvennlighet

Ettersom Google kom opp med denne mobilvennlige algoritmen, gjorde de det også mulig for alle å teste bloggene og nettsidene sine for denne beregningen ved å bruke deres mobilvennlige testverktøy. Bare skriv inn nettadressen til bloggen din i «Skriv inn URL for å teste»-boksen, klikk på «Kjør test» og verktøyet vil fortelle deg om bloggen din er mobilvennlig eller ikke.

Er nettsiden din mobilvennlig kan du slappe av litt, for du trenger ikke gjøre noe. Men hvis dette Google-verktøyet fastslår at bloggen din ikke er den enkleste å lese på en mobil enhet, må du gjøre noen forbedringer i denne avdelingen så fort som mulig.

For de som bruker en innholdsstyringsprogramvare (CMS) for å kjøre bloggen sin, som WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix osv., bør tilpasningen ikke være noe problem, siden de fleste av disse programvaresystemene tilby verktøy, som automatisk gjør nettstedet ditt mobilvennlig. Men hvis du gikk den mer gammeldagse roten til å ikke bruke noen CMS-programvare for å lage nettstedet ditt, eller hvis du brukte CMS, men nettstedet ditt fortsatt ikke oppfyller mobilstandardene, er her noen tips om hvordan du kan forbedre nettstedets mobilvennlighet.

1 Oppdater CMS til den nyeste versjonen og bruk mobiltemaer

Hvis du bruker CMS, er alt du trenger å gjøre enten å oppdatere programvaren eller endre temaet du bruker for bloggen din. De fleste CMS-er har allerede alle verktøyene for å gjøre nettstedet ditt mobilvennlig, men du må sørge for at CMS er oppdatert til siste versjon. Joomla kommer for eksempel med mobilstøtte, kun når den er oppdatert til siste versjon av programvaren. Annen programvare kan imidlertid kreve at du endrer temaet på nettstedet ditt for å gjøre det mobilvennlig, siden noen eldre temaer rett og slett ikke ser bra ut på mobile enheter, derfor er de heller ikke egnet for dem. For å gjøre det, gå til det administrative panelet til CMS-en din, finn temafanen på dashbordet og endre temaet på bloggen din til et, som er responsivt og mobilvennlig. For eksempel tilbyr WordPress hundrevis av forskjellige temaer, og en stor del av dem er gratis og responsive. Dessverre, hvis du bruker et CMS, som ikke tilbyr mobilstøtte, vil det være behov for flere forbedringer, og det kan være smartere å bare bytte innholdsadministrasjonsprogramvare.

2 Bruk underoverskrifter

En tommelfingerregel når det kommer til blogginnhold som er praktisk for mobilbrukere, er å la dem absorbere teksten i mindre avsnitt i motsetning til å ha artikkelen din i én lang tekst. Så teksten i blogginnlegget ditt bør være godt strukturert, slik at leseren lett kan orientere seg i tekst. Det kan enkelt gjøres ved å bruke underoverskrifter. Når du bruker underoverskrifter, blir teksten automatisk delt inn i mange underkapitler og det er mindre sjanse for at leseren mister plassen mens han leser artikkelen. Og siden det å miste plassen mens du leser noe på smarttelefonen er et ganske vanlig problem for mange brukere av mobilenheter, fordi mobilrulling gjør lesing av lange, monotone tekster vanskelig, kan du løse det ved å bruke overskrifter.

Overskrifter kan enkelt settes inn ved å bruke overskriftskoder. Taggen for største og viktigste overskrift er

, som er en knapt merkbar overskrift, men vil likevel hjelpe deg med å dele opp innholdet ditt og gjøre det lettere å lese.

3 Velg passende størrelse for bildene

Bloggere velger vanligvis størrelsen på bildene de skal bruke i blogginnleggene i henhold til den vanlige dataskjermstørrelsen, men når blogginnleggene vises på en mindre skjerm, som på en mobiltelefon, slutter bildene generelt opp til samme størrelse. Det betyr at brukere av mobilenheter ikke ser bildene i passende proporsjoner. Så lag bildene dine slik at de ikke bare er mindre i dimensjoner, vanligvis er bilder under 1500 x 2500 piksler best, men også mindre i størrelse – under 500 KB anbefales. I tillegg til å ha mobilenhetsvennlige bilder, vil krymping av filstørrelsene på bildene dine også la brukerne laste inn sidene raskere, siden mindre bilder bruker mindre data for å laste.

For å gjøre bildene dine mindre er filstørrelse og dimensjoner, bruk hvilken som helst bilderedigerer du har for hånden, fordi du ikke trenger Photoshop for å kunne gjøre dette. Vi anbefaler å bruke enten JPEGmini eller Pixlr, fordi med disse bilderedigererne kan du redusere størrelsen på bildene dine uten å gå på bekostning av kvaliteten.

4 Bruk responsiv design

Responsivt design for en blogg eller et nettsted gir en sjanse til å se den fra mange forskjellige plattformer og enheter med forskjellige skjermstørrelser mer praktisk, fordi den automatisk tilpasser nettstedet til bredden på nettleservinduet. Og for å sikre praktisk lesing for bloggbesøkende, under denne tilpasningen endres vanligvis bloggens utforming, for eksempel krymper bildene, kolonnene stiller seg vertikalt og menyen endres også. Men hvis disse endringene ikke skjer av seg selv, finnes det verktøy som du kan bruke til å gjøre det selv.

For eksempel Foundation 3, Skeleton og Bootstrap. Disse rammene vil automatisk justere bloggen din, slik at den er lett å lese på alle enheter. Å bruke disse er mye enklere enn å kode alle mulige kombinasjoner selv. Selvfølgelig kan du gjøre dette også ved å bruke CSS3s nye relative lengdeenheter som viewportens bredde (vw), viewportens høyde (vh), minimum av viewportens høyde og bredde (vmin) og maksimum av viewportens høyde og bredde (vmax). Koding krever imidlertid både dyktighet og tid, og hvis du ikke er erfaren programmerer, vil jeg foreslå å gå med det førstnevnte alternativet.

5 Bruk enkle design

Mobilbrukere foretrekker enkle nettstedsdesign, fordi store og kompliserte designnettsteder blir trege på en mobilenhet. Enkle design gjør det også enkelt å holde leserens oppmerksomhet på innholdet i stedet for å distrahere dem med fancy design, fordi statistisk sett har de fleste mobilbrukerne ganske korte oppmerksomhetsspenn.

Det betyr å gjøre utformingen av nettstedet ditt enkelt og lett å forstå. Hvis du bruker et tema som tjenesteleverandøren tilbyr, kan du ganske enkelt endre det til et mer enkelt. For eksempel tilbyr WordPress mange elegante, enkle design som ikke vil overvelde mobile enheter, men som fortsatt vil se bra ut på et skrivebord også. Men hvis du har laget nettstedet ditt ved hjelp av HTML, kan du laste ned en enkel mal, som vil få nettstedet ditt til å se bra ut og være mobilvennlig også. For eksempel tilbyr Envato Market mange forskjellige enkle design som du kan velge mellom og bruke på nettstedet ditt.

6 Bruk standard fonter

Interessante fonter kan få en blogg til å se mer kreativ ut, men disse fontene kan også være til irritasjon for mobile lesere av bloggen, fordi ikke alle mobile enheter støtter fancy desktop-fonter. Så for å se innholdet, må brukere av mobilenheter laste ned nye fonter til telefonene sine, noe som er et problem som ikke er verdt det for mange. På toppen av det, selv om de har alle skriftene forhåndsinstallert, kan noen mer kreative skrifter være vanskelige å lese på en smarttelefon på grunn av den mindre størrelsen.

Så velg tradisjonelle fonter som Times New Roman, Verdana, Comic Sans MS, WildWest eller Bedrock. Sjekk også lesbarheten til skriften du bestemmer deg for å bruke, for å sikre at teksten ikke blir uleselig når den først vises på en mindre skjerm på en smarttelefon. En generell tommelfingerregel er at enhver tekst på en nettside bør være minst 14 px, fordi teksten på denne måten blir stor nok til å være lett lesbar selv om du bruker en mobilenhet med veldig liten skjerm.

7 Minimer innhold per side

Når en side er lastet inn på en hvilken som helst enhet, enten det er en datamaskin, nettbrett eller en smarttelefon, laster enheten ned alt innholdet på siden. Det skaper vanligvis ingen problemer hvis du bruker en datamaskin, men store mengder data kan overvelde mobile enheter. For å unngå det bør du minimere mengden innhold på hver side, fordi dette vil sørge for at bloggen din fungerer på alle mobile enheter.

Det anbefales å redusere innholdet på siden din til under 5 MB per side. Du kan enkelt sjekke størrelsen på sideinnholdet i hvilken som helst nettleser. Bare bruk ett av mange verktøy for kontroll av nettsidestørrelse, som er tilgjengelig på nettet. Hvis den er over 5 MB, kan du enten redusere størrelsen og mengden av tekst, bilder og andre komponenter på siden manuelt eller bruke bloggutdrag for å gjøre det enklere for besøkende å se bloggen din.

8 Bruk YouTube-videoer

Hvis du har en tendens til å legge ut mange videoer i artiklene på bloggen din, må du huske at de vil se mye annerledes ut på en mobilenhet enn på en datamaskin. Dessuten støtter enkelte mobilenheter ikke en gang visse videoformater, så for å unngå sjansen for at brukeren ikke kan spille av videoen på nettstedet ditt, bruk innebygd YouTube. Innebyggingskoden som YouTube gir for hver og en av videoene deres er allerede responsiv, noe som betyr at du vil kunne se videoen på nesten hvilken som helst enhet, og du slipper å stresse med videostørrelser og -formater lenger.

Du kan få innebygde koden for en YouTube-video ved å klikke på «Del»-knappen, som er plassert under «Abonner»-knappen, klikk deretter på «Bygg inn»-fanen og kopier den oppgitte koden til nettstedet ditt. Og du har selv en perfekt størrelse video i innlegget ditt uten engang å måtte konvertere eller på annen måte justere den.

9 Erstatt lenker med trykkbare knapper og menyer

Mange ganger er lenker på et nettsted alt for små til at en mobilbruker enkelt og nøyaktig kan trykke med fingeren. Og det kan være veldig irriterende for en bloggleser når de ikke kan trykke nøyaktig på innholdet, de ønsker å se. Derfor bør du erstatte alle lenkene på nettstedet ditt med knapper som er minst 44 x 44 piksler store.

Hvis du bruker et CMS som WordPress, kan du bare bruke plugins for å lage disse knappene. Gå til CMS-kontrollpanelet, finn en passende plugin, installer den og følg instruksjonene for riktig bruk av den. Men hvis du har kodet nettsiden selv, kan du bruke en av disse gratis koblingsknappgeneratorene, som vil spare tiden du bruker mens du koder knappene selv.

10 Fortsett å teste

Til slutt, når du har gjort alle forbedringene og du synes bloggen din er så mobilvennlig som den kan bli, test bloggen din på nytt med Googles testverktøy eller et annet testverktøy for mobilvennlighet som du kan finne på internett. Hvis nå alt er bra og verktøyet forsikrer deg om at bloggen din ikke får noen straff, fordi den ikke er mobilvennlig, kan du slappe av og fortsette å utvide nettstedet ditt ved å lage flott innhold. Men bare for å være sikker, vil jeg foreslå deg å teste nettstedet ditt fra flere forskjellige enheter.

Be venner eller familiemedlemmer se på bloggen din fra telefonene og nettbrettene deres. Test nettstedet ditt fra og Android- og IOS-enheter, samt enheter som kan ha et helt annet operativsystem. Og gå gjennom alle hovedsidene dine på bloggen din på disse enhetene. Bare ved å teste bloggens mobilvennlighet i det virkelige liv kan du være sikker på at nettstedet ditt faktisk er enkelt å se og lese fra alle gadgets.

Mobilvennlighet handler ikke bare om å ha et fint nettsteddesign, det handler også om å forbedre brukeropplevelsen på nettstedet ditt. Det er derfor, når du gjør bloggen din mer mobilvennlig, vil flere mennesker være villige til å komme tilbake til nettstedet ditt, fordi det vil være enkelt å se og forstå. Og siden antallet mennesker som bruker mobiltelefonene sine som en primær enhet for å surfe på nettet bare øker for hvert kommende år, er det bare i din beste interesse å sørge for at nettstedet ditt er vennlig for disse smarttelefonbrukerne og viser innholdet til dem på en praktisk og lettlest måte.