Du sjekker Google Analytics og ser at 70 prosent av trafikken kommer fra mobil. Men konverteringsraten på mobil er halvparten av desktop. Problemet er sjelden innholdet. Det er at siden ikke fungerer godt nok på en liten skjerm. En mobilvennlig nettside er ikke lenger en bonus for SEO. Det er et krav.
Hvorfor mobilvennlighet er avgjørende for SEO
Google bruker mobile-first indexing. Det betyr at Google ser på mobilversjonen av nettsiden din når den vurderer rangering, selv for søk som gjøres fra desktop. Har du en side som ser bra ut på en stor skjerm men fungerer dårlig på mobil, vil det påvirke synligheten din i alle søkeresultater.
Tall fra Statistisk sentralbyrå viser at nordmenn bruker mobilen mer enn noen gang for å søke, handle og lese. Når brukeren må zoome inn for å lese teksten eller bommer på knapper fordi de er for små, forlater de siden. Google registrerer dette som et negativt signal, og en mobilvennlig nettside SEO-strategi starter med å fjerne disse hindrene.
Hva kjennetegner en mobilvennlig nettside
Responsivt design er Googles anbefalte løsning. Med responsivt design tilpasser nettsiden seg automatisk til skjermstørrelsen, enten besøkeren bruker en iPhone SE med 375 piksler bredde eller en iPad i landskapsmodus. Samme URL, samme HTML, men ulikt oppsett avhengig av enheten.
Alternativet er separate mobildomener (som m.dinside.no), men Google anbefaler sterkt responsivt design fordi det er enklere å vedlikeholde og gir søkemotoren kun én URL å forholde seg til. Med separate domener risikerer du problemer med duplisert innhold.
En mobilvennlig nettside har disse egenskapene:
- Lesbar tekst uten zooming. Fontstørrelsen bør være minst 16px for brødtekst. Brukeren skal aldri trenge å zoome for å lese innholdet.
- Trykkbare elementer med nok avstand. Knapper og lenker bør være minst 48x48 piksler og ha tilstrekkelig mellomrom slik at man ikke trykker feil.
- Ingen horisontal scrolling. Alt innhold bør tilpasse seg skjermbredden. Tabeller og bilder som stikker utenfor ødelegger opplevelsen.
- Rask lastetid på mobilnett. Mobilbrukere har ofte tregere tilkobling enn desktop. Komprimerte bilder og minimert kode er ekstra viktig her.
Slik tester du mobilvennligheten til nettsiden din
Chrome Developer Tools. Høyreklikk på nettsiden din i Chrome og velg "Inspiser". Klikk på ikonet for "Toggle Device Toolbar" (den lille telefon- og nettbrettknappen). Nå kan du simulere hvordan siden ser ut på ulike enheter. Velg iPhone SE, iPad eller en annen enhet fra nedtrekksmenyen, og naviger gjennom sidene dine. Sjekk at menyer fungerer, at tekst er lesbar, og at ingenting flyter utenfor skjermen.
Google Search Console. Under "Kjernestatistikk for nett" finner du Googles vurdering av mobilytelsen din basert på ekte brukerdata. Her ser du om noen URL-er har problemer som påvirker mobilvennligheten. Rapporten skiller mellom gode, forbedringstrengende og dårlige URL-er.
PageSpeed Insights. Kjør en test med URL-en din og velg mobilfanen. Du får en ytelsesscore og konkrete forbedringsforslag for mobilopplevelsen. En score på 80 eller høyere betyr at det meste fungerer bra. Vil du gå dypere inn i ytelse, har vi en egen guide om page speed og SEO.
Vanlige mobilproblemer og hvordan du løser dem
Bilder som ikke skalerer. Et bilde med fast bredde på 1200 piksler sprenger skjermen på mobil. Bruk CSS med max-width: 100% slik at bilder alltid tilpasser seg beholderen. Moderne CMS-er håndterer dette automatisk, men sjekk at temaet ditt faktisk gjør det.
Menyer som ikke fungerer på touch. Hover-effekter fra desktop fungerer ikke på mobilskjermer. Menyen bør ha en tydelig hamburgermeny-knapp som åpner navigasjonen. Test at alle menypunkter er tilgjengelige og at undermenyene faktisk lar seg åpne med touch.
Pop-ups som dekker innholdet. Google har egne regler mot påtrengende popup-vinduer på mobil. Popup-er som dekker hovedinnholdet rett etter at brukeren kommer til siden, kan føre til at siden rangerer lavere. Bruk heller bannere som tar begrenset plass, eller vis popup-en etter at brukeren har scrollet ned.
Tekst som er for liten eller for tett. Sjekk at linjehøyden gir nok luft mellom linjene. En linjehøyde på 1.5 eller mer gjør teksten vesentlig lettere å lese på små skjermer.
Overvåk mobilvennligheten jevnlig
Mobilvennlighet er ikke noe du fikser én gang og glemmer. Nye sider, nye plugins eller temaopdateringer kan introdusere problemer. Sjekk Google Search Console med jevne mellomrom for å fange opp feil tidlig. Når Google rapporterer problemer, klikker du på den aktuelle feilen for å se hvilke URL-er som er berørt, fikser problemet, og ber Google validere løsningen på nytt.
Noen ganger viser Search Console midlertidige problemer som skyldes at serveren var treg akkurat da Google testet. Hvis problemet forsvinner av seg selv ved neste test, er det ingen grunn til bekymring. Men vedvarende feil bør du ta tak i raskt.
Neste steg
Nå vet du hva som gjør en nettside mobilvennlig for SEO, og hvordan du tester den. Mobilvennlighet henger tett sammen med sidehastighet. Sørg også for at du har kontroll på robots.txt og noindex, slik at Google indekserer de riktige mobilsidene. For en helhetlig oversikt over alle tekniske grep, se teknisk SEO.
Denne videoen er hentet fra kurset Søkemotoroptimalisering (SEO) - komplett guide på Utdannet.no. I det fulle kurset lærer du å teste mobilvennlighet praktisk i Chrome Developer Tools og Google Search Console, med konkrete eksempler fra ekte nettsider.
