Er du i tvil om nettsiden din fungerer godt på mobil?

De fleste besøkende ser nettstedet ditt på en mobiltelefon. Google gjør det samme: Google bruker den mobile versjonen av sidene dine for å indeksere og rangere dem. Det som ikke finnes på siden på telefonen din, ser Google heller ikke. I denne artikkelen leser du hvordan du selv kontrollerer om nettstedet ditt fungerer godt på en liten skjerm.

Viewport-regelen

En telefon vet ikke automatisk at siden din er laget for en liten skjerm. Uten instruksjon later nettleseren som om skjermen er mye bredere, og forminsker hele siden. Da får du knøttliten tekst som du må zoome inn på for å lese. Løsningen er én linje i <head> på hver side:

<meta name="viewport" content="width=device-width, initial-scale=1">

• Ingen fast bredde som width=1024: da later telefonen igjen som om skjermen er bred.
• Ikke blokker zooming: la være å bruke user-scalable=no og maximum-scale=1. Personer med nedsatt syn må kunne forstørre tekst.

KI Bouwer, WordPress-temaer og de fleste andre nettstedsbyggere setter denne regelen selv inn på hver side. Hvis du har et selvlaget eller gammelt nettsted, er det verdt å sjekke: åpne en side, høyreklikk, velg Vis kildekode (eller Ctrl+U) og søk med Ctrl+F etter viewport.

Test selv

1. Åpne nettstedet ditt på din egen mobiltelefon og gå gjennom de viktigste sidene.
2. Eller på datamaskinen: åpne nettstedet ditt i Chrome eller Firefox, trykk på F12 og klikk på ikonet for en mobiltelefon og nettbrett. Velg en smal enhet.
3. Se etter tekst som faller utenfor skjermen, en side du må skyve sidelengs for å se, knapper som er for små eller overlapper hverandre, og deler som mangler på mobil.
4. Test deretter i PageSpeed Insights på fanen Mobil. Hvordan du leser den rapporten, finner du i Lese PageSpeed Insights: Core Web Vitals på vanlig språk.

Den separate Mobilvennlig test fra Google og rapporten om mobilbrukervennlighet i Search Console finnes ikke lenger siden 1. desember 2023. Støter du på dem i en gammel artikkel, bruker du nå trinnene over.

Samme innhold på mobil og desktop

Med et responsivt nettsted (én adresse og én side som tilpasser seg skjermbredden) er innholdet automatisk likt. Google anbefaler denne metoden. Har du et eget mobilnettsted, som m.example.com, eller et system som sender telefoner andre sider, kontroller da:

• samme tekst, selv om den på mobil står i en utvidbar boks;
• samme tittel og beskrivelse;
• samme bilder med samme alt-tekster;
• ikke noe innhold som først lastes når den besøkende sveiper, klikker eller skriver: Google gjør ikke det.

Les mer

• Google: anbefalte fremgangsmåter for mobile-first-indeksering (engelsk)
• MDN: viewport-regelen (engelsk)