Är min webbplats bra på mobilen?

De flesta besökare tittar på din webbplats via en mobil. Det gör Google också: Google använder mobilversionen av dina sidor för att indexera och rangordna dem. Det som inte finns på sidan på din mobil ser Google alltså inte heller. I den här artikeln läser du hur du själv kontrollerar om din webbplats fungerar bra på en liten skärm.

Viewport-regeln

En mobil vet inte automatiskt att din sida är gjord för en liten skärm. Utan instruktion låtsas webbläsaren att skärmen är mycket bredare och förminskar hela sidan. Då får du mikroskopisk text som du måste zooma in på. Lösningen är en rad i <head> på varje sida:

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

• Ingen fast bredd som width=1024: då låtsas mobilen igen att skärmen är bred.
• Blockera inte zoomning: utelämna user-scalable=no och maximum-scale=1. Personer med nedsatt syn måste kunna förstora text.

AI Bouwer, WordPress-teman och de flesta andra webbplatsbyggare lägger själva in den här raden på varje sida. Har du en egenbyggd eller äldre webbplats är det värt att kolla: öppna en sida, högerklicka, välj Visa sidkälla (eller Ctrl+U) och sök med Ctrl+F efter viewport.

Testa själv

1. Öppna din webbplats på din egen mobil och gå igenom dina viktigaste sidor.
2. Eller på datorn: öppna din webbplats i Chrome eller Firefox, tryck på F12 och klicka på ikonen för en mobil och surfplatta. Välj en smal enhet.
3. Håll utkik efter text som hamnar utanför skärmen, en sida du måste skjuta i sidled, knappar som är för små eller överlappar varandra, samt delar som saknas på mobilen.
4. Testa därefter i PageSpeed Insights på fliken Mobil. Hur du läser den rapporten står i PageSpeed Insights förklarat: Core Web Vitals i vanligt språk.

Googles separata Mobilanpassningstest och rapporten Mobilanvändbarhet i Search Console finns inte längre sedan den 1 december 2023. Stöter du på dem i en äldre artikel använder du stegen ovan istället.

Samma innehåll på mobil och desktop

På en responsiv webbplats (en adress och en sida som anpassar sig efter skärmbredden) är innehållet automatiskt detsamma. Google rekommenderar den metoden. Har du en separat mobilwebbplats, till exempel m.example.com, eller ett system som skickar andra sidor till mobiler, kontrollera då:

• samma text, även om den på mobilen ligger i ett utfällbart block;
• samma titel och beskrivning;
• samma bilder med samma alt-texter;
• inget innehåll som bara laddas när besökaren sveper, klickar eller skriver: Google gör inte det.

Läs mer

• Google: rekommenderade metoder för mobile-first indexing (engelska)
• MDN: viewport-regeln (engelska)