\n Google annonserte nylig at de vil bruke mobilvennlig algoritmeoppdatering for \u00e5 sjekke om alle blogger er mobilvennlige, og vil straffe de som ikke er det. Noe som fikk mange bloggere til \u00e5 lure p\u00e5 hvordan de kan gj\u00f8re 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\u00e5 viktig \u00e5 gj\u00f8re bloggen din mer mobilvennlig, og hvordan du faktisk gj\u00f8r det.\n<\/p>\n
\n I dag bruker en stor del av alle bloggbes\u00f8kende sine mobile enheter i stedet for datamaskiner for \u00e5 gj\u00f8re det. Og siden Google har lovet \u00e5 \u00f8ke rangeringen av nettstedene som er egnet for \u00e5 se p\u00e5 mobile enheter, er det viktigere enn noen gang \u00e5 s\u00f8rge for at bloggen din eller nettstedet er vennlig for mobile enheter.\n<\/p>\n
\n Det handler selvf\u00f8lgelig ikke bare om hva Google \u00f8nsker. \u00c5 gj\u00f8re bloggen din mobilvennlig er ogs\u00e5 i din og lesernes beste interesse, fordi siden s\u00e5 mange mennesker bruker mobilenhetene sine til \u00e5 surfe p\u00e5 internett, vil det gj\u00f8re lesingen av bloggen din mer praktisk for dem. I f\u00f8lge Pew Internet Projects forskning bruker mer enn en tredjedel av alle mobiltelefoneiere telefonen sin mer enn sin stasjon\u00e6re eller b\u00e6rbare datamaskin for \u00e5 f\u00e5 tilgang til internett. S\u00e5 hvis du vil at bloggen din enkelt skal vises p\u00e5 hvilken som helst smarttelefon, samt \u00f8ke lesertallet for bloggen din, er mobilvennlighet noe du m\u00e5 tenke p\u00e5. Og det er faktisk lettere oppn\u00e5dd enn man skulle tro.\n<\/p>\n
\n Tester for mobilvennlighet\n<\/p>\n
\n Ettersom Google kom opp med denne mobilvennlige algoritmen, gjorde de det ogs\u00e5 mulig for alle \u00e5 teste bloggene og nettsidene sine for denne beregningen ved \u00e5 bruke deres mobilvennlige testverkt\u00f8y. Bare skriv inn nettadressen til bloggen din i \u00abSkriv inn URL for \u00e5 teste\u00bb-boksen, klikk p\u00e5 \u00abKj\u00f8r test\u00bb og verkt\u00f8yet vil fortelle deg om bloggen din er mobilvennlig eller ikke.\n<\/p>\n
\n Er nettsiden din mobilvennlig kan du slappe av litt, for du trenger ikke gj\u00f8re noe. Men hvis dette Google-verkt\u00f8yet fastsl\u00e5r at bloggen din ikke er den enkleste \u00e5 lese p\u00e5 en mobil enhet, m\u00e5 du gj\u00f8re noen forbedringer i denne avdelingen s\u00e5 fort som mulig.\n<\/p>\n
\n For de som bruker en innholdsstyringsprogramvare (CMS) for \u00e5 kj\u00f8re bloggen sin, som WordPress, Joomla!, Drupal, Blogger, Tumblr, Google Sites, Bitrix osv., b\u00f8r tilpasningen ikke v\u00e6re noe problem, siden de fleste av disse programvaresystemene tilby verkt\u00f8y, som automatisk gj\u00f8r nettstedet ditt mobilvennlig. Men hvis du gikk den mer gammeldagse roten til \u00e5 ikke bruke noen CMS-programvare for \u00e5 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.\n<\/p>\n
\n Hvis du bruker CMS, er alt du trenger \u00e5 gj\u00f8re enten \u00e5 oppdatere programvaren eller endre temaet du bruker for bloggen din. De fleste CMS-er har allerede alle verkt\u00f8yene for \u00e5 gj\u00f8re nettstedet ditt mobilvennlig, men du m\u00e5 s\u00f8rge for at CMS er oppdatert til siste versjon. Joomla kommer for eksempel med mobilst\u00f8tte, kun n\u00e5r den er oppdatert til siste versjon av programvaren. Annen programvare kan imidlertid kreve at du endrer temaet p\u00e5 nettstedet ditt for \u00e5 gj\u00f8re det mobilvennlig, siden noen eldre temaer rett og slett ikke ser bra ut p\u00e5 mobile enheter, derfor er de heller ikke egnet for dem. For \u00e5 gj\u00f8re det, g\u00e5 til det administrative panelet til CMS-en din, finn temafanen p\u00e5 dashbordet og endre temaet p\u00e5 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\u00f8tte, vil det v\u00e6re behov for flere forbedringer, og det kan v\u00e6re smartere \u00e5 bare bytte innholdsadministrasjonsprogramvare.\n<\/p>\n
\n En tommelfingerregel n\u00e5r det kommer til blogginnhold som er praktisk for mobilbrukere, er \u00e5 la dem absorbere teksten i mindre avsnitt i motsetning til \u00e5 ha artikkelen din i \u00e9n lang tekst. S\u00e5 teksten i blogginnlegget ditt b\u00f8r v\u00e6re godt strukturert, slik at leseren lett kan orientere seg i tekst. Det kan enkelt gj\u00f8res ved \u00e5 bruke underoverskrifter. N\u00e5r 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 \u00e5 miste plassen mens du leser noe p\u00e5 smarttelefonen er et ganske vanlig problem for mange brukere av mobilenheter, fordi mobilrulling gj\u00f8r lesing av lange, monotone tekster vanskelig, kan du l\u00f8se det ved \u00e5 bruke overskrifter.\n<\/p>\n
\n Overskrifter kan enkelt settes inn ved \u00e5 bruke overskriftskoder. Taggen for st\u00f8rste og viktigste overskrift er\n<\/p>\n
\n Bloggere velger vanligvis st\u00f8rrelsen p\u00e5 bildene de skal bruke i blogginnleggene i henhold til den vanlige dataskjermst\u00f8rrelsen, men n\u00e5r blogginnleggene vises p\u00e5 en mindre skjerm, som p\u00e5 en mobiltelefon, slutter bildene generelt opp til samme st\u00f8rrelse. Det betyr at brukere av mobilenheter ikke ser bildene i passende proporsjoner. S\u00e5 lag bildene dine slik at de ikke bare er mindre i dimensjoner, vanligvis er bilder under 1500 x 2500 piksler best, men ogs\u00e5 mindre i st\u00f8rrelse \u2013 under 500 KB anbefales. I tillegg til \u00e5 ha mobilenhetsvennlige bilder, vil krymping av filst\u00f8rrelsene p\u00e5 bildene dine ogs\u00e5 la brukerne laste inn sidene raskere, siden mindre bilder bruker mindre data for \u00e5 laste.\n<\/p>\n
\n For \u00e5 gj\u00f8re bildene dine mindre er filst\u00f8rrelse og dimensjoner, bruk hvilken som helst bilderedigerer du har for h\u00e5nden, fordi du ikke trenger Photoshop for \u00e5 kunne gj\u00f8re dette. Vi anbefaler \u00e5 bruke enten JPEGmini eller Pixlr, fordi med disse bilderedigererne kan du redusere st\u00f8rrelsen p\u00e5 bildene dine uten \u00e5 g\u00e5 p\u00e5 bekostning av kvaliteten.\n<\/p>\n
\n Responsivt design for en blogg eller et nettsted gir en sjanse til \u00e5 se den fra mange forskjellige plattformer og enheter med forskjellige skjermst\u00f8rrelser mer praktisk, fordi den automatisk tilpasser nettstedet til bredden p\u00e5 nettleservinduet. Og for \u00e5 sikre praktisk lesing for bloggbes\u00f8kende, under denne tilpasningen endres vanligvis bloggens utforming, for eksempel krymper bildene, kolonnene stiller seg vertikalt og menyen endres ogs\u00e5. Men hvis disse endringene ikke skjer av seg selv, finnes det verkt\u00f8y som du kan bruke til \u00e5 gj\u00f8re det selv.\n<\/p>\n
\n For eksempel Foundation 3, Skeleton og Bootstrap. Disse rammene vil automatisk justere bloggen din, slik at den er lett \u00e5 lese p\u00e5 alle enheter. \u00c5 bruke disse er mye enklere enn \u00e5 kode alle mulige kombinasjoner selv. Selvf\u00f8lgelig kan du gj\u00f8re dette ogs\u00e5 ved \u00e5 bruke CSS3s nye relative lengdeenheter som viewportens bredde (vw), viewportens h\u00f8yde (vh), minimum av viewportens h\u00f8yde og bredde (vmin) og maksimum av viewportens h\u00f8yde og bredde (vmax). Koding krever imidlertid b\u00e5de dyktighet og tid, og hvis du ikke er erfaren programmerer, vil jeg foresl\u00e5 \u00e5 g\u00e5 med det f\u00f8rstnevnte alternativet.\n<\/p>\n
\n Mobilbrukere foretrekker enkle nettstedsdesign, fordi store og kompliserte designnettsteder blir trege p\u00e5 en mobilenhet. Enkle design gj\u00f8r det ogs\u00e5 enkelt \u00e5 holde leserens oppmerksomhet p\u00e5 innholdet i stedet for \u00e5 distrahere dem med fancy design, fordi statistisk sett har de fleste mobilbrukerne ganske korte oppmerksomhetsspenn.\n<\/p>\n
\n Det betyr \u00e5 gj\u00f8re utformingen av nettstedet ditt enkelt og lett \u00e5 forst\u00e5. Hvis du bruker et tema som tjenesteleverand\u00f8ren 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\u00e5 et skrivebord ogs\u00e5. Men hvis du har laget nettstedet ditt ved hjelp av HTML, kan du laste ned en enkel mal, som vil f\u00e5 nettstedet ditt til \u00e5 se bra ut og v\u00e6re mobilvennlig ogs\u00e5. For eksempel tilbyr Envato Market mange forskjellige enkle design som du kan velge mellom og bruke p\u00e5 nettstedet ditt.\n<\/p>\n
\n Interessante fonter kan f\u00e5 en blogg til \u00e5 se mer kreativ ut, men disse fontene kan ogs\u00e5 v\u00e6re til irritasjon for mobile lesere av bloggen, fordi ikke alle mobile enheter st\u00f8tter fancy desktop-fonter. S\u00e5 for \u00e5 se innholdet, m\u00e5 brukere av mobilenheter laste ned nye fonter til telefonene sine, noe som er et problem som ikke er verdt det for mange. P\u00e5 toppen av det, selv om de har alle skriftene forh\u00e5ndsinstallert, kan noen mer kreative skrifter v\u00e6re vanskelige \u00e5 lese p\u00e5 en smarttelefon p\u00e5 grunn av den mindre st\u00f8rrelsen.\n<\/p>\n
\n S\u00e5 velg tradisjonelle fonter som Times New Roman, Verdana, Comic Sans MS, WildWest eller Bedrock. Sjekk ogs\u00e5 lesbarheten til skriften du bestemmer deg for \u00e5 bruke, for \u00e5 sikre at teksten ikke blir uleselig n\u00e5r den f\u00f8rst vises p\u00e5 en mindre skjerm p\u00e5 en smarttelefon. En generell tommelfingerregel er at enhver tekst p\u00e5 en nettside b\u00f8r v\u00e6re minst 14 px, fordi teksten p\u00e5 denne m\u00e5ten blir stor nok til \u00e5 v\u00e6re lett lesbar selv om du bruker en mobilenhet med veldig liten skjerm.\n<\/p>\n
\n N\u00e5r en side er lastet inn p\u00e5 en hvilken som helst enhet, enten det er en datamaskin, nettbrett eller en smarttelefon, laster enheten ned alt innholdet p\u00e5 siden. Det skaper vanligvis ingen problemer hvis du bruker en datamaskin, men store mengder data kan overvelde mobile enheter. For \u00e5 unng\u00e5 det b\u00f8r du minimere mengden innhold p\u00e5 hver side, fordi dette vil s\u00f8rge for at bloggen din fungerer p\u00e5 alle mobile enheter.\n<\/p>\n
\n Det anbefales \u00e5 redusere innholdet p\u00e5 siden din til under 5 MB per side. Du kan enkelt sjekke st\u00f8rrelsen p\u00e5 sideinnholdet i hvilken som helst nettleser. Bare bruk ett av mange verkt\u00f8y for kontroll av nettsidest\u00f8rrelse, som er tilgjengelig p\u00e5 nettet. Hvis den er over 5 MB, kan du enten redusere st\u00f8rrelsen og mengden av tekst, bilder og andre komponenter p\u00e5 siden manuelt eller bruke bloggutdrag for \u00e5 gj\u00f8re det enklere for bes\u00f8kende \u00e5 se bloggen din.\n<\/p>\n
\n Hvis du har en tendens til \u00e5 legge ut mange videoer i artiklene p\u00e5 bloggen din, m\u00e5 du huske at de vil se mye annerledes ut p\u00e5 en mobilenhet enn p\u00e5 en datamaskin. Dessuten st\u00f8tter enkelte mobilenheter ikke en gang visse videoformater, s\u00e5 for \u00e5 unng\u00e5 sjansen for at brukeren ikke kan spille av videoen p\u00e5 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\u00e5 nesten hvilken som helst enhet, og du slipper \u00e5 stresse med videost\u00f8rrelser og -formater lenger.\n<\/p>\n
\n Du kan f\u00e5 innebygde koden for en YouTube-video ved \u00e5 klikke p\u00e5 «Del»-knappen, som er plassert under «Abonner»-knappen, klikk deretter p\u00e5 «Bygg inn»-fanen og kopier den oppgitte koden til nettstedet ditt. Og du har selv en perfekt st\u00f8rrelse video i innlegget ditt uten engang \u00e5 m\u00e5tte konvertere eller p\u00e5 annen m\u00e5te justere den.\n<\/p>\n
\n Mange ganger er lenker p\u00e5 et nettsted alt for sm\u00e5 til at en mobilbruker enkelt og n\u00f8yaktig kan trykke med fingeren. Og det kan v\u00e6re veldig irriterende for en bloggleser n\u00e5r de ikke kan trykke n\u00f8yaktig p\u00e5 innholdet, de \u00f8nsker \u00e5 se. Derfor b\u00f8r du erstatte alle lenkene p\u00e5 nettstedet ditt med knapper som er minst 44 x 44 piksler store.\n<\/p>\n
\n Hvis du bruker et CMS som WordPress, kan du bare bruke plugins for \u00e5 lage disse knappene. G\u00e5 til CMS-kontrollpanelet, finn en passende plugin, installer den og f\u00f8lg 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.\n<\/p>\n
\n Til slutt, n\u00e5r du har gjort alle forbedringene og du synes bloggen din er s\u00e5 mobilvennlig som den kan bli, test bloggen din p\u00e5 nytt med Googles testverkt\u00f8y eller et annet testverkt\u00f8y for mobilvennlighet som du kan finne p\u00e5 internett. Hvis n\u00e5 alt er bra og verkt\u00f8yet forsikrer deg om at bloggen din ikke f\u00e5r noen straff, fordi den ikke er mobilvennlig, kan du slappe av og fortsette \u00e5 utvide nettstedet ditt ved \u00e5 lage flott innhold. Men bare for \u00e5 v\u00e6re sikker, vil jeg foresl\u00e5 deg \u00e5 teste nettstedet ditt fra flere forskjellige enheter.\n<\/p>\n
\n Be venner eller familiemedlemmer se p\u00e5 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\u00e5 gjennom alle hovedsidene dine p\u00e5 bloggen din p\u00e5 disse enhetene. Bare ved \u00e5 teste bloggens mobilvennlighet i det virkelige liv kan du v\u00e6re sikker p\u00e5 at nettstedet ditt faktisk er enkelt \u00e5 se og lese fra alle gadgets.\n<\/p>\n
\n Mobilvennlighet handler ikke bare om \u00e5 ha et fint nettsteddesign, det handler ogs\u00e5 om \u00e5 forbedre brukeropplevelsen p\u00e5 nettstedet ditt. Det er derfor, n\u00e5r du gj\u00f8r bloggen din mer mobilvennlig, vil flere mennesker v\u00e6re villige til \u00e5 komme tilbake til nettstedet ditt, fordi det vil v\u00e6re enkelt \u00e5 se og forst\u00e5. Og siden antallet mennesker som bruker mobiltelefonene sine som en prim\u00e6r enhet for \u00e5 surfe p\u00e5 nettet bare \u00f8ker for hvert kommende \u00e5r, er det bare i din beste interesse \u00e5 s\u00f8rge for at nettstedet ditt er vennlig for disse smarttelefonbrukerne og viser innholdet til dem p\u00e5 en praktisk og lettlest m\u00e5te.\n<\/p>\n<\/p>\n